:root{color-scheme:dark;--ink:#edf4ff;--muted:#95a5bd;--panel:#111c2f;--line:#263650;--gold:#e4bd65;--cyan:#63d9d3;--bg:#080f1d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 5%,#172b47 0,transparent 32%),var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:#08101dcc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);color:var(--gold);transform:rotate(45deg);font-family:Georgia,serif}.brand-mark::first-letter{transform:rotate(-45deg)}nav{display:flex;gap:24px;color:var(--muted);font-size:14px}nav a:hover{color:var(--gold)}main{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:560px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:70px 0}.eyebrow{margin:0 0 12px;color:var(--cyan);letter-spacing:.16em;font:700 11px/1.4 ui-monospace,monospace;text-transform:uppercase}h1{font:600 clamp(44px,6vw,78px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0 0 24px}h1 em{color:var(--gold);font-weight:400}h2{font:500 36px/1.1 Georgia,serif;margin:0}h3{font:500 26px/1.2 Georgia,serif;margin:6px 0}.lede{max-width:660px;color:var(--muted);font-size:18px}.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;padding:11px 18px;border:1px solid var(--line);border-radius:5px;background:#132038;font-weight:700;font-size:14px}.button.primary{background:var(--gold);border-color:var(--gold);color:#101522}.radar{width:min(390px,90vw);aspect-ratio:1;border:1px solid #315071;border-radius:50%;justify-self:end;display:grid;place-items:center;position:relative;background:repeating-radial-gradient(circle,transparent 0 58px,#203653 60px 61px)}.radar:after,.radar:before{content:"";position:absolute;background:#203653}.radar:before{width:100%;height:1px}.radar:after{height:100%;width:1px}.radar strong{text-align:center;font:700 13px/1.5 ui-monospace;color:var(--gold);z-index:2}.orb{position:absolute;width:18px;height:18px;border:3px solid #08101d;border-radius:50%;background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.orb.one{left:22%;top:35%}.orb.two{right:19%;bottom:31%;background:var(--gold)}.orb.three{right:29%;top:20%;background:#ff725e}.section{padding:30px 0 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.pill{border:1px solid var(--line);border-radius:99px;padding:5px 12px;color:var(--muted);font-size:13px}.pack-card{display:flex;align-items:center;justify-content:space-between;padding:28px 32px;border:1px solid var(--line);background:linear-gradient(135deg,#111d31,#0d1728);border-radius:8px}.pack-card p{margin:5px 0;color:var(--muted)}.roster{display:flex}.roster span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--fighter);color:#08101d;border:4px solid var(--panel);margin-left:-8px;font-weight:900}.empty{text-align:center;padding:120px 20px}.empty h1{font-size:56px}footer{border-top:1px solid var(--line);padding:28px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:800px){.hero{grid-template-columns:1fr}.radar{justify-self:center;order:-1;width:250px}.site-header nav{display:none}.brand{font-size:13px}.pack-card{align-items:flex-start;gap:20px;flex-direction:column}}
.page-head,.replay-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:70px 0 38px}.page-head h1,.replay-head h1{font-size:58px}.card-grid{display:grid;gap:12px;padding-bottom:90px}.record-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px 25px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.record-card:hover{border-color:var(--gold)}.record-card p{margin:3px 0;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.record-result{display:grid;text-align:right}.record-result strong{color:var(--gold);text-transform:uppercase}.record-result span{color:var(--muted);font-size:13px}.empty-card{padding:60px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.result-seal{width:140px;height:140px;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center}.result-seal span{font:700 10px ui-monospace;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.result-seal strong{font:500 23px Georgia;color:var(--gold);text-transform:uppercase}.viewer{padding-bottom:90px}.health-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.health-card{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);background:#0d182a}.health-card.defeated{filter:grayscale(1);opacity:.55}.health-card div{display:grid;flex:1}.health-card span{font-size:11px;color:var(--muted)}.fighter-swatch{width:10px;height:36px;background:var(--swatch);border-radius:6px}.health-card progress{width:100%;height:5px;accent-color:var(--swatch)}.canvas-shell{position:relative;border:1px solid #38506f;background:#111c2f;box-shadow:0 30px 80px #0008}.canvas-shell canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.event-flash{position:absolute;left:16px;bottom:14px;padding:5px 9px;background:#08101dcc;border:1px solid var(--line);font:700 10px ui-monospace;letter-spacing:.12em;text-transform:uppercase}.playback-controls{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-top:0;background:var(--panel)}.icon-button{width:38px;height:38px;border:1px solid var(--line);background:#0c1626;color:var(--ink);font-size:22px}.timeline{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;flex:1;color:var(--muted);font-size:12px}.timeline input{width:100%;accent-color:var(--gold)}select{background:#0c1626;border:1px solid var(--line);color:var(--ink);padding:6px}.event-log{margin-top:14px;border:1px solid var(--line);padding:12px 18px;color:var(--muted)}.event-log ol{columns:2;max-height:300px;overflow:auto}.event-log li{break-inside:avoid}.event-log code,code{color:var(--cyan)}@media(max-width:800px){.page-head,.replay-head{align-items:flex-start;flex-direction:column}.health-roster{grid-template-columns:1fr 1fr}.playback-controls{flex-wrap:wrap}.timeline{order:2;flex-basis:100%}.event-log ol{columns:1}.result-seal{display:none}}
.fighter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:90px}.fighter-card{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:7px}.fighter-card:hover{border-color:var(--gold)}.fighter-card p{margin:3px 0;color:var(--muted)}.fighter-portrait{height:130px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,var(--fighter),#0a1423 64%);border:1px solid #ffffff18}.fighter-portrait span{font:600 48px Georgia;color:#fff}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.tag-row span{font:700 9px ui-monospace;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line);padding:3px 6px}.command-form{max-width:900px;padding:0 0 100px;display:grid;gap:20px}.command-form>label,.form-row label{display:grid;gap:7px;color:var(--muted);font-size:13px}.command-form input,.command-form select{width:100%;padding:12px 13px;border:1px solid var(--line);background:#0c1626;color:var(--ink);border-radius:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.command-form fieldset{border:1px solid var(--line);padding:20px}.command-form legend,.field-label{color:var(--gold);font:700 11px ui-monospace;letter-spacing:.13em;text-transform:uppercase}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#0d182a}.choice input{width:auto}.choice span{display:grid}.choice small{color:var(--muted)}.arena-choice{display:flex;justify-content:space-between;padding:17px;border:1px solid var(--gold);background:linear-gradient(90deg,#332b1c,#101b2b)}@media(max-width:700px){.fighter-grid,.choice-grid,.form-row{grid-template-columns:1fr}.fighter-card{grid-template-columns:90px 1fr}.fighter-portrait{height:100px}}
.lab-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;padding-bottom:40px}.lab-panel{border:1px solid var(--line);background:var(--panel);padding:24px}.lab-panel label{display:grid;gap:6px;color:var(--muted);font-size:13px}.lab-panel input{padding:10px;background:#0a1423;border:1px solid var(--line);color:var(--ink)}.lab-panel fieldset{border:1px solid var(--line);margin:15px 0;padding:12px}.lab-panel .inline-choice{display:flex;align-items:center;gap:8px;padding:4px}.lab-actions{display:flex;gap:7px;flex-wrap:wrap}.session-console pre{min-height:300px;max-height:520px;overflow:auto;padding:14px;background:#07101d;border:1px solid #1f3049;color:var(--cyan);font:12px/1.55 ui-monospace;white-space:pre-wrap}@media(max-width:800px){.lab-grid{grid-template-columns:1fr}}
.seed-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.seed-toggle input{width:auto}.bracket{display:flex;gap:28px;overflow-x:auto;padding:20px 0 100px}.bracket-round{min-width:270px;display:flex;flex-direction:column;justify-content:space-around;gap:18px}.bracket-match{border:1px solid var(--line);background:var(--panel)}.bracket-player{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);color:var(--muted)}.bracket-player.winner{color:var(--ink);background:#213822}.bracket-player b{color:var(--gold)}.bracket-match small{display:block;padding:5px 13px;color:var(--cyan)}.bracket-match footer{display:flex;gap:6px;padding:7px 10px;border:0;background:#091321}.bracket-match footer a{font:700 10px ui-monospace;color:var(--cyan);border:1px solid var(--line);padding:3px 6px}
.status-dot.invalid{background:#ff6b62;box-shadow:0 0 12px #ff6b62}.pack-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;padding-bottom:100px}.validation-list{padding-left:20px;color:var(--gold)}.validation-list.errors{color:#ff8179}.success-callout{padding:15px;border:1px solid #3b7854;background:#163222;color:#a9efbd}.manifest-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.manifest-stats div{border:1px solid var(--line);padding:12px}.manifest-stats dt{font:700 10px ui-monospace;color:var(--muted);text-transform:uppercase}.manifest-stats dd{margin:0;font:500 32px Georgia;color:var(--gold)}@media(max-width:800px){.pack-detail{grid-template-columns:1fr}}