:root{color-scheme:dark;--bg: #07080b;--bg-2: #10131a;--ink: #f5f1e8;--muted: #9aa3b5;--gold: #d4a017;--gold-2: #f0c24b;--blue: #143ea8;--blue-2: #1c4fd4;--white: #efebe3;--white-ink: #14161c;--points: #22c55e;--adv: #f59e0b;--neg: #ef4444;--line: rgba(255, 255, 255, .12);--shadow: 0 18px 50px rgba(0, 0, 0, .35);--radius: 22px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:var(--bg);color:var(--ink)}body{min-height:100dvh}button,input,a{font:inherit}button{color:inherit;cursor:pointer}input{width:100%;border:1px solid var(--line);background:#00000047;color:var(--ink);border-radius:14px;padding:.85rem .95rem}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.btn,.chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:48px;padding:.7rem 1rem;border-radius:999px;border:0;background:var(--gold);color:#1a1404;font-weight:700}.btn--ghost,.chip{background:#ffffff14;color:var(--ink);border:1px solid var(--line)}.chip{min-height:40px;padding:.35rem .85rem;font-size:.9rem}.chip--gold{background:var(--gold);color:#1a1404;border-color:transparent}.chrome{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.85rem + var(--safe-t)) 1rem .85rem;position:relative;z-index:3}.chrome--ghost{position:absolute;inset:0 0 auto;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.chrome__home{display:flex;align-items:center;gap:.55rem;min-height:44px;min-width:44px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.chrome__right{display:flex;gap:.45rem}.home{min-height:100dvh;padding:calc(1.5rem + var(--safe-t)) 1.25rem calc(2rem + var(--safe-b));max-width:720px;margin:0 auto}.home__mark{margin-bottom:1.6rem}.home__badge{width:64px;height:64px;border-radius:18px;overflow:hidden;display:grid;grid-template-rows:1fr 8px 1fr;margin-bottom:1rem;box-shadow:var(--shadow)}.home__badge-blue{background:var(--blue-2)}.home__badge-gold{background:var(--gold)}.home__badge-white{background:var(--white)}.home h1{font-size:clamp(2.6rem,9vw,4.4rem);letter-spacing:-.06em}.home p,.mode-card span,.home__hint,.training__hint,.cast-note{color:var(--muted);line-height:1.45}.home__modes{display:grid;gap:1rem}.mode-card{display:grid;gap:.45rem;padding:1.2rem 1.2rem 1.3rem;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);box-shadow:var(--shadow);min-height:148px}.mode-card strong{font-size:1.8rem;letter-spacing:-.04em}.mode-card__sub{font-weight:700;color:var(--gold-2);font-size:1rem}.mode-card--match{background:linear-gradient(180deg,#12338a,#0e1530 48%,#1b1a16)}.mode-card--training{background:radial-gradient(circle at 80% 0%,#2a2416,#0a0a0c 55%)}.mode-card--saver{background:linear-gradient(135deg,#1d242e,#0c1016)}.mode-card__actions{display:flex;gap:.6rem;margin-top:.7rem}.home__hint{margin-top:1.4rem;font-size:.95rem}.display{min-height:100vh;min-height:100dvh;min-height:100svh;height:100vh;height:100dvh;height:100svh;height:var(--visible-vh, 100svh);max-height:100vh;max-height:100dvh;max-height:100svh;max-height:var(--visible-vh, 100svh);display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}.display>.bout,.display>.display__mid{min-height:0}.display__chrome{position:absolute;top:calc(.55rem + var(--safe-t));left:calc(.55rem + var(--safe-l));right:calc(.55rem + var(--safe-r));z-index:4;display:flex;justify-content:space-between;pointer-events:none}.display__chrome .chip{pointer-events:auto;opacity:.72}.bout{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(280px,1.4fr);gap:1rem;padding:1.2rem 1.2rem 1rem;align-items:center}.bout--blue{background:linear-gradient(180deg,#1a4cd0,#102f8a);padding-top:calc(2.6rem + var(--safe-t))}.bout--white{background:linear-gradient(180deg,#f6f2ea,#e7e1d6);color:var(--white-ink);padding-bottom:calc(1rem + var(--safe-b))}.bout__who h1{font-size:clamp(1.6rem,5.4vw,4rem);line-height:.95;letter-spacing:-.04em}.bout__who p{opacity:.8;margin-top:.35rem;font-size:clamp(1rem,2.4vw,1.6rem)}.bout__scores{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:.7rem;height:100%}.score{appearance:none;border:0;border-radius:18px;min-height:110px;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:.7rem .8rem .4rem;background:#0003;color:inherit;-webkit-touch-callout:none}.bout--white .score{background:#0000000f}.score__label{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.8}.score__value{font-size:clamp(2.6rem,9vw,6.4rem);font-weight:800;line-height:.85;font-variant-numeric:tabular-nums}.score--points .score__value{color:var(--points)}.score--advantages .score__value{color:var(--adv)}.score--disadvantages .score__value{color:var(--neg)}.display__mid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:#07080b;padding:.35rem 1rem;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold)}.display__meta{display:flex;flex-direction:column;gap:.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.9rem}.display__clock-hint{text-align:right;color:var(--muted);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.clock-btn{appearance:none;border:0;background:transparent;color:var(--ink);font-size:clamp(3rem,12vw,7.2rem);font-weight:800;letter-spacing:.05em;font-variant-numeric:tabular-nums;line-height:1;padding:.1rem .4rem}.clock-btn--control{width:100%;font-size:clamp(3.4rem,18vw,6rem)}.clock-nudges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.35rem 0 .15rem}.clock-nudge{min-height:64px;border:1px solid var(--line);border-radius:14px;background:#ffffff14;font-size:1.15rem;font-weight:800}.clock-nudge:disabled{opacity:.38;cursor:default}.controller{min-height:100dvh;padding-bottom:calc(1.4rem + var(--safe-b))}.controller__help{margin:.2rem .9rem .4rem}.pad{margin:.7rem .9rem;padding:1rem;border-radius:24px}.pad--blue{background:linear-gradient(180deg,#1a4cd0,#102f8a)}.pad--white{background:linear-gradient(180deg,#f6f2ea,#e7e1d6);color:var(--white-ink)}.pad h2{margin-bottom:.7rem;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}.pad__fields,.controller__meta,.custom-time{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.8rem}.pad--white input{background:#fff;color:var(--white-ink)}.pad__scores{display:grid;grid-template-columns:1.3fr 1fr .85fr;gap:.55rem}.fat-score{display:grid;gap:.35rem;padding:.7rem .55rem;border-radius:18px;background:#0000002e;text-align:center}.pad--white .fat-score{background:#0000000f}.fat-score strong{font-size:clamp(2rem,8vw,3.2rem);font-variant-numeric:tabular-nums;line-height:1}.fat-score__label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fat-score--points strong{color:var(--points)}.fat-score--advantages strong{color:var(--adv)}.fat-score--disadvantages strong{color:var(--neg)}.fat-score__btns{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.fat-score__btns button{min-height:64px;border:0;border-radius:14px;background:#ffffff24;font-size:1.25rem;font-weight:800}.pad--white .fat-score__btns button{background:#fff}.controller__clock{margin:.4rem .9rem .8rem;padding:.9rem;border-radius:24px;background:var(--bg-2);border:1px solid var(--line)}.controller__clock-actions,.presets{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0}.preset{min-width:56px;min-height:52px;border-radius:14px;border:1px solid var(--line);background:#ffffff0d;font-weight:800}.preset--on{background:var(--gold);color:#1a1404;border-color:transparent}.toggle,.stepper,label{display:grid;gap:.35rem;font-weight:700}.toggle{grid-template-columns:auto 1fr;align-items:center;margin:.55rem 0}.cast-note,.text-link{font-size:.92rem}.text-link{color:var(--gold-2);display:inline-block;margin-top:.4rem}.training{min-height:100dvh;background:#050505;display:grid;place-items:center;text-align:center;padding:5rem 1rem 2rem}.training--break{background:#120e08}.training__clock{appearance:none;border:0;background:transparent;color:#fff;font-size:clamp(5.4rem,28vw,12rem);font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;line-height:.9}.training__phase{position:absolute;top:calc(4.2rem + var(--safe-t));left:0;right:0;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--gold-2)}.training--break .training__phase{color:#e7c27a}.training__hint{position:absolute;bottom:calc(1.2rem + var(--safe-b));left:1rem;right:1rem}.sheet{position:fixed;inset:0;z-index:20;display:grid;align-items:end}.sheet__backdrop{position:absolute;inset:0;border:0;background:#0000008c}.sheet__panel{position:relative;max-height:88dvh;overflow:auto;background:#161b24;border-radius:24px 24px 0 0;padding:1rem 1rem calc(1.2rem + var(--safe-b))}.sheet__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.sheet__body{display:grid;gap:.9rem}fieldset{border:1px solid var(--line);border-radius:18px;padding:.8rem}.saver{min-height:100vh;min-height:100dvh;min-height:100svh;height:100vh;height:100dvh;height:100svh;height:var(--visible-vh, 100svh);max-height:100vh;max-height:100dvh;max-height:100svh;max-height:var(--visible-vh, 100svh);width:100%;position:relative;background:#000;overflow:hidden}.saver__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#000}.saver:fullscreen,.saver:-webkit-full-screen{width:100%;height:100%;background:#000}.saver:fullscreen .saver__img,.saver:-webkit-full-screen .saver__img{object-fit:contain;object-position:center}.saver__empty{min-height:100dvh;display:grid;place-content:center;gap:.8rem;padding:5rem 1.4rem 2rem;text-align:center}.saver__list{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}.saver__list li{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--line)}.interval-stepper{display:grid;grid-template-columns:72px minmax(0,1fr) 72px;gap:.45rem;align-items:center;margin:.45rem 0 .2rem}.interval-stepper strong{text-align:center;font-size:1.7rem;font-variant-numeric:tabular-nums;letter-spacing:.04em}@media(max-width:820px)and (orientation:portrait)and (min-height:521px){.bout{grid-template-columns:1fr;padding:.8rem}.bout--blue{padding-top:calc(3.4rem + var(--safe-t))}.bout__scores,.pad__scores{grid-template-columns:1fr 1fr .8fr}.display__mid{grid-template-columns:1fr;justify-items:center;text-align:center}.display__meta,.display__clock-hint{text-align:center}}@media(orientation:landscape),(max-height:520px){.display{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}.display__chrome{top:calc(.2rem + var(--safe-t));left:calc(.2rem + var(--safe-l));right:calc(.2rem + var(--safe-r))}.display__chrome .chip{min-height:28px;padding:.08rem .5rem;font-size:.72rem}.bout{grid-template-columns:minmax(96px,.78fr) minmax(0,1.6fr);gap:.4rem;padding:.22rem .65rem;min-height:0;overflow:hidden;align-items:stretch}.bout--blue{padding-top:calc(2.2rem + var(--safe-t))}.bout--white{padding-bottom:calc(.22rem + var(--safe-b))}.bout__who{min-width:0;display:flex;flex-direction:column;justify-content:center}.bout__who h1{font-size:clamp(.95rem,5.2vh,2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bout__who p{font-size:clamp(.62rem,2.4vh,.95rem);margin-top:.06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bout__scores{min-height:0;gap:.3rem}.display .score{min-height:0;padding:.22rem .35rem .12rem;border-radius:12px}.score__label{font-size:.58rem}.score__value{font-size:clamp(1.25rem,10vh,3.2rem)}.display__mid{grid-template-columns:1fr auto 1fr;justify-items:stretch;text-align:start;padding:.02rem .65rem;gap:.3rem;border-top-width:2px;border-bottom-width:2px}.display__meta{text-align:left;font-size:.68rem}.display__clock-hint{text-align:right;font-size:.68rem}.display .clock-btn{font-size:clamp(1.45rem,11vh,3.2rem)}.saver{background:#000}.saver__img{object-fit:contain;object-position:center}}