:root{--navy-900:#06101f;--navy-800:#0b1a33;--navy-700:#12274a;--navy-600:#1b3a6b;--cyan-400:#2fd3ff;--cyan-300:#7de6ff;--amber:#ffb85c;--coral:#ff7a59;--text:#eaf6ff;--muted:#9db7d1;color:var(--text);background:radial-gradient(120% 120% at 20% 0%, var(--navy-700), var(--navy-900));font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{-webkit-tap-highlight-color:transparent;min-height:100%;margin:0}#app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;display:grid}button{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.start{text-align:center;box-sizing:border-box;width:100%;min-width:0;max-width:40rem;padding:2rem 1rem}.start h1{letter-spacing:.04em;color:var(--cyan-300);margin:0 0 .5rem;font-size:clamp(2rem,8vw,4rem)}.start>p{color:var(--muted);margin:0 0 1.5rem}.card{text-align:left;background:linear-gradient(160deg,#1b3a6b8c,#0b1a33bf);border:1px solid #7de6ff2e;border-radius:1rem;padding:1.25rem;box-shadow:0 20px 60px #00000059}.card h2{margin:0 0 .25rem}.roles{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0;display:grid}.role{cursor:pointer;background:#06101f99;border:1px solid #7de6ff40;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:3.5rem;padding:.7rem .8rem;display:flex}.role b{color:var(--cyan-300);font-size:1.2rem}.role span{color:var(--muted);font-size:.85rem}.role:hover,.role:focus-visible{border-color:var(--cyan-400);outline:none}.seed{color:var(--muted);align-items:center;gap:.5rem;display:inline-flex}.seed input{width:6rem;color:var(--text);font:inherit;background:#06101f99;border:1px solid #7de6ff40;border-radius:.5rem;padding:.35rem .5rem}.menu{gap:.6rem;display:grid}.big{text-align:left;border-radius:1rem;justify-items:start;padding:.9rem 1.2rem;font-size:1.1rem;display:grid}.big .sub{opacity:.8;font-size:.85rem;font-weight:400}.secondary{min-height:2.8rem;color:var(--text);cursor:pointer;background:#1b3a6b73;border:1px solid #7de6ff59;border-radius:999px;padding:.5rem 1.2rem;font-weight:600}.link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.5rem .25rem;text-decoration:underline}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.create h2+h2,.create .card h2{color:var(--cyan-300);margin-top:1.25rem;font-size:1.05rem}.create .card h2:first-child{margin-top:0}.segmented{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.seg,.preset{cursor:pointer;background:#06101f99;border:1px solid #7de6ff40;border-radius:.75rem;min-height:2.8rem;padding:.5rem .8rem}.seg[aria-pressed=true],.preset[aria-pressed=true],.role[aria-pressed=true]{border-color:var(--cyan-400);background:#2fd3ff2e;box-shadow:inset 0 0 0 2px #2fd3ff40}.field{color:var(--muted);gap:.3rem;margin:.75rem 0;font-size:.9rem;display:grid}.field input,.field select{font:inherit;color:var(--text);background:#06101f99;border:1px solid #7de6ff40;border-radius:.6rem;padding:.55rem .7rem;font-size:1rem}.row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.presets{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.preset{color:var(--muted);justify-items:center;gap:.3rem;font-size:.8rem;display:grid}.avatar{background:var(--amber);border:3px solid var(--navy-600);border-radius:50%;width:2.2rem;height:2.2rem;display:block}.avatar.a1{background:#d98a5c}.avatar.a2{background:#c9a27a;border-color:#3b2a1e}.avatar.a3{background:#8b5a3c;border-color:#1d1410}.avatar.a4{background:#5a3a2a;border-color:#2fd3ff}.avatar.a5{background:#e8b48f;border-color:#7de6ff}.error{color:var(--coral);margin:.75rem 0 0}#app.in-scene{align-items:stretch;padding:0}.scene{box-sizing:border-box;width:100%;max-width:44rem;min-height:100dvh;padding:calc(env(safe-area-inset-top) + .75rem) 1rem calc(env(safe-area-inset-bottom) + .75rem);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.scene-head .where{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;font-size:.85rem;display:flex}.scene-head h2{color:var(--cyan-300);margin:.25rem 0 .75rem;font-size:1.4rem}.tone-adversity .scene-head h2{color:var(--amber)}.dialogue{cursor:pointer;min-height:0;padding:.25rem 0 .75rem;overflow:auto}.line{margin:0 0 .6rem;line-height:1.45;animation:.22s ease-out fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.line.narration{color:var(--muted);font-style:italic}.line.said{background:#1b3a6b73;border:1px solid #7de6ff26;border-radius:.9rem .9rem .9rem .25rem;width:-moz-fit-content;width:fit-content;max-width:88%;padding:.6rem .85rem}.line.said.me{background:#2fd3ff24;border-color:#2fd3ff59;border-radius:.9rem .9rem .25rem;margin-left:auto}.line.said b{letter-spacing:.04em;text-transform:uppercase;color:var(--cyan-300);margin-bottom:.15rem;font-size:.75rem;display:block}.line.said.me b{color:var(--amber)}.scene-actions{border-top:1px solid #7de6ff1f;gap:.5rem;padding-top:.5rem;display:grid}.choices{gap:.5rem;display:grid}.choice{cursor:pointer;text-align:left;background:#1b3a6b73;border:1px solid #7de6ff4d;border-radius:.8rem;min-height:3rem;padding:.7rem .9rem;line-height:1.35}.choice:hover,.choice:focus-visible{border-color:var(--cyan-400);outline:none}.facts{color:var(--muted);margin:.5rem 0 0;padding-left:1.1rem;line-height:1.5}.facts b{color:var(--text)}.hub h3{color:var(--cyan-300);margin:1rem 0 0;font-size:.95rem}#app.in-match{padding:0;display:block}.match{box-sizing:border-box;width:100%;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto 1fr auto auto;display:grid;position:relative}.hud{font-variant-numeric:tabular-nums;background:linear-gradient(#06101ff2,#06101fb3);border-bottom:1px solid #7de6ff26;grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem .9rem;display:grid}.hud .score{align-items:baseline;gap:.5rem;display:flex}.hud .score .num{color:var(--cyan-300);font-size:1.3rem}.hud .team.away{color:var(--coral)}.hud .clock{justify-self:center;align-items:baseline;gap:.5rem;display:flex}.hud .clock .half{color:var(--muted);font-size:.85rem}.hud .speed{color:var(--muted);border:1px solid #0000;border-radius:999px;justify-self:end;padding:.15rem .5rem;font-size:.85rem}.hud .speed.slow{color:var(--cyan-300);border-color:#7de6ff66}.stage{background:#2e6b37;min-height:0;position:relative;overflow:hidden}.stage canvas{touch-action:none;display:block;position:absolute;inset:0}.window{background:#06101f8c;border-radius:999px;height:.55rem;position:absolute;top:.6rem;left:.75rem;right:.75rem;overflow:hidden}.window .bar{background:linear-gradient(90deg, var(--cyan-400), var(--cyan-300));transform-origin:0;height:100%;transition:transform 80ms linear}.window.urgent .bar{background:linear-gradient(90deg, var(--coral), var(--amber))}.window .left{color:var(--text);text-shadow:0 1px 2px #0009;font-size:.8rem;position:absolute;top:.7rem;right:.5rem}.perf{color:var(--muted);pointer-events:none;background:#06101fbf;border-radius:.3rem;padding:.15rem .4rem;font:.7rem/1.3 ui-monospace,monospace;position:absolute;bottom:.4rem;left:.4rem}.banner{color:var(--cyan-300);letter-spacing:.02em;pointer-events:none;background:#06101fcc;border:1px solid #7de6ff59;border-radius:999px;padding:.5rem 1rem;font-weight:600;animation:.25s ease-out rise;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.panel{background:linear-gradient(#06101fd9,#06101ffa);border-top:1px solid #7de6ff26;min-height:7.5rem;padding:.6rem .9rem .3rem}.moment .title{color:var(--cyan-300);margin-bottom:.2rem;font-weight:700}.moment .cues{color:var(--muted);flex-wrap:wrap;gap:.3rem .8rem;margin:0 0 .5rem;padding:0;font-size:.85rem;list-style:none;display:flex}.moment .cues li:before{content:"· ";color:var(--cyan-400)}.options{flex-wrap:wrap;gap:.5rem;display:flex}.option{cursor:pointer;text-align:left;background:#1b3a6b73;border:1px solid #7de6ff4d;border-radius:.75rem;flex:8rem;min-height:2.9rem;padding:.5rem .8rem}.option.selected{border-color:var(--cyan-400);background:#2fd3ff2e;box-shadow:inset 0 0 0 2px #2fd3ff40}.hint{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.9rem;display:flex}.hint button{color:var(--coral);cursor:pointer;background:0 0;border:1px solid #ff7a5980;border-radius:999px;padding:.3rem .7rem}.feedback{border-left:3px solid var(--cyan-400);margin-bottom:.4rem;padding:.3rem .7rem;font-size:.9rem}.feedback ul{color:var(--muted);margin:.2rem 0 0;padding-left:1rem}.ticker{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:.8rem;list-style:none}.ticker li:first-child{color:var(--text)}.controls{background:#06101ffa;align-items:center;gap:.5rem;padding:.5rem .9rem .7rem;display:flex}.toggle{cursor:pointer;background:0 0;border:1px solid #7de6ff4d;border-radius:999px;min-height:2.5rem;padding:.4rem .9rem;font-size:.9rem}.toggle[aria-pressed=true]{border-color:var(--cyan-400);color:var(--cyan-300);background:#2fd3ff33}.provisional{color:var(--amber);border:1px solid #ffb85c80;border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.75rem}.summary{background:#06101ff5;padding:1.5rem 1rem 2rem;position:absolute;inset:0;overflow:auto}.summary h2{color:var(--cyan-300);margin:0 0 .5rem}.table-wrap{border:1px solid #7de6ff26;border-radius:.75rem;margin:1rem 0;overflow:auto}.summary table{border-collapse:collapse;width:100%;font-size:.85rem}.summary th,.summary td{text-align:left;border-bottom:1px solid #7de6ff1a;padding:.4rem .6rem}.summary th{color:var(--muted);font-weight:600}.primary{background:linear-gradient(90deg, var(--cyan-400), var(--cyan-300));min-height:2.8rem;color:var(--navy-900);cursor:pointer;border:none;border-radius:999px;padding:.5rem 1.2rem;font-weight:700}@media (min-width:900px),(orientation:landscape) and (max-height:500px){.match{grid-template-rows:auto 1fr auto;grid-template-columns:1fr minmax(18rem,22rem)}.hud{grid-column:1/-1}.stage{grid-area:2/1}.panel{border-top:none;border-left:1px solid #7de6ff26;grid-area:2/2;min-height:0;overflow-y:auto}.controls{grid-column:1/-1}.option{flex-basis:100%}}.hub .card.now h2{margin-bottom:.25rem}.hub .choice b{display:block}.hub .table-wrap{margin:.5rem 0 0}.hub table{border-collapse:collapse;width:100%;font-size:.8rem}.hub th,.hub td{text-align:left;white-space:nowrap;border-bottom:1px solid #7de6ff1a;padding:.3rem .45rem}.hub th{color:var(--muted);font-weight:600}.hub table.week td{border-left:1px solid #7de6ff14}.hub table.week tr.past td,.hub table.week td.past{color:var(--muted);opacity:.6}.hub table.week td.current{color:var(--cyan-300);opacity:1;background:#2fd3ff2e;font-weight:700}.hub table.week td.attended{color:var(--cyan-300)}.hub table.week td.missed{color:var(--amber);text-decoration:line-through}.hub table.week td.off{background:#06101f59}.hub tr.me td{color:var(--cyan-300);font-weight:700}.home .facts{color:var(--text)}.home a{color:var(--cyan-300)}.hub h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.9rem 0 0;font-size:.85rem}.hub .facts.fixtures li,.hub .facts.tournaments li{margin:.15rem 0}.hub .tournaments li.t-closed,.hub .tournaments li.t-blocked,.hub .tournaments li.t-upcoming{opacity:.65}.hub .tournaments li.t-window b{color:var(--cyan-300)}.hub .tournaments li.t-entered b{color:var(--amber)}.hub .choice.skip-ahead{opacity:.85}.hub .progress .question{margin:.2rem 0 .6rem;font-style:italic}.hub .tracks{margin:0;padding:0;list-style:none}.hub .tracks li{grid-template-columns:8.5rem 1fr 2rem;align-items:center;gap:.5rem;margin:.2rem 0;font-size:.9rem;display:grid}.hub .tracks .bar{background:#ffffff14;border-radius:999px;height:.5rem;display:block;overflow:hidden}.hub .tracks .fill{background:var(--cyan-300);height:100%;display:block}.hub .tracks .track-value{text-align:right;font-variant-numeric:tabular-nums}.hub .unlocks li.locked{opacity:.7}.hub .unlocks li.unlocked b{color:var(--amber)}.hub .choice.repair{opacity:.9}