:root{color-scheme:dark;--boss-accent: #39d98a;--bg: #05070d;--panel: #0a0e1a;--panel-border: #1d2438;--text: #e8eefb;--text-dim: #7c8aa5;--green: #3dfc8e;--yellow: #ffd43b;--red: #ff4f66;--gold: #fcc419;--font-pixel: "Press Start 2P", "Courier New", monospace;--font-terminal: "VT323", ui-monospace, "Cascadia Mono", Consolas, monospace;font-family:var(--font-terminal);background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.16) 2px 3px)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:41;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.42) 100%)}.dashboard{height:100dvh;width:100vw;padding:clamp(8px,1.4vh,18px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.2vh,16px);overflow:hidden}.stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,22vw,320px);gap:clamp(8px,1.2vw,16px);min-height:0}.strip{display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);border:2px solid var(--panel-border);background:var(--panel);padding:clamp(6px,1vh,12px) clamp(10px,1.4vw,20px);box-shadow:0 0 0 2px #04060b,inset 0 0 22px #14285040}.strip-brand{display:flex;align-items:baseline;gap:clamp(8px,1vw,16px);white-space:nowrap}.strip-period{font-family:var(--font-pixel);font-size:clamp(9px,1.5vh,14px);color:var(--text-dim);letter-spacing:.08em}.strip-demo{font-family:var(--font-pixel);font-size:clamp(7px,1.1vh,10px);color:#05070d;background:var(--yellow);padding:3px 6px;animation:blink 1.4s steps(2) infinite}.strip-month{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:clamp(8px,1.2vw,18px)}.month-bar{flex:1 1 auto;min-width:clamp(100px,12vw,200px);height:clamp(10px,1.6vh,16px);border:2px solid var(--panel-border);background:#060a14;position:relative;overflow:hidden}.month-fill{height:100%;min-width:2px;background:repeating-linear-gradient(90deg,var(--green) 0 6px,color-mix(in srgb,var(--green) 72%,#000) 6px 8px);transition:width .8s steps(24)}.strip-chips{flex:0 1 auto;display:flex;align-items:center;gap:clamp(6px,.9vw,14px);min-width:0;overflow:hidden;white-space:nowrap}.chip{font-size:clamp(13px,1.9vh,20px);color:var(--text-dim);letter-spacing:.05em}.chip b{color:var(--text);font-weight:400}.chip.gold{color:var(--gold);text-shadow:0 0 10px rgba(252,196,25,.5)}.notice-slot{margin-left:auto;white-space:nowrap}.notice{font-family:var(--font-pixel);font-size:clamp(7px,1.2vh,11px);color:var(--yellow);animation:blink 1.6s steps(2) infinite}.notice.error{color:var(--red)}.arena-panel{border:2px solid var(--panel-border);background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--boss-accent) 9%,transparent) 0%,transparent 62%),var(--panel);box-shadow:0 0 0 2px #04060b;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(4px,.8vh,10px);padding:clamp(8px,1.4vh,18px) clamp(10px,1.6vw,24px);min-height:0;min-width:0;transition:transform .15s ease}body.spotlight .arena-panel{transform:scale(1.008)}body.spotlight .rail,body.spotlight .strip{opacity:.3}.rail,.strip{transition:opacity .15s ease}.boss-plate{display:flex;align-items:baseline;justify-content:center;gap:clamp(8px,1.2vw,18px);flex-wrap:wrap;text-align:center}.boss-day{font-family:var(--font-pixel);font-size:clamp(8px,1.4vh,13px);color:var(--text-dim)}.boss-name{font-family:var(--font-pixel);font-size:clamp(13px,2.6vh,26px);color:var(--boss-accent);text-shadow:0 0 16px color-mix(in srgb,var(--boss-accent) 70%,transparent)}.boss-name.gold{color:var(--gold);text-shadow:0 0 18px rgba(252,196,25,.7)}.boss-subtitle{font-size:clamp(13px,2vh,20px);color:var(--text-dim);letter-spacing:.12em}.hp-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(8px,1.2vw,18px)}.hp-bar{height:clamp(16px,2.8vh,30px);border:3px solid #2a3350;background:#060a14;box-shadow:0 0 0 2px #04060b,inset 0 0 12px #000000b3;overflow:hidden}.hp-fill{height:100%;min-width:0;background:repeating-linear-gradient(90deg,var(--green) 0 10px,color-mix(in srgb,var(--green) 70%,#000) 10px 13px);transition:width .45s steps(18);box-shadow:0 0 14px color-mix(in srgb,var(--green) 55%,transparent)}.hp-bar.mid .hp-fill{background:repeating-linear-gradient(90deg,var(--yellow) 0 10px,color-mix(in srgb,var(--yellow) 70%,#000) 10px 13px)}.hp-bar.low .hp-fill{background:repeating-linear-gradient(90deg,var(--red) 0 10px,color-mix(in srgb,var(--red) 70%,#000) 10px 13px);animation:blink .8s steps(2) infinite}.hp-numbers{font-family:var(--font-pixel);font-size:clamp(8px,1.5vh,14px);color:var(--text);white-space:nowrap}.arena-stage{position:relative;min-height:0}.boss-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 clamp(10px,2.4vmin,26px) color-mix(in srgb,var(--boss-accent) 45%,transparent))}.floats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.dmg-float{position:absolute;display:grid;justify-items:center;gap:2px;animation:dmg-rise 1.4s ease-out forwards}.dmg-value{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px 0 #000,0 0 14px rgba(255,255,255,.35)}.dmg-0 .dmg-value{font-size:clamp(10px,1.8vh,17px)}.dmg-1 .dmg-value{font-size:clamp(14px,2.6vh,25px);color:var(--yellow)}.dmg-2 .dmg-value{font-size:clamp(20px,4vh,40px);color:var(--red)}.dmg-crit{font-family:var(--font-pixel);font-size:clamp(8px,1.4vh,13px);color:var(--red);animation:blink .25s steps(2) infinite}.dmg-tag{font-size:clamp(12px,1.8vh,18px);color:var(--text-dim)}@keyframes dmg-rise{0%{transform:translateY(0) scale(.6);opacity:0}12%{transform:translateY(-6%) scale(1.15);opacity:1}25%{transform:translateY(-10%) scale(1)}to{transform:translateY(-90%) scale(1);opacity:0}}.taunt{position:absolute;top:4%;right:3%;max-width:44%;border:2px solid var(--text);background:#0d1322;color:var(--text);padding:clamp(6px,1vh,12px) clamp(8px,1.2vw,16px);font-size:clamp(13px,1.9vh,19px);box-shadow:4px 4px #04060b}.taunt:after{content:"";position:absolute;bottom:-10px;left:18%;border:5px solid transparent;border-top-color:var(--text)}.ko{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-pixel);font-size:clamp(18px,4.5vh,46px);color:var(--gold);text-shadow:3px 3px 0 #000,0 0 30px rgba(252,196,25,.8);opacity:0;pointer-events:none}.ko.show{opacity:1;animation:ko-pop .5s steps(4)}.ko.cleared{opacity:1;animation:cleared-glow 2.6s ease-in-out infinite}@keyframes ko-pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes cleared-glow{50%{text-shadow:3px 3px 0 #000,0 0 10px rgba(252,196,25,.35)}}.champion{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-rows:min-content;place-content:center;justify-items:center;gap:clamp(6px,1.4vh,16px);pointer-events:none;overflow:hidden;text-align:center}.champion[hidden]{display:none}.champion-banner{font-family:var(--font-pixel);font-size:clamp(15px,3.4vh,34px);color:var(--gold);text-shadow:3px 3px 0 #000,0 0 26px rgba(252,196,25,.75);animation:cleared-glow 2.6s ease-in-out infinite}.champion-card{display:grid;justify-items:center;gap:clamp(4px,.9vh,10px);padding:clamp(12px,2vh,22px) clamp(18px,2.6vw,34px) clamp(8px,1.4vh,16px);border:2px solid var(--gold);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 12%,transparent),#080b14bd);box-shadow:0 0 0 2px #04060b,0 0 32px #fcc41947,inset 0 0 26px #fcc4191a;animation:champion-in .5s cubic-bezier(.2,.9,.3,1.35) both}.champion-label{font-family:var(--font-pixel);font-size:clamp(7px,1.3vh,12px);letter-spacing:.16em;color:var(--gold)}.champion-portrait{position:relative;margin-top:clamp(8px,1.6vh,18px);line-height:0}.champion-crown{position:absolute;left:50%;top:0;width:clamp(32px,5.6vh,52px);height:auto;transform:translate(-50%,-66%);filter:drop-shadow(0 2px 0 #000) drop-shadow(0 0 8px rgba(252,196,25,.7));animation:crown-bob 2.4s ease-in-out infinite}.champion-avatar{width:clamp(58px,11vh,104px);height:clamp(58px,11vh,104px);object-fit:cover;border:3px solid var(--gold);background:#060a14;box-shadow:0 0 0 2px #04060b,0 0 22px #fcc41980}.champion-avatar.fallback{display:grid;place-items:center;font-family:var(--font-pixel);font-size:clamp(12px,2.4vh,22px);color:var(--gold);line-height:1}.champion-name{font-family:var(--font-pixel);font-size:clamp(11px,2vh,20px);color:var(--text);text-shadow:2px 2px 0 #000}.champion-dmg{font-size:clamp(13px,2vh,20px);color:var(--text-dim);letter-spacing:.08em}.champion-dmg b{color:var(--gold);font-weight:400;text-shadow:0 0 12px rgba(252,196,25,.5)}@keyframes champion-in{0%{transform:translateY(10px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes crown-bob{50%{transform:translate(-50%,-80%)}}.party{display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,.8vw,12px);min-height:0;overflow:hidden}.party.lunge .fighter{transform:translateY(-.8vh)}.fighter{width:clamp(42px,5.2vw,74px);display:grid;justify-items:center;gap:2px;transition:transform .12s steps(2);min-width:0}.fighter-avatar{width:clamp(26px,3.6vh,44px);height:clamp(26px,3.6vh,44px);image-rendering:pixelated;border:2px solid var(--panel-border);background:#060a14;object-fit:cover}.fighter-avatar.fallback{display:grid;place-items:center;font-family:var(--font-pixel);font-size:9px;color:var(--boss-accent)}.fighter-dmg{font-size:clamp(12px,1.7vh,17px);color:var(--text);line-height:1}.fighter-track{width:100%;height:4px;background:#060a14;border:1px solid var(--panel-border)}.fighter-fill{height:100%;background:var(--boss-accent)}.fighter-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:clamp(10px,1.4vh,14px);color:var(--text-dim);line-height:1.1}.fighter-more{font-family:var(--font-pixel);font-size:clamp(8px,1.3vh,12px);color:var(--text-dim);align-self:center;padding:0 4px}.party-empty{font-size:clamp(13px,1.8vh,18px);color:var(--text-dim);letter-spacing:.1em}.party-label{text-align:center;font-size:clamp(11px,1.5vh,15px);color:var(--text-dim);letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attacker-clone{position:fixed;z-index:50;image-rendering:pixelated;border:2px solid var(--panel-border);transition:transform .36s cubic-bezier(.3,-.3,.75,1);pointer-events:none}.attacker-clone.impact{opacity:0;transition:opacity .2s steps(3)}.rail{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(8px,1.2vh,16px);min-height:0;min-width:0}.rail-panel{border:2px solid var(--panel-border);background:var(--panel);box-shadow:0 0 0 2px #04060b;padding:clamp(8px,1.2vh,16px);display:flex;flex-direction:column;min-height:0;overflow:hidden}.rail-heading{font-family:var(--font-pixel);font-size:clamp(7px,1.3vh,12px);color:var(--text-dim);margin-bottom:clamp(6px,1vh,12px);flex:0 0 auto}.rail-empty{color:var(--text-dim);font-size:clamp(12px,1.6vh,16px)}.mini-week{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(3px,.5vw,8px);align-items:end}.wk-col{height:100%;min-width:0;display:grid;grid-template-rows:auto 1fr auto;gap:3px;text-align:center}.wk-value{font-size:clamp(9px,1.3vh,14px);color:var(--text-dim);white-space:nowrap;overflow:hidden}.wk-bar-wrap{min-height:0;display:flex;align-items:end}.wk-bar{width:100%;background:#33415e}.wk-col.today .wk-bar{background:var(--boss-accent);box-shadow:0 0 10px color-mix(in srgb,var(--boss-accent) 60%,transparent)}.wk-col.today .wk-value{color:var(--text)}.wk-label{font-size:clamp(9px,1.2vh,13px);color:var(--text-dim)}.mini-models{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(6px,1.2vh,14px);overflow:hidden}.model-line{display:grid;gap:3px}.model-line-top{display:flex;justify-content:space-between;gap:8px;font-size:clamp(12px,1.7vh,17px);color:var(--text)}.model-line-top span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.model-line-track{height:clamp(4px,.7vh,7px);background:#060a14;border:1px solid var(--panel-border)}.model-line-fill{height:100%;background:repeating-linear-gradient(90deg,var(--boss-accent) 0 5px,color-mix(in srgb,var(--boss-accent) 65%,#000) 5px 7px)}.boot-error{height:100%;display:grid;place-content:center;gap:clamp(10px,2vh,22px);text-align:center}.boot-error-title{font-family:var(--font-pixel);font-size:clamp(22px,6vh,54px);color:var(--red);text-shadow:3px 3px 0 #000;animation:blink 1.2s steps(2) infinite}.boot-error-message{max-width:70vw;margin:0 auto;color:var(--text-dim);font-size:clamp(14px,2vh,20px)}.boot-error-hint{font-family:var(--font-pixel);font-size:clamp(8px,1.4vh,12px);color:var(--text-dim)}@keyframes blink{50%{opacity:.25}}@media(max-width:880px){.stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.rail{grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:clamp(90px,18vh,160px)}.strip{flex-wrap:wrap;row-gap:2px}.notice-slot{margin-left:0}}@media(max-height:520px){.boss-subtitle,.fighter-name,.wk-value{display:none}}@media(prefers-reduced-motion:reduce){.notice,.strip-demo,.hp-bar.low .hp-fill,.dmg-crit,.ko.cleared,.champion-banner,.champion-card,.champion-crown,.boot-error-title{animation:none}.month-fill,.hp-fill{transition:none}}