:root{--bg: #080607;--bg-elevated: #120c0d;--card: rgba(23, 15, 13, .96);--card-strong: rgba(17, 11, 10, .98);--line: #8d6c2f;--line-soft: rgba(212, 171, 75, .28);--text: #f7f1d5;--muted: #c4aa66;--accent: #c11f17;--accent-soft: rgba(193, 31, 23, .18);--accent-glow: rgba(193, 31, 23, .2);--gold: #d4ab4b;--jade: #3f8f63;--warning: #f0b341;--success: #78c482;--shadow: 0 0 0 3px #050404, 8px 8px 0 rgba(0, 0, 0, .7);--ring-size: min(72vw, 22rem);--font-ui: "Zen Kaku Gothic New", "Segoe UI", sans-serif;--font-display: "Press Start 2P", monospace;font-family:var(--font-ui);color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:linear-gradient(0deg,#00000042,#00000042),radial-gradient(circle at top,rgba(193,31,23,.12),transparent 24%),radial-gradient(circle at bottom right,rgba(212,171,75,.08),transparent 26%),linear-gradient(180deg,#140d0c,#080607);color:var(--text)}body{min-height:100vh;touch-action:manipulation;font-family:var(--font-ui)}body.large-text{font-size:1.08rem}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{position:relative;min-height:100vh;overflow:hidden;background-image:linear-gradient(rgba(212,171,75,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,171,75,.03) 1px,transparent 1px);background-size:24px 24px}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(255,245,208,.02) 0 2px,transparent 2px 6px);pointer-events:none;mix-blend-mode:screen;opacity:.3}.ambient{position:absolute;border-radius:999px;filter:blur(62px);pointer-events:none}.ambient-top{top:-8rem;right:-4rem;width:18rem;height:18rem;background:#c11f1738}.ambient-bottom{left:-6rem;bottom:10rem;width:14rem;height:14rem;background:#d4ab4b1a}.app-frame{position:relative;z-index:1;width:min(100%,31rem);min-height:100vh;margin:0 auto;padding:env(safe-area-inset-top,.75rem) 1rem calc(1rem + env(safe-area-inset-bottom,.75rem))}.screen{display:none;min-height:calc(100vh - 2rem);animation:screen-in .22s ease}.screen-active{display:flex;flex-direction:column}.brand-lockup,.screen-top,.live-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-lockup{margin-top:1rem;align-items:flex-start}.brand-lockup-home{display:grid;grid-template-columns:auto auto 1fr;align-items:start}.home-back{margin-top:.2rem}.hero-scene{display:none}.brand-mark{width:3.25rem;height:3.25rem;border-radius:0;display:grid;place-items:center;background:linear-gradient(180deg,#d4ab4b,#8d6c2f);color:#190f0b;box-shadow:0 0 0 3px #050404,6px 6px #000000bf;font-weight:900;letter-spacing:.08em;text-shadow:1px 1px 0 rgba(255,241,200,.3)}.eyebrow{margin:0 0 .25rem;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--gold);font-weight:800}.eyebrow-inline{margin-bottom:.35rem}h1,h2,h3,p{margin:0}h1{max-width:11ch;font-family:var(--font-display);font-size:clamp(2.1rem,8vw,3.8rem);line-height:1.08;text-transform:uppercase;letter-spacing:.02em;text-shadow:3px 3px 0 rgba(0,0,0,.65)}h2{font-family:var(--font-ui);font-size:1.8rem;line-height:1;text-transform:uppercase;letter-spacing:.04em;font-weight:900}h3{font-family:var(--font-ui);font-size:1rem;text-transform:uppercase;letter-spacing:.06em}.home-actions,.cta-stack,.stack,.settings-list{display:grid;gap:.9rem}.home-actions{margin-top:auto}.home-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.home-mode-grid{display:grid;gap:.8rem;margin-top:auto}.career-launch,.utility-launch,.utility-panel{display:grid;gap:.3rem;text-align:left;align-content:center}.career-launch{grid-column:1 / -1}.career-launch small,.utility-launch small,.utility-panel small{font-size:.74rem;color:#fff4deb8;text-transform:uppercase;letter-spacing:.08em}.utility-panel small{color:#fff4de9e}.mode-card{min-height:5.5rem;padding:1rem 1rem 1.05rem;border-radius:0;border:4px solid var(--gold);background-color:#14100f;color:var(--text);text-align:left;display:grid;gap:.35rem;box-shadow:0 0 0 4px #050404,8px 8px #0000008c;position:relative;overflow:hidden;image-rendering:pixelated;transition:transform .12s steps(2,end),box-shadow .12s steps(2,end),filter .12s steps(2,end)}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 0 12.5%,transparent 12.5% 25%,rgba(255,255,255,.05) 25% 37.5%,transparent 37.5% 50%,rgba(255,255,255,.08) 50% 62.5%,transparent 62.5% 75%,rgba(255,255,255,.05) 75% 87.5%,transparent 87.5% 100%);opacity:.22;pointer-events:none}.mode-card:after{content:"";position:absolute;right:.9rem;top:.9rem;width:1.1rem;height:1.1rem;background:currentColor;box-shadow:1.2rem 0 0 currentColor,0 1.2rem 0 currentColor,1.2rem 1.2rem 0 currentColor;opacity:.16;pointer-events:none}.mode-card:hover,.mode-card:focus-visible{transform:translate(-2px,-2px);box-shadow:0 0 0 4px #050404,12px 12px #0009;filter:brightness(1.04)}.mode-card strong{font-family:var(--font-display);font-size:1.4rem;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.04em;line-height:1.15}.mode-kicker{font-family:var(--font-ui);color:#ffffffb8;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;position:relative;z-index:1}.mode-card-boxing{background:linear-gradient(180deg,#6c1815,#231010);color:#ffe5c7}.mode-card-muay{background:linear-gradient(180deg,#4f3f10,#1e1509);color:#ffefb1}.mode-card-chaos{background:linear-gradient(180deg,#2d5b25,#111d0d);color:#d4ffbf}.mode-card-cardio{background:linear-gradient(180deg,#5a260c,#201108);color:#ffd7b8}.button{font-family:var(--font-ui);border:3px solid var(--gold);border-radius:0;padding:1rem 1.1rem;min-height:3.4rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 0 2px #050404,4px 4px #0009;transition:transform .12s steps(2,end),filter .12s steps(2,end)}.button:active{transform:translate(2px,2px);box-shadow:0 0 0 2px #050404,2px 2px #0009}.button-primary{background:linear-gradient(180deg,#c11f17,#6f140f);color:#fff4de}.button-secondary{background:linear-gradient(180deg,#2a2016,#120d09);color:var(--text)}.button-ghost{background:linear-gradient(180deg,#18110e,#0d0807);color:var(--muted)}.button-xl{min-height:3.8rem;font-size:1.05rem}.icon-button{width:2.8rem;height:2.8rem;border-radius:0;border:3px solid var(--gold);background:linear-gradient(180deg,#221712,#0f0a08);color:var(--gold);box-shadow:0 0 0 2px #050404,4px 4px #0009}.card,.live-card{background:var(--card);border:3px solid var(--gold);border-radius:0;padding:1rem;box-shadow:var(--shadow);position:relative}.card:before,.live-card:before,.overlay-card:before{content:"";position:absolute;top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;border:1px solid var(--line-soft);pointer-events:none}.block-title{margin-bottom:.8rem}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.field{display:grid;gap:.45rem}.field span,.toggle-line span,.stat-card span,.combo-tag,.muted-chip,.combo-preview{color:var(--muted)}.field input,.field select{width:100%;min-height:3rem;padding:.8rem .9rem;border-radius:0;border:2px solid var(--gold);background:#100c0a;color:var(--text);box-shadow:inset 0 0 0 2px #050404}.segment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.segment-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-button{font-family:var(--font-ui);min-height:3.1rem;border-radius:0;border:2px solid var(--gold);background:linear-gradient(180deg,#1e1511,#100b09);color:var(--text);font-weight:700;padding:.85rem;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 0 0 2px #050404,3px 3px #0000008c}.segment-button.selected{border-color:#f0c35a;background:linear-gradient(180deg,#782018,#41110e);box-shadow:0 0 0 2px #050404,3px 3px #0000008c}.screen-countdown,.screen-live{justify-content:space-between;position:relative}.screen-countdown{align-items:center;text-align:center;padding:2.5rem 0}.countdown-meta{width:100%;display:flex;justify-content:space-between;color:var(--muted)}.countdown-body{display:grid;gap:1rem}.countdown-label{text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}.countdown-number{font-family:var(--font-display);font-size:clamp(7rem,28vw,10rem);line-height:.85;font-weight:900;color:#ffe29f;text-shadow:4px 4px 0 #6f140f,8px 8px 0 rgba(0,0,0,.5);animation:pulse .92s ease infinite}.phase-row,.topbar-actions,.bottom-bar{display:flex;gap:.65rem;align-items:center}.phase-pill,.muted-chip{border-radius:0;padding:.4rem .75rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;border:2px solid var(--gold);box-shadow:0 0 0 2px #050404}.phase-pill{background:#671611;color:#ffe2cf}.phase-pill.rest{background:#4f3b10;color:var(--warning)}.phase-pill.complete{background:#1f4529;color:var(--success)}.muted-chip{background:#17100d}.ring-wrap{position:relative;width:var(--ring-size);height:var(--ring-size);margin:0 auto}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-track,.progress-ring-value{fill:none;stroke-width:12}.progress-ring-track{stroke:#d4ab4b29}.progress-ring-value{stroke:var(--gold);stroke-linecap:square;filter:drop-shadow(0 0 8px rgba(212,171,75,.38));transition:stroke-dashoffset .25s linear}.timer-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center}.live-timer{font-family:var(--font-display);font-size:clamp(4rem,18vw,5.4rem);font-weight:900;line-height:.9;color:#ffe7b3;text-shadow:3px 3px 0 #6f140f,6px 6px 0 rgba(0,0,0,.45)}.live-status-text{margin-top:.35rem;color:var(--muted)}.combo-card,.rest-card{min-height:11.5rem;display:grid;align-content:center;gap:.65rem;text-align:center;position:relative;z-index:2}.attack-fx{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:3}.attack-flash,.attack-lightning,.blood-spray{position:absolute;opacity:0}.attack-flash{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,245,220,.2),rgba(193,31,23,.28) 45%,transparent 72%)}.attack-lightning{top:0;width:8rem;height:100%;background:linear-gradient(180deg,rgba(255,248,214,.9),rgba(255,220,120,.7),transparent 80%);clip-path:polygon(46% 0,62% 0,51% 22%,72% 22%,38% 55%,55% 55%,28% 100%,36% 72%,18% 72%);filter:drop-shadow(0 0 10px rgba(255,225,125,.75))}.bolt-left{left:.6rem}.bolt-right{right:.6rem;transform:scaleX(-1)}.blood-spray{width:8rem;height:6rem;background:radial-gradient(circle,rgba(193,31,23,.95) 0 18%,transparent 19%),radial-gradient(circle,rgba(193,31,23,.82) 0 16%,transparent 17%),radial-gradient(circle,rgba(193,31,23,.72) 0 12%,transparent 13%);background-size:1.3rem 1.3rem,1rem 1rem,.8rem .8rem;image-rendering:pixelated}.attack-banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);min-width:min(88vw,22rem);padding:.8rem 1rem;border:4px solid #ffd27a;background:linear-gradient(180deg,#c11f17f5,#6a110df5);color:#fff3cf;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(1.1rem,5vw,1.8rem);font-weight:900;box-shadow:0 0 0 4px #050404,8px 8px #000000a6;opacity:0}.spray-left{left:-.4rem;top:4.4rem;transform:rotate(-14deg)}.spray-right{right:-.4rem;top:6.2rem;transform:scaleX(-1) rotate(-8deg)}.combo-tag{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--gold)}.combo-text{font-family:var(--font-ui);font-size:clamp(1.9rem,7vw,2.7rem);font-weight:900;line-height:1.04;animation:combo-in .26s ease;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.65)}.combo-preview{font-size:.92rem}.bottom-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:1rem;z-index:10}.overlay-card{width:min(100%,24rem);background:var(--card-strong);border:3px solid var(--gold);border-radius:0;padding:1.2rem;box-shadow:var(--shadow);position:relative}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.career-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.career-rank{font-size:1.45rem;text-transform:uppercase;color:#ffe7b3;font-weight:900;letter-spacing:.05em}.career-xp{display:grid;justify-items:end;gap:.45rem}.career-next{color:#ffe7b3;line-height:1.5}.technique-grid{display:grid;gap:.7rem}.technique-chip{display:grid;gap:.3rem;padding:.85rem;border:2px solid var(--gold);background:#fff2cd0a;box-shadow:0 0 0 2px #050404}.technique-chip strong{text-transform:uppercase;letter-spacing:.06em}.technique-chip span{color:var(--muted);line-height:1.45}.technique-chip.locked{border-color:var(--line-soft);opacity:.82}.technique-chip.unlocked{background:linear-gradient(180deg,#d4ab4b1a,#c11f170f),#fff2cd0a}.stat-card{display:grid;gap:.35rem;padding:.95rem;border-radius:0;background:#fff2cd0a;border:2px solid var(--line-soft)}.stat-card strong{font-size:1.55rem}.flavor-card{text-align:center}.flavor-line{font-size:1.35rem;font-weight:700;color:#ffe7b3;text-transform:uppercase;letter-spacing:.05em}.compact-stack{gap:.7rem}.session-row,.preset-row{display:grid;gap:.45rem;padding:.95rem;border-radius:0;background:#fff2cd0a;border:2px solid var(--gold);box-shadow:0 0 0 2px #050404}.session-meta,.preset-meta,.preset-actions{display:flex;flex-wrap:wrap;gap:.45rem}.pill{border-radius:0;padding:.3rem .65rem;background:#18110d;color:var(--gold);font-size:.78rem;border:1px solid var(--line-soft)}.settings-list{gap:1rem}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toggle-line input{width:1.15rem;height:1.15rem}.warning-state .live-timer,.warning-state .countdown-number{color:var(--warning)}.finish-him-state .screen-live.working{background:linear-gradient(180deg,rgba(193,31,23,.42),rgba(193,31,23,.08) 55%,transparent 100%);animation:finish-flash .42s steps(2,end) infinite}.finish-him-state .live-timer,.finish-him-state .combo-text,.finish-him-state .live-status-text{color:#fff1c8;text-shadow:3px 3px 0 #c11f17,6px 6px 0 rgba(0,0,0,.55)}.finish-him-state .live-status-text{text-transform:uppercase;letter-spacing:.16em}.attack-mode-state .screen-live.working{animation:attack-shake .12s steps(2,end) infinite}.attack-mode-state .combo-card{background:linear-gradient(180deg,#c11f1757,#170f0df5);border-color:#ffd27a}.attack-mode-state .live-topbar,.attack-mode-state .ring-wrap,.attack-mode-state .bottom-bar{opacity:.32;filter:saturate(.8) brightness(.72)}.attack-mode-state .live-timer,.attack-mode-state .combo-text,.attack-mode-state .live-status-text,.attack-mode-state .combo-preview{color:#fff1c8;text-shadow:3px 3px 0 #c11f17,6px 6px 0 rgba(0,0,0,.62)}.attack-mode-state .live-status-text{text-transform:uppercase;letter-spacing:.18em}.attack-mode-state .attack-banner{opacity:.92}.attack-mode-state.attack-pulse .attack-flash{opacity:1;animation:attack-flare .24s steps(2,end) 1}.attack-mode-state.attack-pulse .attack-lightning{opacity:1;animation:lightning-flicker .26s steps(2,end) 1}.attack-mode-state.attack-pulse .blood-spray{opacity:1;animation:blood-pop .28s steps(2,end) 1}.attack-mode-state.attack-pulse .attack-banner{transform:translate(-50%,-50%) scale(1.06);filter:brightness(1.18)}.screen-live.resting{background:linear-gradient(180deg,rgba(212,171,75,.08),transparent 45%)}.screen-live.working{background:linear-gradient(180deg,rgba(193,31,23,.1),transparent 45%)}@keyframes pulse{0%,to{transform:scale(.96);opacity:.9}50%{transform:scale(1.04);opacity:1}}@keyframes finish-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.28) saturate(1.15)}}@keyframes attack-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-2px)}}@keyframes attack-flare{0%,to{opacity:.28;filter:brightness(1)}50%{opacity:.62;filter:brightness(1.28)}}@keyframes lightning-flicker{0%,to{opacity:.1}20%,60%{opacity:.88}30%,70%{opacity:.28}}@keyframes blood-pop{0%,to{opacity:.18;transform:scale(.96)}40%{opacity:.72;transform:scale(1.06)}}@keyframes combo-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 720px){.app-frame{width:min(100%,56rem);padding-inline:1.5rem}.home-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-nav,.segment-grid,.segment-grid-tight{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-live .bottom-bar{width:min(100%,28rem);margin:0 auto}.technique-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.mode-card strong{font-size:1.2rem}.button,.segment-button{font-size:.92rem}.live-timer{font-size:clamp(3.6rem,17vw,4.8rem)}.career-header{display:grid}}