:root{color:#eaf2ff;font-synthesis:none;text-rendering:optimizelegibility;background:#05080f;font-family:Vazirmatn,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}body{background:#05080f;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.game{position:fixed;inset:0;overflow:hidden}.gameCanvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{top:max(10px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 16px;display:flex;position:absolute;left:0;right:0}.healthBlock{flex:1;max-width:42%}.nameRow{align-items:center;gap:8px;margin-bottom:6px;font-size:.86rem;font-weight:700;display:flex}.enemySide .nameRow{justify-content:flex-end}.fighterName{color:#cbd5e1;text-shadow:0 2px 8px #000c}.winDots{gap:5px;display:inline-flex}.dot{background:#94a3b840;border:1px solid #94a3b866;border-radius:50%;width:10px;height:10px}.dot.on{background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 10px #fbbf24cc}.healthBar{background:#020617b8;border:1px solid #94a3b859;border-radius:999px;height:16px;overflow:hidden;box-shadow:0 4px 18px #00000080}.healthFill{border-radius:999px;height:100%;transition:width .18s ease-out}.playerFill{background:linear-gradient(90deg,#38bdf8,#22d3ee);margin-left:auto;box-shadow:0 0 14px #38bdf899}.enemyFill{background:linear-gradient(270deg,#f87171,#fb923c);box-shadow:0 0 14px #f8717199}.centerBlock{flex-direction:column;align-items:center;gap:4px;padding-top:2px;display:flex}.roundLabel{color:#94a3b8;letter-spacing:.04em;text-shadow:0 2px 8px #000c;font-size:.72rem}.timerBox{text-align:center;font-variant-numeric:tabular-nums;color:#fef3c7;background:#020617b8;border:1px solid #fbbf2466;border-radius:12px;min-width:62px;padding:6px 14px;font-size:1.5rem;font-weight:800;box-shadow:0 6px 22px #0000008c}.overlay{pointer-events:none;background:radial-gradient(circle at 50% 45%,#02061759,#020617c7);place-items:center;display:grid;position:absolute;inset:0}.menu{pointer-events:auto}.menuCard{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a101ce6;border:1px solid #94a3b840;border-radius:26px;width:min(520px,100% - 40px);padding:clamp(26px,6vw,46px);box-shadow:0 30px 90px #0009}.title{letter-spacing:-.03em;background:linear-gradient(90deg,#fbbf24,#f97316 45%,#ef4444);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(1.9rem,6vw,3rem);font-weight:800}.menuText{color:#a9b9ce;max-width:40ch;margin:0 auto 18px;font-size:1rem;line-height:1.9}.controlsHint{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px;display:flex}.controlsHint span{color:#cbd5e1;background:#1e293bd9;border:1px solid #94a3b840;border-radius:999px;padding:5px 11px;font-size:.76rem}.startBtn{color:#1c1005;cursor:pointer;background:linear-gradient(90deg,#f59e0b,#ef4444);border:none;border-radius:999px;padding:13px 42px;font-size:1.05rem;font-weight:800;transition:transform .12s;box-shadow:0 10px 30px #ef444459}.startBtn:hover{transform:translateY(-2px)}.startBtn:active{transform:translateY(0)}.countdown{color:#fbbf24;text-shadow:0 0 40px #fbbf24bf,0 8px 30px #000000b3;font-size:clamp(4rem,16vw,8rem);font-weight:900;animation:.5s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(1.55)}to{opacity:1;transform:scale(1)}}.fightGo{color:#4ade80;text-shadow:0 0 30px #4ade80b3;pointer-events:none;font-size:clamp(1.6rem,6vw,2.8rem);font-weight:900;animation:.4s ease-out pop;position:absolute;top:24%;left:50%;transform:translate(-50%)}.banner{text-align:center;background:#0a101cd9;border:1px solid #94a3b84d;border-radius:22px;padding:26px 40px;box-shadow:0 20px 60px #0000008c}.bannerTitle{color:#fde68a;font-size:clamp(1.5rem,5.5vw,2.4rem);font-weight:800}.bannerTitle.big{margin-bottom:8px;font-size:clamp(1.8rem,7vw,3rem)}.bannerSub{color:#94a3b8;margin-top:8px;font-size:.95rem}.scoreRow{color:#cbd5e1;justify-content:center;align-items:center;gap:14px;margin-bottom:22px;font-size:1.3rem;font-weight:700;display:flex}.scoreSep{color:#64748b}.touchPads{bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;padding:0 16px;display:flex;position:absolute;left:0;right:0}.padGroup{pointer-events:none;align-items:flex-end;gap:10px;display:flex}.pad{pointer-events:auto;color:#e2e8f0;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aad;border:1px solid #94a3b859;border-radius:20px;place-items:center;width:74px;height:74px;font-size:.95rem;font-weight:700;transition:background .1s,transform 80ms;display:grid}.pad:active{background:#3b82f673;transform:scale(.94)}.pad-pair{gap:10px;display:flex}.pad-jump{width:62px;height:62px;font-size:.78rem}@media (width>=900px){.touchPads{display:none}}