:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;--red: #dc2626;--red-glow: #ef4444;--blue: #3b82f6;--dark: #0a0a0a;--darker: #050505}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--dark);color:#fafafa;overflow:hidden}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;transition:background .5s}.app.fight-mode{background:linear-gradient(180deg,#1a0000 0%,var(--dark) 50%)}.app.hit-flash{background:#dc262626}.ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.rope{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--red) 5%,var(--red) 20%,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,var(--red) 80%,var(--red) 95%,transparent 100%);opacity:.25}.rope-top{top:12%}.rope-mid{top:14%}.rope-bot{top:16%}.content{position:relative;z-index:1;width:100%;max-width:420px;padding:1rem}.idle-screen{text-align:center;animation:fadeUp .6s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gloves{font-size:3.5rem;margin-bottom:.5rem;display:flex;justify-content:center;gap:1rem}.glove{animation:float 2s ease-in-out infinite}.right-glove{animation-delay:.3s}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.idle-screen h1{font-size:2.5rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#fff 0%,var(--red-glow) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.subtitle{color:#ffffff73;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.start-btn{font-family:inherit;font-size:1.25rem;font-weight:800;letter-spacing:.2em;color:#fff;background:var(--red);border:none;padding:1rem 3rem;border-radius:.5rem;cursor:pointer;transition:all .2s;box-shadow:0 0 30px #dc262666}.start-btn:hover{background:var(--red-glow);transform:scale(1.05);box-shadow:0 0 50px #ef444499}.start-btn:active{transform:scale(.98)}.final-stats{display:flex;justify-content:center;gap:3rem;margin:1.5rem 0 2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2.5rem;font-weight:900;color:var(--red-glow)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#fff6}.fight-screen{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fadeUp .3s ease-out}.header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 .5rem}.round-info{font-size:.7rem;font-weight:700;letter-spacing:.15em;color:#fff6}.phase-badge{font-size:.65rem;font-weight:800;letter-spacing:.25em;padding:.3rem 1rem;border-radius:2rem}.phase-badge.round{background:var(--red);color:#fff;box-shadow:0 0 20px #dc262680;animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 0 20px #dc262680}50%{box-shadow:0 0 35px #dc2626cc}}.phase-badge.rest{background:#3b82f633;color:var(--blue);border:1px solid rgba(59,130,246,.3)}.score{font-size:1.1rem;font-weight:900;color:var(--red-glow);font-variant-numeric:tabular-nums}.timer-container{position:relative;width:180px;height:180px}.timer-ring{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#ffffff0f;stroke-width:4}.timer-progress{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px rgba(220,38,38,.6))}.timer-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.boxer{height:140px;display:flex;align-items:center;justify-content:center;transition:transform .1s}.boxer.punch-left{transform:translate(-6px)}.boxer.punch-right{transform:translate(6px)}.boxer-body{position:relative;width:80px;height:130px}.head{position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:30px;background:#ffffff26;border-radius:50%;border:2px solid rgba(255,255,255,.25)}.torso{position:absolute;top:30px;left:50%;transform:translate(-50%);width:36px;height:45px;background:#ffffff1a;border-radius:8px 8px 4px 4px;border:2px solid rgba(255,255,255,.15)}.arm{position:absolute;top:32px;width:40px;height:8px;background:#ffffff1f;border-radius:4px;transition:all .15s;transform-origin:left center}.left-arm{left:-8px;transform:rotate(-30deg)}.right-arm{right:-8px;left:auto;transform:rotate(30deg);transform-origin:right center}.left-arm.punching,.right-arm.punching{transform:rotate(0) scaleX(1.4);background:#dc262666;box-shadow:0 0 12px #dc262699}.glove-icon{position:absolute;top:-4px;width:16px;height:16px;background:var(--red);border-radius:50%;opacity:.7}.left-arm .glove-icon{right:-8px}.right-arm .glove-icon{left:-8px}.left-arm.punching .glove-icon,.right-arm.punching .glove-icon{opacity:1;box-shadow:0 0 10px var(--red-glow)}.leg{position:absolute;bottom:0;width:10px;height:35px;background:#ffffff14;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.left-leg{left:18px}.right-leg{right:18px}.combo-display{text-align:center;width:100%;transition:transform .15s}.combo-display.flash{transform:scale(1.05)}.combo-name{font-size:1.8rem;font-weight:900;letter-spacing:.05em;color:#fff;margin-bottom:.75rem;text-shadow:0 0 20px rgba(220,38,38,.5)}.combo-punches{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.punch{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .75rem;border-radius:.35rem;border:2px solid rgba(255,255,255,.15);color:#ffffff4d;background:#ffffff08;transition:all .25s}.punch.thrown{opacity:.4;transform:scale(.9)}.punch.current{transform:scale(1.15);background:#ffffff14;box-shadow:0 0 15px currentColor}.rest-display{text-align:center}.rest-text{font-size:2rem;font-weight:900;letter-spacing:.15em;color:var(--blue);opacity:.7;animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}.rest-sub{color:#ffffff4d;font-size:.85rem;margin-top:.5rem}