:root{--bg:#14110f;--fg:#f6f0e4;--mut:#cfc6b8;--acc:#ff4500;--acc2:#d93a00;--on-acc:#14110f;--card:#1e1a17;--hover:#2b2622;--stroke:rgba(255,255,255,.09);--live:#ff3b55;--g:clamp(16px,4vw,64px);--r:16px;--tile:clamp(132px,15vw,300px);--wide:clamp(200px,22vw,440px);--nav:64px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font:16px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;letter-spacing:-.01em;margin:0}a{color:var(--acc)}.ic{width:1.25em;height:1.25em;fill:currentColor;flex:none}.mark{width:1.6em;height:1.6em;flex:none}button,input,select{font:inherit;color:inherit;background:var(--card);border:2px solid transparent;border-radius:999px;padding:.6em 1.2em;margin:.25em;min-height:44px;cursor:pointer}input,select{width:100%;display:block;margin:.4em 0;border-radius:12px;border-color:var(--stroke);cursor:text}button:hover{background:var(--hover)}button:focus,input:focus,select:focus{outline:none;border-color:var(--fg)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--fg);outline-offset:2px}button.on,button.primary{background:var(--acc);color:var(--on-acc);font-weight:600}button.primary:hover{background:var(--acc2)}button.ghost{background:#ffffff1a}.cta{display:flex;flex-wrap:wrap;gap:.5em;margin:1.2em 0 0}.cta button{margin:0;display:inline-flex;align-items:center;gap:.5em;padding:.75em 1.5em}#top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1.5em;padding:12px var(--g);background:#14110ff0;border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:.5em;color:var(--fg);text-decoration:none;font-weight:800;font-size:1.25em;white-space:nowrap}.brand b{color:var(--acc)}#tabs{display:flex;gap:.25em;align-items:center;flex-wrap:nowrap}.tab{display:inline-flex;align-items:center;gap:.45em;background:transparent;color:var(--mut);margin:0;padding:.5em 1em;font-weight:600}.tab:hover{color:var(--fg)}.tab.on{background:var(--acc);color:var(--on-acc)}#view{flex:1;min-width:0;padding:0 0 calc(var(--g) / 2)}#foot{display:flex;flex-wrap:wrap;gap:.4em 1.6em;align-items:center;justify-content:space-between;padding:20px var(--g);border-top:1px solid var(--stroke);color:var(--mut);font-size:.85em}#foot span:first-child{color:var(--fg)}body[data-tab=home] #foot{border-top:0}@media (max-width:860px){:root{--nav:64px}#top{justify-content:center;padding:10px var(--g)}#tabs{position:fixed;left:0;right:0;bottom:0;z-index:6;justify-content:space-around;gap:0;padding:4px 2px calc(4px + env(safe-area-inset-bottom));background:#14110ff7;border-top:1px solid var(--stroke)}.tab{flex:1 1 0;min-width:0;flex-direction:column;gap:2px;padding:6px 0;border-radius:12px;font-size:10.5px;font-weight:600;min-height:52px}.tab .ic{width:22px;height:22px}.tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab.on{background:transparent;color:var(--acc)}#app{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}}@media (max-width:360px){.tab span{font-size:9.5px}}.home{display:flex;flex-direction:column;gap:clamp(20px,3vw,48px)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--g);min-height:clamp(320px,52vh,900px);padding:clamp(28px,5vw,96px) var(--g);background:radial-gradient(120% 90% at 85% 10%,rgba(255,69,0,.22),transparent 60%),var(--bg);border-bottom:1px solid var(--stroke);overflow:hidden}.hero:not(.welcome){grid-template-columns:1fr;background:linear-gradient(90deg,var(--bg) 25%,rgba(20,17,15,.55)),var(--art) center/cover no-repeat,var(--card)}.hero-in{max-width:46em;position:relative}.hero .mark{width:clamp(44px,5vw,96px);height:auto;margin-bottom:.6em}.eyebrow{color:var(--acc);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8em;margin:0 0 .5em}.hero h1{font-size:clamp(30px,4.6vw,88px);line-height:1.04;font-weight:800}.lede{color:var(--mut);font-size:clamp(16px,1.3vw,26px);max-width:36em;margin:.8em 0 0}.hero-posters{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1vw,20px);transform:rotate(-4deg)}.hero-posters img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--r);background:var(--hover);border:1px solid var(--stroke)}.hero-posters img:nth-child(2){transform:translateY(-8%)}@media (max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-posters{display:none}}.shelf{padding:0 var(--g);contain:layout paint}.shelf>h2,.page{font-size:clamp(20px,1.6vw,34px);font-weight:700;margin:0 0 .5em}.page{padding:clamp(16px,2vw,32px) 0 0}#view>.split,#view>.grid,#view>.guide,#view>.settings,#view>input,#view>#res,#view>h1,#view>p,#view>ul{margin-left:var(--g);margin-right:var(--g)}.see{background:none;padding:0 .2em;margin:0;font:inherit;border-radius:8px;min-height:0}.see span{color:var(--mut)}.rail{display:flex;gap:clamp(10px,1.2vw,24px);overflow-x:auto;overflow-y:hidden;padding:6px 4px 14px;margin:0 -4px;scroll-snap-type:x proximity;scrollbar-width:none;overflow-anchor:none}.rail::-webkit-scrollbar{display:none}.tile{flex:none;width:var(--tile);display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;margin:0;background:none;border:0;border-radius:var(--r);scroll-snap-align:start}.tile.wide{width:var(--wide)}.art{position:relative;display:block;width:100%;aspect-ratio:2/3;border-radius:var(--r);overflow:hidden;border:1px solid var(--stroke);transition:transform .15s ease}.wide .art{aspect-ratio:16/9}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wide .art img{object-fit:contain;padding:6%;background:var(--card)}.ph{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:2em;color:#f6f0e4d9;text-transform:uppercase}.tt{display:block;margin-top:.5em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.st{display:block;color:var(--mut);font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile:hover{background:none}.tile:focus{border:0}.tile:focus .art,.tile:hover .art{outline:4px solid var(--fg);outline-offset:2px}.tile:focus .art{transform:scale(1.04)}.bar{position:absolute;left:8px;right:8px;bottom:8px;height:4px;border-radius:2px;background:#ffffff40}.bar i{display:block;height:100%;background:var(--acc);border-radius:2px}.bar.big{position:static;display:block;max-width:24em;margin-top:1.2em}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(10px,1.2vw,24px)}.step{background:#ffffff12;border:1px solid var(--stroke);border-radius:var(--r);padding:clamp(16px,1.6vw,32px)}.step .ic{width:2em;height:2em;color:var(--acc);display:block;margin-bottom:.6em}.step p{color:var(--mut);margin:.4em 0 0}.credits{color:var(--mut);font-size:.8em;padding:0 var(--g);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(42vw,var(--tile)),1fr));gap:clamp(12px,1.4vw,28px)}.grid .tile{width:auto}.split{display:flex;gap:clamp(12px,2vw,32px);padding-top:clamp(12px,2vw,28px);min-height:calc(100vh - 160px)}.split aside{width:clamp(180px,22%,460px);flex:none;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 120px);overflow:auto;position:sticky;top:84px;align-self:flex-start}.split aside button{text-align:left;margin:0;border-radius:12px;background:transparent;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.split aside button.on{background:var(--acc);color:var(--on-acc)}.split section{flex:1;min-width:0}.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:8px}.list li>button{display:flex;align-items:center;gap:.9em;width:100%;margin:0;text-align:left;border-radius:var(--r);background:#ffffff12;border:1px solid var(--stroke);padding:10px 14px;min-height:64px}.list li>button:focus{border-color:var(--fg)}.logo{position:relative;flex:none;width:64px;height:40px;border-radius:8px;overflow:hidden;display:grid;place-items:center;font-style:normal;font-weight:800;text-transform:uppercase}.logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--card);padding:3px}.list span{min-width:0;flex:1}.list b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list small{display:block;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list em{color:var(--acc)}.pl{display:flex;flex-wrap:wrap;align-items:center;gap:.5em}.pl span{flex:1;min-width:12em}.settings{max-width:60em}.settings h2{font-size:1.2em;margin:1.4em 0 .4em}.settings p{color:var(--mut)}.settings .list{grid-template-columns:1fr}.empty{color:var(--mut);padding:2em 0}.searchbox{max-width:48em;margin-top:0;padding:.8em 1.2em;border-radius:999px}.guide{overflow:auto;max-height:calc(100vh - 170px);margin-top:clamp(12px,2vw,28px)}.row{display:flex;height:3em;margin:.25em 0}.gch{width:clamp(110px,14vw,280px);flex:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;margin:0 .4em 0 0}.track{position:relative;flex:1;min-width:1200px}.prog{position:absolute;top:0;bottom:0;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.85em;border-radius:10px;text-align:left}.prog.now{background:#4a2410}.small{color:var(--mut);font-size:.85em}@media (max-width:700px){.split{flex-direction:column;min-height:0}.split aside{position:static;width:100%;flex-direction:row;overflow-x:auto;max-height:none}.split aside button{flex:none}}#playerWrap{position:fixed;inset:0;background:#000;z-index:10}#playerWrap video,#playerWrap object{width:100%;height:100%}#osd{position:absolute;left:0;right:0;bottom:0;padding:1.4em var(--g);background:linear-gradient(transparent,#000000d9 40%)}#osd small{display:block;color:var(--mut)}.osdbtns{margin-top:.5em}#modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20;padding:16px}#modal[hidden],#toast[hidden],#playerWrap[hidden]{display:none}#modal .box{background:var(--card);border:1px solid var(--stroke);padding:1.5em;border-radius:20px;width:min(100%,34em);max-height:90vh;overflow:auto}#modal h2{margin-bottom:.6em}.chips{display:flex;flex-wrap:wrap}#toast{position:fixed;bottom:calc(var(--nav) + 24px);left:50%;transform:translate(-50%);background:var(--hover);border:1px solid var(--stroke);padding:.7em 1.2em;border-radius:999px;z-index:30;max-width:90vw}body.tv{font-size:clamp(20px,1.25vw,40px)}body.tv{--g:5vw;--tile:clamp(160px,12vw,420px);--wide:clamp(240px,18vw,600px)}body.tv #top{padding-top:3vh}@media (min-width:2200px){html,body{font-size:clamp(18px,.9vw,34px)}:root{--tile:clamp(200px,11vw,420px);--wide:clamp(300px,17vw,620px)}}@media (min-aspect-ratio:21/9){.split aside{width:18%}}body.gamepad *{cursor:none}body.gamepad button:focus{box-shadow:0 0 0 4px #f6f0e44d}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.tile:focus .art{transform:none}}@media (prefers-contrast:more){:root{--mut:#e3dbcd;--card:#26211d;--stroke:#b3a898}}.calm *,.calm *:before,.calm *:after,.tier-low *,.tier-low *:before,.tier-low *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.calm .tile:focus .art,.tier-low .tile:focus .art{transform:none}.tier-low .rail{scroll-snap-type:none}.tile:focus-visible{outline:none}@media (min-width:861px){.rail.fill{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.rail.fill .tile{width:auto}}:root{--glow:0 0 0 1px rgba(255,69,0,.55),0 0 28px rgba(255,69,0,.45);--shadow:0 10px 30px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.35);--ease:cubic-bezier(.2,.7,.2,1);--s1:8px;--s2:16px;--s3:clamp(24px,2.4vw,48px)}.brand{font-size:clamp(1.3em,1.6vw,2em);gap:.55em}.brand .mark{width:clamp(34px,2.6vw,64px);height:auto;filter:drop-shadow(0 0 10px rgba(255,69,0,.55))}#top{padding-top:14px;padding-bottom:14px;backdrop-filter:saturate(1.4) blur(10px);background:#14110fd1;box-shadow:0 1px #ff45002e}.tab{transition:background .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.tab.on{box-shadow:0 0 18px #ff450073}@media (max-width:860px){.tab.on{box-shadow:none}.tab.on .ic{filter:drop-shadow(0 0 6px rgba(255,69,0,.7))}}.home{gap:var(--s3)}.hero{isolation:isolate;min-height:clamp(380px,62vh,1000px);background:radial-gradient(60% 80% at 78% 40%,rgba(255,69,0,.38),transparent 65%),radial-gradient(40% 60% at 10% 100%,rgba(217,58,0,.22),transparent 70%),linear-gradient(180deg,#1c1714,var(--bg))}.hero:after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,var(--bg));z-index:-1}.hero.welcome .hero-in>.mark{width:clamp(72px,9vw,200px);filter:drop-shadow(0 0 32px rgba(255,69,0,.6));margin-bottom:.4em}.hero-mark-bg{position:absolute;right:-6%;top:50%;width:clamp(320px,48vw,1400px);transform:translateY(-50%);opacity:.09;z-index:-1;pointer-events:none}.hero-mark-bg .mark{width:100%;height:auto}.hero h1{font-size:clamp(32px,4.4vw,96px);line-height:1.02;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--acc);text-shadow:0 0 30px rgba(255,69,0,.45)}.eyebrow{display:inline-flex;align-items:center;gap:.5em;padding:.35em .8em;border-radius:999px;background:#ff450024;border:1px solid rgba(255,69,0,.35);font-size:.75em}.lede{line-height:1.55}.hero-posters{position:relative;padding:4%}.hero-posters:before{content:"";position:absolute;inset:-10%;background:radial-gradient(closest-side,rgba(255,69,0,.45),transparent);filter:blur(30px);z-index:-1}.hero-posters img{box-shadow:var(--shadow),0 0 40px #ff45002e}button.primary{box-shadow:0 6px 24px #ff450066;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s}button.primary:hover,button.primary:focus{box-shadow:0 8px 34px #ff450099;transform:translateY(-1px)}button.ghost{border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}button.ghost:focus,button.ghost:hover{border-color:var(--acc);box-shadow:var(--glow)}.shelf>h2{display:flex;align-items:center;gap:.5em;font-size:clamp(19px,1.45vw,32px)}.shelf>h2:before{content:"";width:4px;height:1em;border-radius:2px;background:var(--acc);box-shadow:0 0 10px #ff450099}.art{box-shadow:var(--shadow);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.tile:focus .art,.tile:hover .art{outline:3px solid var(--acc);outline-offset:3px;box-shadow:var(--shadow),0 0 34px #ff450080}.tile:focus .art,.tile:hover .art{transform:translateY(-3px) scale(1.035)}.tile:focus .tt{color:var(--acc)}.step{box-shadow:var(--shadow);background:linear-gradient(160deg,#ff45001a,#ffffff0a 45%);transition:border-color .2s}.step:hover{border-color:#ff450066}.step .ic{filter:drop-shadow(0 0 8px rgba(255,69,0,.6))}.list li>button{box-shadow:0 4px 14px #0000004d;transition:border-color .18s,box-shadow .18s}.list li>button:focus,.list li>button:hover{border-color:var(--acc);box-shadow:var(--glow)}.split aside button.on{box-shadow:0 0 16px #ff450066}#foot{gap:var(--s1) var(--s3)}#foot .mark{width:22px;height:auto;vertical-align:-5px;margin-right:.4em}#splash{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(50% 50% at 50% 45%,rgba(255,69,0,.25),transparent 70%),#14110f;transition:opacity .4s var(--ease)}#splash svg{width:clamp(96px,14vw,320px);height:auto;filter:drop-shadow(0 0 40px rgba(255,69,0,.7));animation:pulse 1.6s ease-in-out infinite}#splash.out{opacity:0;pointer-events:none}@keyframes pulse{50%{transform:scale(1.05);filter:drop-shadow(0 0 60px rgba(255,69,0,.9))}}.tier-low .hero-posters:before,.tier-low #top{filter:none;backdrop-filter:none}.tier-low .art,.tier-low .step,.tier-low .list li>button{box-shadow:none}@media (max-width:860px){#top{backdrop-filter:none;background:#14110ff5}}.hero .mark{display:block}.eyebrow{display:flex;width:fit-content}.art{background-color:var(--card)}.art img{object-fit:cover;object-position:50% 35%}.art img:not(.photo){object-fit:contain;padding:10%}.wide .art img.photo{object-fit:cover;padding:0;background:none;object-position:50% 40%}.art.framed{display:grid;place-items:center}.art.framed:before{content:"";position:absolute;inset:-12%;background:var(--bg) center/cover;filter:blur(18px) saturate(1.2);opacity:.55}.art.framed img{position:relative;inset:auto;width:auto;height:auto;object-fit:contain;padding:0;border-radius:6px;box-shadow:0 6px 20px #00000080}.art.framed .ph{display:none}.hero-posters img{height:auto;image-rendering:auto}.hero-posters.one{grid-template-columns:minmax(0,min(100%,22vw));justify-content:center;transform:rotate(-2deg)}.hero-posters.one .tile{width:100%}.hero-posters.one .tt{display:none}.hero.lead{background:radial-gradient(60% 80% at 78% 40%,rgba(255,69,0,.32),transparent 65%),linear-gradient(180deg,#1c1714,var(--bg))}.rail.fill{gap:clamp(10px,1.2vw,24px)}@media (min-width:861px) and (max-width:1100px){.rail.fill{grid-template-columns:repeat(3,minmax(0,1fr))}.rail.fill .tile:nth-child(n+4){display:none}}.mark,.ic{shape-rendering:geometricPrecision}#playerWrap{--pc:clamp(44px,3.4vw,96px);font-size:clamp(15px,1.05vw,34px)}#playerWrap video{object-fit:contain;background:#000}#osd{position:absolute;inset:0;padding:0;background:none;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;transition:opacity .3s var(--ease)}#osd>*{pointer-events:auto}#playerWrap.idle #osd{opacity:0}#playerWrap.idle #osd>*{pointer-events:none}#playerWrap.idle{cursor:none}.ptop{display:flex;align-items:flex-start;gap:clamp(10px,1.2vw,28px);padding:clamp(12px,2.2vw,56px) var(--g) clamp(40px,6vh,120px);background:linear-gradient(rgba(0,0,0,.8),transparent)}.pmeta{min-width:0;flex:1}.pmeta h2{font-size:clamp(18px,1.8vw,52px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psub{margin:.2em 0 0;color:var(--mut);display:flex;align-items:center;gap:.6em;flex-wrap:wrap}.livebadge{background:var(--live);color:var(--on-acc);font-weight:800;font-size:.75em;padding:.15em .6em;border-radius:999px}.pnow{margin:.5em 0 0;display:flex;flex-wrap:wrap;gap:.3em 1.4em}.pnow b{color:var(--acc);margin-right:.3em}.pnow span{color:var(--mut)}.pcred{color:var(--mut);font-size:.75em;margin:.5em 0 0;max-width:60em}.plogo{flex:none;width:clamp(64px,6vw,180px);aspect-ratio:16/9;border-radius:10px;background:#ffffff14;display:grid;place-items:center;overflow:hidden}.plogo img{max-width:88%;max-height:80%;object-fit:contain}.pbig{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--pc)*1.8);height:calc(var(--pc)*1.8);border-radius:50%;margin:0;padding:0;display:grid;place-items:center;background:#14110f8c;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);opacity:0;transition:opacity .2s}.pbig .ic{width:45%;height:45%}#playerWrap.paused .pbig{opacity:1}.pbottom{padding:clamp(40px,6vh,120px) var(--g) clamp(12px,2.2vw,48px);background:linear-gradient(transparent,#000000d9)}.pseek{display:flex;align-items:center;gap:clamp(10px,1vw,24px);font-variant-numeric:tabular-nums;font-weight:600}.pseek>span{min-width:4.2em;text-align:center}.ptrack{position:relative;flex:1;height:var(--pc);display:flex;align-items:center}.ptrack:before{content:"";position:absolute;left:0;right:0;height:6px;border-radius:3px;background:#ffffff38}.pbuf{position:absolute;left:0;height:6px;border-radius:3px;background:#ffffff73;width:0}.pseek.live .ptrack:before{background:var(--live);opacity:.7}#playerWrap input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;border:0;margin:0;padding:0;min-height:var(--pc);border-radius:0;cursor:pointer;width:100%;position:relative}#playerWrap input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--acc) var(--p,0%),transparent var(--p,0%))}#playerWrap input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--acc) var(--p,0%),transparent var(--p,0%))}#playerWrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px #ff450080}#playerWrap input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--fg)}#playerWrap input[type=range]:focus-visible{outline:3px solid var(--fg);outline-offset:-10px}#playerWrap input[type=range]:disabled{cursor:default}.prow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(4px,.6vw,14px);flex-wrap:wrap}.pgrp{display:flex;align-items:center;gap:clamp(4px,.6vw,16px)}.pgrp.right{flex-wrap:wrap;justify-content:flex-end}.pbtn{width:var(--pc);height:var(--pc);min-height:44px;min-width:44px;padding:0;margin:0;border-radius:50%;display:grid;place-items:center;background:#ffffff1a;border:2px solid transparent}.pbtn .ic{width:52%;height:52%}.pbtn.main{width:calc(var(--pc)*1.3);height:calc(var(--pc)*1.3);background:var(--acc);color:var(--on-acc);box-shadow:0 6px 24px #ff450073}.pbtn:focus,.pbtn:hover{border-color:var(--fg);box-shadow:0 0 0 1px #ff45008c,0 0 24px #ff450080}.pvol{display:flex;align-items:center;gap:6px}.pvol input{width:clamp(80px,9vw,260px)!important}.pmenu{position:absolute;right:var(--g);bottom:calc(var(--pc)*3.4);width:min(92vw,26em);max-height:60vh;overflow:auto;background:#1e1a17f7;border:1px solid var(--stroke);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.pmenu[hidden]{display:none}.pmenu h3{margin:.3em .6em .5em;font-size:1em;color:var(--mut)}.pmenu p{margin:.4em .6em;color:var(--mut)}.pitem{display:block;width:100%;text-align:left;margin:2px 0;border-radius:12px;background:transparent}.pitem.on{background:var(--acc);color:var(--on-acc)}@media (max-width:640px){.pvol input{display:none}.pseek>span{min-width:3.4em;font-size:.85em}.prow,.pgrp.right{justify-content:center}.plogo{display:none}}#status{position:fixed;bottom:calc(var(--nav,0px) + 84px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:.7em;flex-wrap:wrap;justify-content:center;max-width:min(92vw,640px);padding:.55em 1em;border-radius:999px;background:#14110feb;border:1px solid var(--stroke);box-shadow:0 8px 30px #00000073;backdrop-filter:blur(8px)}#status[hidden],#offline[hidden]{display:none}#status .st-mark svg{width:22px;height:22px;display:block;animation:pulse 1.4s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,69,0,.6))}#status[data-phase=done] .st-mark svg,#status[data-phase=error] .st-mark svg{animation:none}#status .st-text{font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}#status .st-bar{position:relative;width:110px;height:4px;border-radius:4px;background:#ffffff1f;overflow:hidden}#status .st-bar i{position:absolute;inset:0 auto 0 0;background:#ff4500;border-radius:4px;transition:width .2s linear}#status .st-bar.indeterminate i{width:35%;animation:slide 1.1s ease-in-out infinite}#status[data-phase=error]{border-color:#ff6b4a}#status[data-phase=error] .st-bar,#status[data-phase=done] .st-bar{display:none}#status .st-retry{padding:.3em .9em;border-radius:999px;background:#ff4500;color:#fff;border:0;font-weight:600}@keyframes slide{0%{left:-35%}to{left:100%}}#offline{position:fixed;left:0;right:0;top:0;z-index:60;text-align:center;padding:.5em 1em;background:#5a1d0c;color:#fff;font-size:.9em}.tile .art:has(>img:not(.loaded)):after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}.calm .tile .art:after{animation:none}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (prefers-reduced-motion:reduce){#status .st-mark svg,.tile .art:after,#status .st-bar.indeterminate i{animation:none}}