:root{--bg-deep:#070707;--bg-charcoal:#111;--bg-panel:#161616;--line:#c9a22747;--gold:#c9a227;--gold-bright:#e8c547;--crimson:#8b1e1e;--text:#f3efe4;--muted:#9a9486;--display:Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Medium", sans-serif;--body:"Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg-deep);min-height:100dvh;color:var(--text);font-family:var(--body);margin:0}body{min-height:100svh}button{font:inherit}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fight{min-height:100dvh;color:var(--text);background:#050505;overflow:hidden}.fight-frame{width:min(100%,480px);min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}.fight-top{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:10px;display:flex}.fight-brand{color:var(--gold);font-family:var(--display);letter-spacing:.42em;margin:0;font-size:.78rem}.sound-toggle{min-height:36px;color:var(--muted);font-family:var(--display);letter-spacing:.16em;cursor:pointer;background:0 0;border:1px solid #ffffff29;padding:0 12px;font-size:.72rem}.sound-toggle.is-on{border-color:var(--gold);color:var(--gold)}.sound-toggle:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.reveal-stage{border:1px solid var(--line);background:#000;width:100%;height:min(52vh,440px);position:relative;overflow:hidden}.reveal-void{background:radial-gradient(circle at 50% 18%,#c9a22714,#0000 42%),linear-gradient(#120f0a 0%,#050505 48%,#000 100%);position:absolute;inset:0}.reveal-void:after{content:"";filter:blur(18px);background:#ffffff08;border-radius:50% 50% 42% 42%;position:absolute;inset:18% 28%}.reveal-uncover,.reveal-live-paint{position:absolute;inset:0}.reveal-live-paint img{filter:contrast(1.38)saturate(.74)sepia(.14)brightness(.86)}.reveal-grain{pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.reveal-meter{z-index:2;color:var(--gold);letter-spacing:.24em;margin:0;font-size:.62rem;font-weight:700;position:absolute;bottom:10px;left:12px}.fight-primary:disabled{opacity:.4;cursor:not-allowed}.reveal-scan{background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);height:3px;box-shadow:0 0 18px var(--gold);position:absolute;top:0;left:0;right:0}.fight-mode{font-family:var(--display);letter-spacing:.4em;margin:16px 0 0;font-size:1.1rem}.mode-work{color:var(--gold-bright)}.mode-rest{color:#9ab0c9}.mode-intro,.mode-announce{color:var(--gold)}.fight-clock{font-family:var(--display);letter-spacing:.04em;text-shadow:0 0 28px #c9a22738;margin:4px 0 0;font-size:clamp(4.4rem,26vw,8.2rem);line-height:.88}.fight-clock.is-callout{animation:.45s punch}.fight-round{font-family:var(--display);letter-spacing:.22em;margin:10px 0 0;font-size:1.15rem}.fight-name{color:var(--muted);letter-spacing:.24em;margin:6px 0 0;font-size:.72rem}.fight-controls{gap:10px;width:100%;margin-top:auto;padding-top:20px;display:grid}.fight-primary,.fight-ghost{width:100%;min-height:54px;font-family:var(--display);letter-spacing:.18em;cursor:pointer}.fight-primary{background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 55%, #9a7a18 100%);color:#140f05;border:0;font-size:1.15rem}.fight-ghost{color:var(--muted);background:0 0;border:1px solid #ffffff29;font-size:.92rem}.fight-primary:focus-visible,.fight-ghost:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.fight.is-paused .fight-clock{opacity:.7}.phase-work{background:radial-gradient(90% 50% at 50% 0,#c9a22729,#0000 50%),#050505}.phase-rest{background:radial-gradient(90% 50% at 50% 0,#5a78a029,#0000 50%),#050505}.phase-intro,.phase-announce{background:radial-gradient(90% 55% at 50% 10%,#c9a22738,#0000 55%),#050505}.fight-modal,.fight-finish{z-index:5;background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.finish-card{border:1px solid var(--line);background:#101010eb;width:100%;margin-top:auto;padding:18px 14px 8px}.fight-dialog{border:1px solid var(--line);background:#101010;width:min(100%,400px);padding:24px 18px}.dialog-title,.finish-title{font-family:var(--display);letter-spacing:.12em;margin:0}.dialog-title{font-size:1.6rem}.finish-title{font-size:2rem;line-height:.95}.dialog-copy,.finish-message{color:var(--muted);letter-spacing:.04em;margin:10px 0 18px}.fight-dialog .fight-ghost,.fight-dialog .fight-primary{margin-top:8px}.finish-kicker{color:var(--gold);letter-spacing:.32em;margin:0 0 8px;font-size:.68rem;font-weight:700}.finish-title-lead{width:100%;color:var(--gold-bright);text-align:center;margin:4px 0 12px;font-size:clamp(1.8rem,8vw,2.4rem)}.finish-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.finish-stats div{background:#0a0a0a;border:1px solid #ffffff0f;padding:10px}.finish-stats span{color:var(--muted);letter-spacing:.2em;font-size:.58rem;display:block}.finish-stats strong{font-family:var(--display);letter-spacing:.06em;margin-top:4px;font-size:1.05rem;display:block}.finish-sub{color:var(--gold);font-family:var(--display);letter-spacing:.16em;margin:0 0 18px}@keyframes punch{0%{opacity:.35;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.home{isolation:isolate;background:radial-gradient(120% 70% at 50% -10%,#8b1e1e38,#0000 55%),radial-gradient(80% 50% at 50% 100%,#c9a22714,#0000 50%),linear-gradient(#0c0c0c 0%,#070707 45%,#050505 100%);justify-content:center;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.home:before{content:"";pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff0a 3px);position:absolute;inset:0}.home-frame{width:min(100%,430px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:16px;display:flex}.brand{text-align:center;animation:.7s both rise}.brand-kicker{color:var(--gold);letter-spacing:.42em;margin:0 0 6px;font-size:.62rem;font-weight:700}.logo{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,10vw,2.8rem);line-height:.88}.logo-mark{color:var(--gold-bright);text-shadow:0 0 24px #c9a22759;display:block}.logo-word{color:var(--text);letter-spacing:.22em;margin-top:2px;font-size:.72em;display:block}.tagline{color:var(--gold);font-family:var(--display);letter-spacing:.38em;margin:10px 0 0;font-size:.86rem;animation:.8s 80ms both rise}.artwork{border:1px solid var(--line);background:#0a0a0a;height:38vh;min-height:280px;max-height:360px;animation:.9s .12s both rise;position:relative;overflow:hidden}.paint-frame{background:#050505;position:relative;overflow:hidden}.paint-frame img{object-fit:cover;object-position:center 18%;filter:contrast(1.3)saturate(.7)sepia(.2)brightness(.92);width:100%;height:100%;display:block}.paint-grade{pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(#140c0033,#0000 34%,#0000006b),radial-gradient(circle at 28% 18%,#c9a22738,#0000 46%);position:absolute;inset:0}.hero-paint{position:absolute;inset:0}.hero-paint img{animation:12s ease-in-out infinite alternate kenburns}.artwork-empty{color:var(--muted);font-family:var(--display);letter-spacing:.2em;background:radial-gradient(circle at 50% 30%,#c9a2271f,#0a0a0a 70%);place-items:center;display:grid;position:absolute;inset:0}.artwork-fade{pointer-events:none;background:linear-gradient(#07070726 0%,#0000 28%,#07070759 62%,#070707eb 100%),linear-gradient(90deg,#c9a2271f,#0000 40%);position:absolute;inset:0}.artwork-copy{z-index:1;position:absolute;bottom:14px;left:14px;right:14px}.artwork-code{color:var(--gold);letter-spacing:.32em;margin:0 0 4px;font-size:.62rem;font-weight:700}.artwork-name{font-family:var(--display);letter-spacing:.08em;margin:0;font-size:clamp(1.6rem,7vw,2.1rem);line-height:.95}.artwork-alias{color:var(--gold-bright);font-family:var(--display);letter-spacing:.22em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.9rem;display:-webkit-box;overflow:hidden}.summary{border:1px solid var(--line);background:linear-gradient(#c9a2271a,#101010f2);padding:14px 14px 12px;animation:.9s .16s both rise}.summary-kicker,.config-label,.fighter-label{color:var(--muted);letter-spacing:.28em;margin:0 0 8px;font-size:.62rem;font-weight:700}.summary-title{font-family:var(--display);letter-spacing:.08em;margin:0;font-size:clamp(1.2rem,5.6vw,1.55rem)}.summary-rest{color:var(--gold);font-family:var(--display);letter-spacing:.16em;margin:4px 0 12px;font-size:.95rem}.summary-totals{grid-template-columns:1fr 1fr;gap:8px;display:grid}.summary-totals div{background:#00000059;border:1px solid #ffffff0d;padding:8px 10px}.summary-totals span{color:var(--muted);letter-spacing:.22em;font-size:.58rem;display:block}.summary-totals strong{font-family:var(--display);letter-spacing:.08em;margin-top:4px;font-size:1.05rem;font-weight:400;display:block}.config-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.config-toolbar-label{margin:0}.reset-btn{min-height:40px;color:var(--muted);font-family:var(--display);letter-spacing:.22em;cursor:pointer;background:0 0;border:1px solid #ffffff29;padding:0 16px;font-size:.82rem}.reset-btn:hover{border-color:var(--gold);color:var(--gold)}.reset-btn:active{transform:translateY(1px)}.reset-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.config{animation:.95s .2s both rise}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg-panel);min-width:48px;min-height:48px;color:var(--text);font-family:var(--display);letter-spacing:.08em;cursor:pointer;border:1px solid #ffffff1a;padding:0 14px;font-size:.92rem}.chip.is-selected{border-color:var(--gold);color:var(--gold-bright);background:linear-gradient(#c9a22738,#161616f2)}.chip:focus-visible,.stepper-btn:focus-visible,.fighter-card:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}.stepper{grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;margin-top:10px;display:grid}.stepper-btn{border:1px solid var(--gold);width:56px;height:56px;color:var(--gold-bright);cursor:pointer;background:#0a0a0a;font-size:1.8rem;line-height:1}.stepper-btn:disabled{opacity:.35;cursor:not-allowed}.stepper-value{min-height:56px;font-family:var(--display);letter-spacing:.1em;background:#101010;border:1px solid #ffffff14;place-items:center;margin:0;font-size:1.1rem;display:grid}.fighter-search{grid-template-columns:1fr 56px;gap:8px;display:grid}.fighter-input{min-height:52px;color:var(--text);background:#101010;border:1px solid #ffffff1f;padding:0 14px;font-size:1rem}.fighter-input::placeholder{color:#6f6a60}.fighter-input:focus{outline:2px solid var(--gold);outline-offset:0}.search-btn{border:1px solid var(--gold);width:56px;height:52px;color:var(--gold);cursor:pointer;background:#0a0a0a;place-items:center;display:grid}.search-empty{text-align:center;border:1px solid #ffffff14;margin-top:14px;padding:16px 12px}.search-empty-title{color:var(--gold);font-family:var(--display);letter-spacing:.16em;margin:0}.search-empty-copy{color:var(--muted);margin:6px 0 0}.selected-fighter-card{border:1px solid var(--gold);text-align:center;background:linear-gradient(#c9a2271f,#101010f2);padding:18px 16px 16px}.selected-kicker{color:var(--gold);letter-spacing:.28em;margin:0 0 12px;font-size:.62rem;font-weight:700}.selected-name{font-family:var(--display);letter-spacing:.08em;margin:0;font-size:1.5rem}.selected-division{color:var(--muted);letter-spacing:.16em;margin:6px 0 16px;font-size:.82rem}.change-fighter-btn{width:100%;min-height:44px;color:var(--muted);font-family:var(--display);letter-spacing:.16em;cursor:pointer;background:0 0;border:1px solid #ffffff29}.change-fighter-btn:hover{border-color:var(--gold);color:var(--gold)}.search-icon{width:22px;height:22px;margin:0 auto}.search-status{color:var(--muted);letter-spacing:.08em;margin:10px 0 0;font-size:.78rem}.search-status.is-empty{color:#d7b56a}.fighter-card.is-result{flex-direction:row;align-items:stretch;min-height:84px}.result-paint{flex:0 0 84px;width:84px;height:84px}.start-btn:disabled{opacity:.4;cursor:not-allowed;filter:none}.fighter-section{animation:.95s .24s both rise}.fighter-list{flex-direction:column;gap:8px;display:flex}.fighter-card{background:var(--bg-panel);width:100%;color:inherit;text-align:left;cursor:pointer;border:1px solid #ffffff1a;flex-direction:column;padding:0;display:flex;overflow:hidden}.fighter-portrait{object-fit:cover;object-position:center 18%;width:100%;height:168px}.fighter-body{align-items:center;gap:12px;min-height:64px;padding:10px 12px;display:flex}.fighter-card.is-selected{border-color:var(--gold);background:linear-gradient(#c9a2271a,#161616f2)}.fighter-badge{border:1px solid var(--gold);width:44px;height:44px;color:var(--gold);font-family:var(--display);letter-spacing:.08em;background:#0a0a0a;flex:0 0 44px;place-items:center;display:grid}.fighter-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.fighter-name{font-family:var(--display);letter-spacing:.12em;margin:0;font-size:1.1rem}.fighter-rank{color:var(--muted);letter-spacing:.14em;margin:0;font-size:.68rem}.select-fighter-btn{border:1px solid var(--gold);min-height:44px;color:var(--gold);font-family:var(--display);letter-spacing:.14em;cursor:pointer;background:#0a0a0a;margin-left:auto;padding:0 14px}.fighter-card.is-selected .select-fighter-btn{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#140f05}.fighter-state{color:var(--muted);letter-spacing:.18em;margin-left:auto;font-size:.62rem;font-weight:700}.fighter-card.is-selected .fighter-state{color:var(--gold)}.start-btn{z-index:2;background:linear-gradient(180deg, var(--gold-bright) 0%, var(--gold) 55%, #9a7a18 100%);color:#140f05;width:100%;min-height:58px;font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:0;margin-top:auto;font-size:1.2rem;animation:1s .28s both rise;position:sticky;bottom:0;box-shadow:0 -12px 24px #070707e6}.start-btn:hover{filter:brightness(1.06)}.start-btn:disabled:hover{filter:none}.start-btn:active{transform:translateY(1px)}.start-btn:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (width>=768px){.home-frame{gap:18px;padding-top:24px;padding-bottom:28px}.artwork{height:42vh;min-height:320px}.fighter-portrait{height:200px}}