:root{--ink: #07080d;--ink2: #10121a;--ink3: #181b26;--line: rgba(240, 201, 106, .28);--paper: #efe6d2;--muted: #a39a86;--gold: #f0c96a;--gold2: #ffe3a3;--red: #c4322a;--red2: #e5523f;--jade: #5fd8a8;--cyan: #8fe8ff;--f-brush: "MSZ", "WK", "KaiTi", "STKaiti", "Kaiti SC", serif;--f-body: "WK", "KaiTi", "STKaiti", "Kaiti SC", "Songti SC", serif;--f-title: "ZMX", "MSZ", "KaiTi", serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--ink);color:var(--paper);font-family:var(--f-body);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#gl{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{pointer-events:none}.hidden{display:none!important}button{font-family:inherit;color:inherit;cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.btn{pointer-events:auto;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:9em;padding:.62em 1.5em;font-family:var(--f-brush);font-size:clamp(18px,2.4vw,24px);letter-spacing:.18em;background:linear-gradient(180deg,#1e202ceb,#0c0d13f2);border:1px solid var(--line);border-radius:3px;color:var(--gold2);box-shadow:0 0 0 1px #0009,inset 0 0 18px #f0c96a0f;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s}.btn:hover,.btn:focus-visible{border-color:var(--gold);box-shadow:0 0 22px #f0c96a40,inset 0 0 18px #f0c96a1f;transform:translateY(-1px);outline:none}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(180deg,#d7402f,#9b2019);border-color:#ff8a6c;color:#fff4e2;text-shadow:0 1px 0 rgba(0,0,0,.4);box-shadow:0 0 30px #e5523f59}.btn.primary:hover{box-shadow:0 0 40px #e5523f8c}.btn.small{min-width:0;font-size:15px;padding:.45em .9em;letter-spacing:.08em}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--gold2);border-color:var(--line)}.iconbtn{pointer-events:auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#0a0b10b3;border:1px solid var(--line);color:var(--gold2);font-size:18px}.iconbtn svg{width:20px;height:20px}#loading{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at center,#141722,#06070b 70%);transition:opacity .8s}#loading.out{opacity:0;pointer-events:none}.ld-box{text-align:center}.ld-seal{width:84px;height:84px;margin:0 auto 22px;border:3px solid var(--red2);border-radius:6px;display:grid;place-items:center;font:46px var(--f-brush);color:var(--red2);animation:sealPulse 1.6s ease-in-out infinite}.ld-text{font-size:17px;letter-spacing:.5em;color:var(--muted)}.ld-bar{width:min(260px,60vw);height:2px;margin:18px auto 0;background:#ffffff14;overflow:hidden}.ld-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red2),var(--gold));transition:width .25s}@keyframes sealPulse{50%{transform:scale(1.06) rotate(-2deg);box-shadow:0 0 30px #e5523f66}}.screen{position:fixed;inset:0;pointer-events:auto;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;animation:fadeIn .45s ease both;touch-action:pan-y}.screen.dim{background:radial-gradient(ellipse at 50% 30%,#0a0c148c,#040508e6)}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}}.panel{background:linear-gradient(180deg,#14161ff0,#090a0ff5);border:1px solid var(--line);border-radius:4px;box-shadow:0 20px 80px #0009,inset 0 0 40px #f0c96a0a}.h-brush{font-family:var(--f-brush);color:var(--gold2);letter-spacing:.2em;font-weight:400;text-shadow:0 0 24px rgba(240,201,106,.35)}.close-x{position:absolute;top:14px;right:14px}#title{justify-content:flex-end;padding-bottom:calc(9vh + var(--safe-b));background:none}.tt-sub{font-family:var(--f-brush);font-size:clamp(18px,3vw,30px);letter-spacing:.45em;color:var(--gold2);text-shadow:0 0 20px rgba(240,201,106,.45);margin-bottom:.5em;text-align:center;animation:fadeUp 1s .8s both}.tt-tag{font-size:clamp(13px,1.6vw,16px);color:var(--muted);letter-spacing:.25em;margin-bottom:3.2vh;text-align:center;animation:fadeUp 1s 1.1s both;padding:0 16px}.tt-menu{display:flex;flex-direction:column;gap:12px;align-items:center;animation:fadeUp 1s 1.4s both}.tt-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.tt-foot{margin-top:3vh;font-size:12px;color:#a39a8699;letter-spacing:.15em;text-align:center;animation:fadeUp 1s 1.8s both;padding:0 16px}#select{padding:calc(20px + var(--safe-t)) 16px calc(30px + var(--safe-b))}.sel-head{width:min(1180px,100%);display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.sel-head h2{margin:0;font-size:clamp(28px,4vw,44px)}.sel-grid{width:min(1180px,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.tcard{pointer-events:auto;position:relative;text-align:left;padding:18px 18px 16px;min-height:196px;display:flex;flex-direction:column;background:linear-gradient(160deg,#1c1e2af2,#0c0d13f7);border:1px solid rgba(240,201,106,.18);border-radius:4px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;animation:fadeUp .5s both}.tcard:before{content:attr(data-big);position:absolute;right:-8px;bottom:-34px;font:150px/1 var(--f-brush);color:#f0c96a0d;pointer-events:none}.tcard:hover,.tcard:focus-visible{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 40px #00000080,0 0 26px #f0c96a24;outline:none}.tc-title{font:clamp(28px,3vw,34px)/1.15 var(--f-brush);color:var(--gold2);letter-spacing:.12em}.tc-meta{margin-top:6px;font-size:14px;color:var(--muted)}.tc-grade{display:inline-block;margin-top:8px;font-size:12px;padding:2px 8px;border:1px solid rgba(229,82,63,.5);color:#ff9c86;border-radius:2px;letter-spacing:.1em}.tc-blurb{margin-top:12px;font-size:16px;color:var(--paper);opacity:.85;flex:1}.tc-foot{margin-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.stars{display:inline-flex;gap:4px}.star{width:18px;height:18px;display:grid;place-items:center;font:12px var(--f-brush);border:1px solid rgba(240,201,106,.3);color:#f0c96a4d;border-radius:2px}.star.on{background:var(--red);border-color:var(--red2);color:#fff3df;box-shadow:0 0 10px #e5523f80}.dots{letter-spacing:2px;color:var(--gold)}.dots b{color:#f0c96a33;font-weight:400}#prep{justify-content:center;padding:16px}.prep{width:min(640px,100%);padding:26px clamp(18px,4vw,34px) 24px;position:relative;animation:fadeUp .4s both}.prep h3{margin:0;font:clamp(34px,5vw,48px)/1.1 var(--f-brush);color:var(--gold2);letter-spacing:.14em}.prep .pm{color:var(--muted);margin-top:6px;font-size:15px}.prep .theme{margin:14px 0 6px;font-size:15px;line-height:1.7;color:var(--paper);opacity:.9}.prep .secs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}.prep .secs span{font-size:13px;padding:3px 9px;border:1px solid rgba(240,201,106,.2);border-radius:2px;color:var(--muted)}.prep .secs span.boss{border-color:#e5523f80;color:#ffb2a3}.opt{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(240,201,106,.15)}.opt-h{font-size:14px;color:var(--gold);letter-spacing:.2em;margin-bottom:8px}.opt-d{font-size:13px;color:var(--muted);line-height:1.6}.seg{pointer-events:auto;display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{background:transparent;border:0;padding:7px 14px;font-size:15px;color:var(--muted)}.seg button.on{background:#f0c96a29;color:var(--gold2)}.mic-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mic-meter{width:120px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.mic-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--jade),var(--gold));transition:width .08s}.mic-state{font-size:13px;color:var(--muted)}.mic-state.ok{color:var(--jade)}.mic-state.bad{color:#ff9c86}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{pointer-events:auto;font-size:14px;padding:6px 10px;border-radius:3px;border:1px solid rgba(240,201,106,.2);background:#ffffff05;color:var(--paper)}.chip.on{border-color:var(--red2);background:#c4322a40;color:#ffe7da}.prep-go{margin-top:22px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}#hud{position:fixed;inset:0}.xpbar{position:absolute;top:var(--safe-t);left:0;right:0;height:7px;background:#0000008c}.xpbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9b6b1d,var(--gold),#fff1c4);box-shadow:0 0 12px #f0c96ab3;transition:width .15s}.hud-top{position:absolute;top:calc(12px + var(--safe-t));left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hud-l{display:flex;flex-direction:column;gap:6px}.lv{display:flex;align-items:center;gap:8px}.lv b{font:600 24px/1 var(--f-body);color:var(--gold2);text-shadow:0 0 10px rgba(240,201,106,.5)}.lv b:after{content:" 级";font-size:14px;color:var(--gold)}.lv span{font-size:13px;color:var(--muted)}.hpbar{width:min(200px,36vw);height:8px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:1px;overflow:hidden}.hpbar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a51d16,#ef5a40);transition:width .15s}.slots{display:flex;flex-wrap:wrap;gap:4px;max-width:min(240px,44vw)}.slot{width:26px;height:26px;display:grid;place-items:center;font:16px var(--f-brush);background:#0000008c;border:1px solid rgba(240,201,106,.3);color:var(--gold2);position:relative;border-radius:2px}.slot.p{border-color:#8fe8ff4d;color:var(--cyan)}.slot sub{position:absolute;right:1px;bottom:-1px;font:9px/1 var(--f-body);color:var(--paper)}.hud-c{text-align:center}.timer{font:600 clamp(20px,2.6vw,26px)/1 var(--f-body);color:var(--paper);text-shadow:0 2px 8px #000;letter-spacing:.08em}.stage-name{font-size:13px;color:var(--gold);letter-spacing:.25em;margin-top:4px}.hud-r{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.kills{font-size:14px;color:var(--paper);text-shadow:0 2px 6px #000}.kills b{font:600 19px var(--f-body);color:var(--gold2)}.ess-list{display:flex;flex-direction:column;gap:5px;align-items:flex-end;margin-top:4px}.ess-seal{font:13px/1.2 var(--f-brush);writing-mode:vertical-rl;padding:5px 3px;background:#c4322ad9;color:#fff1df;border-radius:2px;box-shadow:0 0 10px #e5523f66;max-height:120px;overflow:hidden}#recite{position:absolute;left:50%;bottom:calc(14px + var(--safe-b));transform:translate(-50%);width:min(760px,calc(100vw - 24px));padding:10px 14px 12px;border-radius:4px;text-align:center;background:linear-gradient(180deg,#0c0d13b8,#06070ae0);border:1px solid rgba(240,201,106,.22);box-shadow:0 0 30px #00000080;transition:border-color .2s,box-shadow .2s}#recite.boss{border-color:#e5523fb3;box-shadow:0 0 36px #e5523f4d}#recite.speaking{border-color:var(--cyan);box-shadow:0 0 34px #8fe8ff40}.rc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);letter-spacing:.12em;margin-bottom:4px}.rc-mode{color:var(--gold)}#recite.boss .rc-mode{color:var(--red2)}.rc-status{flex:1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rc-line{font:clamp(22px,3.4vw,34px)/1.35 var(--f-brush);letter-spacing:.06em;color:#efe6d28c;word-break:break-all}.rc-line .c{display:inline-block;transition:color .15s,transform .15s,text-shadow .15s}.rc-line .c.hit{color:var(--gold2);text-shadow:0 0 14px rgba(255,200,90,.9);transform:translateY(-2px) scale(1.08)}.rc-line .c.hid{color:transparent;text-shadow:none;border-bottom:2px solid rgba(240,201,106,.35)}.rc-line .c.hid.hit{color:var(--gold2);border-color:transparent}.rc-line .c.cur{color:var(--paper)}.rc-line .p{opacity:.5}.rc-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.rc-meter{width:90px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.rc-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#fff)}.mic-cta{pointer-events:auto;font-size:14px;padding:6px 14px;border-radius:20px;background:linear-gradient(180deg,#d7402f,#9b2019);border:1px solid #ff8a6c;color:#fff;letter-spacing:.1em;display:inline-flex;gap:6px;align-items:center;animation:ctaPulse 2s infinite}.mic-cta svg{width:16px;height:16px}@keyframes ctaPulse{50%{box-shadow:0 0 22px #e5523f99}}.rc-skip{pointer-events:auto;background:none;border:1px solid rgba(240,201,106,.2);color:var(--muted);font-size:12px;padding:2px 8px;border-radius:2px}.rc-hint{font-size:12px;color:var(--muted);margin-top:4px}#bossbar{position:absolute;top:calc(68px + var(--safe-t));left:50%;transform:translate(-50%);width:min(620px,calc(100vw - 24px));text-align:center;animation:bossIn .6s both}@keyframes bossIn{0%{opacity:0;transform:translate(-50%,-16px)}}.bb-name{font:clamp(20px,3vw,30px)/1.25 var(--f-brush);color:#ffe1d6;letter-spacing:.14em;text-shadow:0 0 16px rgba(229,82,63,.9),0 2px 4px #000}.bb-name small{font-size:.55em;color:var(--red2);margin-right:.6em;letter-spacing:.3em;vertical-align:middle}.bb-hp{position:relative;height:12px;margin-top:6px;background:#000000a6;border:1px solid rgba(229,82,63,.55)}.bb-hp i{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#6d0f0b,#d33a2a,#ff7a55);box-shadow:0 0 14px #e5523fb3;transition:width .2s}.bb-hp .seg{position:absolute;top:-3px;bottom:-3px;width:2px;background:#ffe6c8b3}.bb-tip{font-size:12px;color:#ffb2a3;margin-top:5px;letter-spacing:.15em}#banner{position:absolute;top:22vh;left:0;right:0;text-align:center}#banner .b1{font:clamp(40px,8vw,86px)/1 var(--f-brush);color:var(--gold2);letter-spacing:.3em;text-shadow:0 0 30px rgba(240,201,106,.6),0 4px 10px #000}#banner .b2{margin-top:12px;font-size:clamp(16px,2.4vw,22px);letter-spacing:.5em;color:var(--paper);text-shadow:0 2px 8px #000}#banner.show{animation:bannerShow 2.8s ease both}@keyframes bannerShow{0%{opacity:0;transform:scale(1.3);filter:blur(6px)}12%{opacity:1;transform:scale(1);filter:blur(0)}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}#warn{position:absolute;top:34vh;left:0;right:0;text-align:center;padding:18px 0;background:linear-gradient(90deg,transparent,rgba(150,18,12,.55),transparent)}#warn .w1{font:clamp(42px,9vw,92px)/1 var(--f-brush);color:#ffd9cc;letter-spacing:.35em;text-shadow:0 0 40px rgba(255,60,40,.9)}#warn .w2{font:clamp(18px,3vw,28px) var(--f-brush);color:var(--gold2);margin-top:10px;letter-spacing:.2em}#warn.show{animation:warnShow 2.4s ease both}@keyframes warnShow{0%{opacity:0;transform:scaleY(.2)}10%{opacity:1;transform:scaleY(1)}20%,40%,60%{filter:brightness(1.6)}30%,50%{filter:brightness(1)}85%{opacity:1}to{opacity:0}}#toast{position:absolute;top:calc(96px + var(--safe-t));left:50%;transform:translate(-50%);padding:8px 16px;border-radius:3px;font-size:14px;background:#08090dd9;border:1px solid var(--line);color:var(--paper);white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}#toast.show{animation:toastShow 3.2s ease both}@keyframes toastShow{0%{opacity:0;transform:translate(-50%,-8px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}#ult{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 12px}#ult .u-label{font:clamp(16px,2.4vw,24px) var(--f-brush);letter-spacing:.8em;color:var(--cyan);text-shadow:0 0 18px rgba(143,232,255,.8);margin-bottom:1vh;animation:fadeUp .3s both}#ult.boss .u-label{color:#ff9c86;text-shadow:0 0 18px rgba(255,90,60,.9)}#ult .u-text{font:clamp(40px,9vw,120px)/1.2 var(--f-brush);max-width:96vw;word-break:break-all}#ult .u-text span{display:inline-block;background:linear-gradient(180deg,#fffbe9 10%,#ffd477 50%,#c47a1c 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 16px rgba(255,190,80,.9)) drop-shadow(0 0 2px #000);animation:stampIn .32s cubic-bezier(.2,1.6,.4,1) both}#ult .u-text span.p{opacity:.55}#ult.boss .u-text span{background-image:linear-gradient(180deg,#fff 10%,#ffc2a8 50%,#e5523f 95%);filter:drop-shadow(0 0 18px rgba(255,80,50,.95)) drop-shadow(0 0 2px #000)}#ult.out{animation:ultOut .55s ease forwards}@keyframes stampIn{0%{opacity:0;transform:scale(2.6) rotate(-6deg);filter:blur(10px)}to{opacity:1;transform:scale(1)}}@keyframes ultOut{to{opacity:0;transform:scale(1.15);filter:blur(8px);letter-spacing:.4em}}#levelup{justify-content:center;padding:calc(16px + var(--safe-t)) 14px calc(16px + var(--safe-b));background:radial-gradient(ellipse at center,#281e0a73,#030407d1)}.lu-title{font:clamp(30px,5vw,50px)/1 var(--f-brush);color:var(--gold2);letter-spacing:.4em;text-shadow:0 0 30px rgba(240,201,106,.7);margin-bottom:4px;text-align:center}.lu-sub{color:var(--muted);font-size:14px;letter-spacing:.2em;margin-bottom:20px;text-align:center}.lu-cards{display:flex;gap:16px;justify-content:center;align-items:stretch;flex-wrap:wrap;width:min(1060px,100%)}.card{pointer-events:auto;width:min(320px,100%);flex:1 1 260px;max-width:330px;text-align:left;padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(170deg,#22222cf7,#0e0e14fa);border:1px solid rgba(240,201,106,.25);border-radius:4px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:cardIn .45s cubic-bezier(.2,1.3,.5,1) both;position:relative}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.14s}@keyframes cardIn{0%{opacity:0;transform:translateY(40px) scale(.9)}}.card:hover,.card:focus-visible{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 16px 50px #0009,0 0 34px #f0c96a40;outline:none}.cd-top{display:flex;gap:12px;align-items:center}.cd-icon{flex:none;width:54px;height:54px;display:grid;place-items:center;font:34px var(--f-brush);background:var(--red);color:#fff3e3;border-radius:3px;box-shadow:inset 0 0 0 3px #ffffff26,0 0 16px #e5523f73}.card.p .cd-icon{background:#1d5d6c;box-shadow:inset 0 0 0 3px #ffffff1f,0 0 16px #5fd8e859}.card.s .cd-icon{background:#2f6b3f}.cd-name{font:26px/1.1 var(--f-brush);color:var(--gold2);letter-spacing:.1em}.cd-lv{font-size:13px;color:var(--muted);margin-top:3px}.cd-lv .new{color:#ff9c86;border:1px solid rgba(229,82,63,.6);padding:0 5px;margin-left:4px;border-radius:2px}.cd-desc{font-size:17px;line-height:1.55;color:var(--paper)}.cd-quote{margin-top:auto;padding-top:10px;border-top:1px dashed rgba(240,201,106,.18);font:16px/1.6 var(--f-brush);color:#ffe3a3d9}.cd-src{font-size:12px;color:var(--muted);text-align:right;margin-top:2px;font-family:var(--f-body)}.cd-key{position:absolute;top:8px;right:10px;font-size:12px;color:#a39a868c}#cine{justify-content:center;padding:20px 16px;text-align:center;background:radial-gradient(ellipse at center,#3c280a59,#030407bf)}#cine .cn-label{font:clamp(16px,2.2vw,22px) var(--f-brush);letter-spacing:.9em;color:var(--red2);text-shadow:0 0 14px rgba(229,82,63,.7);animation:fadeUp .6s both}#cine .cn-text{margin:2vh 0 1vh;font:clamp(36px,7vw,86px)/1.25 var(--f-brush);max-width:96vw}#cine .cn-text span{display:inline-block;background:linear-gradient(180deg,#fffbe9 10%,#ffd477 50%,#c47a1c 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,190,80,.8));animation:stampIn .4s cubic-bezier(.2,1.5,.4,1) both}#cine .cn-src{color:var(--muted);font-size:15px;letter-spacing:.3em;animation:fadeUp .6s .5s both}#cine .cn-gist{margin:3vh auto 0;max-width:720px}#cine .cn-gist p{margin:.5em 0;font-size:clamp(17px,2.3vw,23px);line-height:1.7;color:var(--paper);animation:fadeUp .7s both}#cine .cn-eff{margin-top:2.4vh;font-size:14px;color:var(--jade);letter-spacing:.08em;animation:fadeUp .6s 2.2s both;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.6}#cine .cn-hint{margin-top:3vh;font-size:13px;color:var(--muted);letter-spacing:.4em;animation:fadeUp .6s 2.6s both,blink 1.6s 3.2s infinite}#cine.absorb>*{animation:absorbOut .9s ease forwards!important}@keyframes absorbOut{to{opacity:0;transform:scale(.6) translateY(30px);filter:blur(10px)}}@keyframes blink{50%{opacity:.35}}#revive{justify-content:center;text-align:center;padding:20px;background:radial-gradient(ellipse at center,#500a0a59,#020204d9)}#revive .rv-1{font:clamp(40px,8vw,80px)/1 var(--f-brush);color:#ffd9cc;letter-spacing:.4em;text-shadow:0 0 40px rgba(255,60,40,.8)}#revive .rv-2{margin:16px 0;color:var(--paper);font-size:17px;letter-spacing:.15em}#revive .rv-t{font:46px var(--f-brush);color:var(--red2);margin:10px 0}.modal{width:min(760px,100%);margin:auto;padding:26px clamp(16px,4vw,34px);position:relative;animation:fadeUp .35s both}.modal h2{margin:0 0 12px;font-size:clamp(30px,5vw,46px)}.modal-wrap{justify-content:flex-start;padding:calc(20px + var(--safe-t)) 14px calc(20px + var(--safe-b))}.pause-btns{display:flex;flex-direction:column;gap:10px;align-items:center;margin:18px 0}.orig{max-height:40vh;overflow-y:auto;padding:14px 16px;background:#0000004d;border:1px solid rgba(240,201,106,.14);font-size:17px;line-height:1.9;color:var(--paper);text-align:justify;touch-action:pan-y}.orig p{margin:0 0 .6em;text-indent:2em}.orig .cur{color:var(--gold2);background:#f0c96a14}.orig .read{color:var(--gold2);text-decoration:underline;text-decoration-color:#e5523fb3;text-underline-offset:5px}.rs-head{text-align:center}.rs-head h2{font-size:clamp(44px,9vw,84px);margin:0}.rs-head .lose{color:#ffb2a3;text-shadow:0 0 24px rgba(229,82,63,.5)}.rs-sub{color:var(--muted);letter-spacing:.3em}.rs-stars{display:flex;justify-content:center;gap:14px;margin:16px 0 6px;flex-wrap:wrap}.rs-star{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.rs-star .star{width:38px;height:38px;font-size:22px}.rs-star .star.fresh{animation:stampIn .5s .5s both}.rs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.rs-stats div{text-align:center;padding:10px 4px;background:#00000040;border:1px solid rgba(240,201,106,.12)}.rs-stats b{display:block;font:600 24px var(--f-body);color:var(--gold2)}.rs-stats span{font-size:12px;color:var(--muted);letter-spacing:.1em}.sec-h{margin:18px 0 8px;font-size:15px;color:var(--gold);letter-spacing:.3em}.ess-card{padding:12px 14px;margin-bottom:8px;border-left:3px solid var(--red2);background:#c4322a14}.ess-card .et{font:21px/1.4 var(--f-brush);color:var(--gold2)}.ess-card .eg{font-size:14px;line-height:1.7;color:var(--paper);opacity:.9;margin-top:4px}.ess-card .ee{font-size:12px;color:var(--jade);margin-top:4px}.ess-card.locked{border-left-color:#444;background:#ffffff05}.ess-card.locked .et{color:#555}.ess-card .eq{float:right}.rs-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.codex-text{margin-top:16px}.codex-text h4{margin:0 0 8px;font:24px var(--f-brush);color:var(--gold2);letter-spacing:.1em}.codex-text h4 small{font-size:13px;color:var(--muted);font-family:var(--f-body);margin-left:8px;letter-spacing:0}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed rgba(240,201,106,.12);flex-wrap:wrap}.set-row label{font-size:16px}.set-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}input[type=range]{pointer-events:auto;accent-color:var(--gold);width:160px}.howto{font-size:16px;line-height:1.8}.howto .hrow{display:flex;gap:14px;align-items:flex-start;margin:12px 0}.howto .hi{flex:none;width:44px;height:44px;display:grid;place-items:center;font:26px var(--f-brush);background:var(--red);color:#fff2e0;border-radius:3px}.howto b{color:var(--gold2);font-weight:400}#annots{position:fixed;inset:0;overflow:hidden}.annot{position:absolute;left:0;top:0;transform:translate(-50%,-100%);padding:6px 12px 7px;background:#faf3e4f5;color:#2a1d12;border-radius:2px;font-size:15px;white-space:nowrap;box-shadow:0 6px 20px #00000080;border-left:4px solid var(--red)}.annot b{font:20px var(--f-brush);color:var(--red);margin-right:6px}.annot small{display:block;font-size:11px;color:#8a6a4a;letter-spacing:.2em}#joy{position:fixed;left:0;top:0;width:0;height:0;opacity:0;transition:opacity .15s;z-index:3;pointer-events:none}#joy.on{opacity:1}#joy .jb{position:absolute;left:-58px;top:-58px;width:116px;height:116px;border-radius:50%;border:1px solid rgba(240,201,106,.35);background:radial-gradient(circle,#f0c96a14,#00000026)}#joy .jk{position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#ffe6aa8c,#f0c96a33);border:1px solid rgba(255,230,170,.6)}#pausebtn{position:absolute;top:calc(12px + var(--safe-t));right:12px;pointer-events:auto}.hud-r{padding-right:52px}#fatal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;text-align:center;padding:24px;background:#07080d;color:var(--paper);font-size:17px;line-height:1.8}@media(max-width:640px){.hud-top{top:calc(10px + var(--safe-t))}.stage-name{font-size:11px;letter-spacing:.1em;white-space:nowrap;max-width:44vw;overflow:hidden;text-overflow:ellipsis}.kills{white-space:nowrap;font-size:12px}.hud-r{padding-right:48px}.hud-c{flex:1;min-width:0}.lv b{font-size:22px}.slot{width:22px;height:22px;font-size:14px}.lu-cards{gap:10px}.card{padding:12px 14px;gap:6px;flex-basis:100%;max-width:100%}.cd-icon{width:44px;height:44px;font-size:28px}.cd-name{font-size:22px}.cd-desc{font-size:15px}.cd-quote{font-size:14px;padding-top:6px}.cd-key{display:none}#recite{padding:8px 10px 10px}.rc-line{font-size:22px}.tcard{min-height:160px}.sel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.tc-blurb{font-size:14px}}@media(max-height:520px){.card{gap:4px;padding:10px 12px}.cd-quote{display:none}#banner{top:14vh}}#ui:has(>.screen) #banner,#ui:has(>.screen) #warn{visibility:hidden}
