.hero{position:relative;width:100%;min-height:62vh;flex:1;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;isolation:isolate}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;will-change:transform;transform:scale(1.06)}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}.hero-flicker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 78%,#e88c2c38,#e88c2c00 70%);mix-blend-mode:screen;animation:hero-fire 5.5s ease-in-out infinite}@keyframes hero-fire{0%,to{opacity:.55}30%{opacity:.9}55%{opacity:.45}75%{opacity:.78}}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(to bottom,#080b14e6,#080b1494 26%,#080b141f 48%,#080b1459 78%,#080b14f0);pointer-events:none}.hero-embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;overflow:hidden}.hero-embers span{position:absolute;bottom:-16px;border-radius:50%;background:#ffb845;box-shadow:0 0 8px 2px #ffa032d9;animation-name:ember-rise;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes ember-rise{0%{transform:translateZ(0) scale(.6);opacity:0}10%{opacity:1}70%{opacity:.7}to{transform:translate3d(var(--drift, 0),-82vh,0) scale(1.15);opacity:0}}.hero-copy{position:relative;z-index:5;max-width:640px;padding:clamp(2.5rem,6vw,4.5rem) 1.5rem 0;text-align:center}.hero-copy h1{margin:0 0 .9rem;font-size:clamp(1.5rem,3.4vw,2.25rem);font-weight:600;line-height:1.25;color:#f4f6fb;text-shadow:0 2px 18px rgba(0,0,0,.9)}.hero-copy p{margin:0;font-size:clamp(.9rem,1.5vw,1.02rem);line-height:1.65;color:#b8c0d4;text-shadow:0 1px 12px rgba(0,0,0,.95)}.hero-copy em{font-style:normal;color:#e8a33c;font-weight:600}@media (max-width: 760px){.hero{min-height:54vh}.hero-media video{object-position:center 32%}}@media (prefers-reduced-motion: reduce){.hero-media{transform:scale(1.02)!important}.hero-embers{display:none}.hero-flicker{animation:none;opacity:.6}}:root{--bg:#0b0d12;--panel:#11141c;--board:#0e1119;--row:#141824;--row2:#161b28;--line:#222838;--line-soft:#1a1f2c;--text:#e2e6ee;--muted:#8892a3;--faint:#5b6273;--brand:#f6c85a;--def:#4ea6ff;--ext:#b98bff;--raid:#f0b230;--off:#ff6f61;--intr:#33d1c1;--util:#6bcf93;--boss:#d6a34a;--ui-zoom:1.12;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{zoom:var(--ui-zoom)}body{background:radial-gradient(1200px 600px at 78% -10%,rgba(80,110,180,.1),transparent 60%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.app{height:calc(100vh / var(--ui-zoom));display:flex;flex-direction:column;overflow:hidden}.grow{flex:1}.cmd{position:sticky;top:0;z-index:20;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;height:56px;background:linear-gradient(var(--panel),#0f121a);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:9px;margin-right:2px}.brand b{font-size:19px;font-weight:800;letter-spacing:.2px;color:var(--brand)}.brand span{font-size:11px;color:var(--faint)}.field{display:flex;flex-direction:column;gap:3px}.field label{font-size:9.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--faint)}.sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#161b26;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:6px 26px 6px 10px;font-size:13px;font-weight:600;cursor:pointer;max-width:230px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 15px) 51%,calc(100% - 10px) 51%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.sel:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.seg{display:inline-flex;background:#12161f;border:1px solid var(--line);border-radius:8px;padding:2px}.seg button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:6px;cursor:pointer}.seg button.on{background:var(--brand);color:#1a1408}.zoom{display:flex;align-items:center;gap:8px}.zoom input{width:96px;accent-color:var(--brand)}.zoomval{font-size:11px;color:var(--muted);min-width:36px;text-align:right}.btn{border:1px solid var(--line);background:#161b26;color:var(--text);font:inherit;font-weight:600;font-size:12.5px;padding:7px 12px;border-radius:7px;cursor:pointer;display:inline-flex;gap:7px;align-items:center}.btn:hover{border-color:#333c4e}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .count{font-size:10px;color:var(--muted);background:#0e121b;border:1px solid var(--line);border-radius:20px;padding:1px 6px}.btn.primary{background:var(--brand);color:#1a1408;border-color:var(--brand)}.btn.primary:hover{filter:brightness(1.06)}.btn.primary .count{color:#1a1408;background:#00000024;border-color:transparent}.spec-wrap{display:flex;align-items:center}.spec-dot{width:11px;height:11px;border-radius:3px;margin-right:7px;flex:none}.selbar{position:sticky;top:56px;z-index:19;flex:none;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:7px 20px;background:var(--panel);border-bottom:1px solid var(--line)}.group{display:flex;align-items:center;gap:8px}.glabel{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--faint);white-space:nowrap}.gicons{display:flex;gap:4px;flex-wrap:wrap}.selic{width:30px;height:30px;padding:0;border-radius:6px;border:2px solid #2a3140;overflow:hidden;background:#10141d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,opacity .1s,filter .1s}.selic img{width:100%;height:100%;object-fit:cover;display:block}.selic .mono{font-size:10px;font-weight:800;color:var(--muted)}.selic:hover{transform:scale(1.1);z-index:2}.selic.off{opacity:.3;filter:grayscale(.9);border-color:#232838}.selic.roster{opacity:.26;filter:grayscale(1);border-style:dashed;border-color:#2a3140;cursor:default}.selic.roster:hover{transform:none;opacity:.45}.selic.boss{border-color:#7a5c22;width:26px;height:26px}.selchip{font:inherit;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:6px;border:1px solid var(--line);background:#151a24;color:var(--muted);cursor:pointer}.selchip.off{opacity:.42}.main{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 20px}.main--hero{padding:0}.notice{padding:10px 14px;border-radius:8px;background:var(--panel);color:var(--muted);margin-bottom:12px}.notice.error{color:#ff8a8a;border:1px solid #542}.landing{max-width:600px;margin:12vh auto;text-align:center}.landing h1{font-size:24px;font-weight:700;line-height:1.3;text-wrap:balance}.landing p{color:var(--muted);font-size:15px;line-height:1.6}.landing strong{color:var(--brand)}.board{flex:1;min-height:0;display:flex;flex-direction:column}.frame{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--board);border:1px solid var(--line);border-radius:12px;overflow:hidden}.scroll{flex:1;min-height:0;overflow:auto}.track-w{position:relative;min-width:100%;min-height:100%;display:flex;flex-direction:column}.grid{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--line-soft);z-index:0}.ruler{position:sticky;top:0;z-index:6;flex:none;display:flex;align-items:flex-end;background:#0d1017;border-bottom:1px solid var(--line)}.r-lbl{position:sticky;left:0;z-index:2;width:var(--lbl);flex:none;padding:0 12px 5px;font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--faint);background:#0d1017}.ticks{position:relative;flex:1;align-self:stretch}.tk{position:absolute;bottom:0;border-left:1px solid var(--line-soft);height:8px}.tk b{position:absolute;bottom:8px;left:5px;font-size:11px;color:var(--muted);font-weight:500}.phase{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed #38415a;z-index:1}.phase-lbl{position:absolute;bottom:3px;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:.3px;color:#aebbd6;background:#2a3346;padding:0 5px;border-radius:4px;z-index:3;white-space:nowrap}.boss{flex:none;display:flex;align-items:center;background:#d6a34a0b;border-bottom:1px solid var(--line)}.boss-lbl{position:sticky;left:0;z-index:2;width:var(--lbl);flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--board)}.boss-lbl .bdot{width:7px;height:7px;transform:rotate(45deg);background:var(--boss)}.boss-lbl b{font-size:11.5px;letter-spacing:.5px;color:#e0c489;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-lbl span{font-size:9.5px;color:var(--faint)}.boss-trk{position:relative;align-self:stretch;flex:1}.bcast{position:absolute;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:5px;overflow:hidden;border:1px solid #7a5c22;box-shadow:0 1px 3px #00000080;background:#10141d;cursor:default}.bcast img{width:100%;height:100%;object-fit:cover;display:block}.bcast .bdia{display:block;width:9px;height:9px;margin:auto;background:var(--boss);transform:rotate(45deg)}.bcast:hover{transform:translate(-50%,-50%) scale(1.35);z-index:5}.rows{flex:none;position:relative;z-index:1}.row{display:flex;align-items:stretch;border-bottom:1px solid var(--line-soft);position:relative;transition:background .12s}.row:nth-child(2n){background:#8296b90d}.row:hover{background:#8296b91c}.row-lbl{width:var(--lbl);flex:none;display:flex;align-items:center;gap:6px;padding:0 10px;position:sticky;left:0;z-index:4;background:var(--board);border-right:1px solid var(--line)}.row:hover .row-lbl{background:#171d2b}.row-lbl .cdot{width:7px;height:7px;border-radius:50%;flex:none}.row-lbl .m1{font-size:13px;font-weight:800;letter-spacing:-.2px;white-space:nowrap}.row-lbl .m2{font-size:11px;color:var(--muted)}.row-lbl .kbadge{font-size:10px;font-weight:700;color:#cdb27a;background:#d6a34a24;border:1px solid rgba(214,163,74,.3);border-radius:4px;padding:0 4px}.row-lbl .rdps{font-size:11px;font-weight:700;color:#9db0c9}.row-lbl .rcomp{display:flex;gap:2px;align-items:center;margin-left:4px}.row-lbl .rcs{width:15px;height:15px;border-radius:3px;overflow:hidden;flex:none;box-shadow:0 0 0 1px #00000073}.row-lbl .rcs img{width:100%;height:100%;object-fit:cover;display:block}.row-lbl .log{margin-left:2px;color:var(--def);text-decoration:none;font-size:13px;opacity:.55}.row:hover .log{opacity:1}.row-lbl .rowcopy{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--faint);padding:2px;margin-left:4px;cursor:pointer;opacity:0;transition:color .12s,opacity .12s}.row:hover .rowcopy{opacity:.7}.row-lbl .rowcopy:hover{color:var(--def);opacity:1}.row-lbl .rowcopy.done{color:var(--util);opacity:1}.row-trk{position:relative;flex:1}.cue{position:absolute;top:50%}.cue .bar{position:absolute;top:-3px;left:0;height:6px;border-radius:3px;opacity:.26;z-index:0}.ic{position:absolute;left:0;top:0;transform:translateY(-50%);border:3px solid;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#10141d;box-shadow:0 2px 6px #00000073;cursor:pointer;z-index:1;transition:transform .1s,box-shadow .1s}.ic img{width:100%;height:100%;object-fit:cover;display:block}.ic .tag{font-size:11px;font-weight:800}.ic:hover{transform:translateY(-50%) scale(1.16);box-shadow:0 6px 16px #0009;z-index:9}.tip-fixed{position:fixed;z-index:9999;transform:translate(-50%,-100%);width:236px;max-width:82vw;background:#0b0e15;border:1px solid #2c3446;border-radius:10px;padding:9px 11px;box-shadow:0 14px 36px #0009;pointer-events:none}.tip-fixed.below{transform:translate(-50%)}.tip-h{display:flex;align-items:center;gap:7px;margin-bottom:5px}.tip-h b{font-size:12.5px;text-wrap:balance}.tip-fixed .chip{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:20px;border:1px solid;flex:none}.tip-desc{font-size:11.5px;color:#c7cdd8;line-height:1.4;margin-bottom:6px}.tip-m{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:2px}.tip-m span{font-family:ui-monospace,Menlo,Consolas,monospace}.tl-empty{padding:16px;color:var(--muted);font-size:13px}.legend{flex:none;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:11px 4px 6px;font-size:11px;color:var(--muted)}.attrib{flex:none;padding:6px 20px;font-size:11px;color:var(--faint);text-align:right;border-top:1px solid var(--line);background:linear-gradient(#0f121a,var(--panel))}.attrib a{color:var(--muted);text-decoration:none}.attrib a:hover{color:var(--brand);text-decoration:underline}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.legend .lg-hint{color:var(--faint);margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:flex;align-items:center;justify-content:center;z-index:50}.modal{width:min(680px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.modal-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.modal-sub{color:var(--muted);font-size:12px}.modal-head .x{margin-left:auto;background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;line-height:1}.modal-ta{width:100%;height:300px;resize:vertical;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.modal-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.info-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#161b26;border:1px solid var(--line);color:var(--muted);cursor:pointer}.info-btn:hover{color:var(--brand);border-color:var(--brand);background:#f6c85a14}.modal.info{width:min(560px,92vw)}.info-body{display:flex;flex-direction:column;gap:15px;max-height:64vh;overflow-y:auto;padding-right:4px}.info-body section{display:flex;flex-direction:column;gap:4px}.info-body h4{margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.info-body p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}.info-body strong{color:var(--text);font-weight:600}.info-body em{font-style:normal;color:var(--text)}@media (prefers-reduced-motion:no-preference){.row{animation:rise .22s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}