@keyframes yoPunchRight{0%,to{transform:translate(85px,-50%) scale(.95);opacity:0}20%{opacity:1}55%{transform:translate(6px,-50%) scale(1.08);opacity:1}}@keyframes yoPunchLeft{0%,to{transform:translate(-85px,-50%) scale(.95);opacity:0}20%{opacity:1}55%{transform:translate(-6px,-50%) scale(1.08);opacity:1}}@keyframes yoStroke{0%,to{transform:translate(90px,-50%) rotate(-12deg) scale(.98);opacity:0}20%{opacity:1}45%{transform:translate(10px,-50%) rotate(-3deg) scale(1.04);opacity:1}70%{transform:translate(24px,-48%) rotate(8deg) scale(1.02);opacity:1}}@keyframes yoPoint{0%,to{transform:translate(90px,-50%) scale(.95) rotate(-7deg);opacity:0}20%{opacity:1}55%{transform:translate(10px,-50%) scale(1.05) rotate(-1deg);opacity:1}}@keyframes yoStageShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-3px)}}@keyframes yoHitFlash{0%,to{box-shadow:inset 0 0 0 transparent}40%{box-shadow:inset 0 0 80px rgba(220,38,38,.35)}}@keyframes yoFighterHit{0%,to{transform:translateX(0) scale(1);filter:saturate(1)}50%{transform:translateX(-6px) scale(.995);filter:saturate(1.25)}}@keyframes yoImpactBurst{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}35%{transform:translate(-50%,-50%) scale(1.25);opacity:.9}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}@keyframes yoShockwave{0%{transform:translate(-50%,-50%) scale(.25);opacity:.9}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}@keyframes yoParticleFly{0%{transform:translate(0,0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(var(--tx, 0),var(--ty, -16px)) scale(.2);opacity:0}}@keyframes yoWoundShow{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}60%{transform:translate(-50%,-50%) scale(1.1);opacity:.75}to{transform:translate(-50%,-50%) scale(1);opacity:.55}}@keyframes yoProgressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes yoHitTextUp{0%{transform:translate(-50%,-30%) scale(.65);opacity:0}25%{transform:translate(-50%,-50%) scale(1.05);opacity:1}to{transform:translate(-50%,-85%) scale(.9);opacity:0}}@keyframes yoAmbientPulse{0%,to{transform:scale(.95);opacity:.6}50%{transform:scale(1.1);opacity:.95}}@keyframes yoCameraPunch{0%,to{transform:scale(1);filter:saturate(1)}45%{transform:scale(1.035);filter:saturate(1.18)}}@keyframes yoVignetteFlash{0%{opacity:0;transform:scale(1.02)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes yoLightSweep{0%{transform:translateX(-55%) rotate(-4deg);opacity:0}30%{opacity:1}to{transform:translateX(55%) rotate(-4deg);opacity:0}}@keyframes yoCrowdFlash{0%,to{opacity:.12}35%{opacity:.42}}@keyframes yoResultIn{0%{opacity:0;transform:translateY(16px) scale(.94)}40%{opacity:1;transform:translateY(0) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes yoScorePop{0%{transform:scale(.7);opacity:.2}65%{transform:scale(1.14);opacity:1}to{transform:scale(1);opacity:1}}.yeni-oyun-page{max-width:1100px;margin:0 auto;padding:16px;background:radial-gradient(1200px 400px at 50% -20%,rgba(59,130,246,.14),transparent 60%),radial-gradient(900px 350px at 100% 20%,rgba(16,185,129,.1),transparent 60%);border-radius:16px}.yeni-oyun-shell{display:grid;grid-template-columns:320px 1fr;gap:16px}.yeni-oyun-card{background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(248,250,252,.9));border:1px solid rgba(203,213,225,.7);border-radius:14px;box-shadow:0 14px 30px rgba(15,23,42,.1);backdrop-filter:blur(4px);padding:14px}.yeni-oyun-title{margin:0 0 10px;font-size:20px}.yeni-oyun-sub{margin:0 0 10px;color:#475569}.yeni-oyun-characters{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yo-char-option{border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease;background:#f8fafc}.yo-char-option:hover{transform:translateY(-2px)}.yo-char-option.active{border-color:#2563eb}.yo-char-option img{width:100%;height:180px;object-fit:cover;display:block;background:#0f172a}.yo-char-label{display:block;text-align:center;padding:6px;font-weight:600}.yo-btn,.yo-select{width:100%;margin-top:10px;border-radius:10px;border:1px solid #cbd5e1;padding:10px;font-size:14px}.yo-btn{border:0;color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);font-weight:700;cursor:pointer}.yo-btn.secondary{background:linear-gradient(135deg,#dc2626,#ef4444)}.yo-btn:disabled{opacity:.5;cursor:not-allowed}.yo-stage{text-align:center;border:1px solid rgba(148,163,184,.25);background:linear-gradient(160deg,rgba(241,245,249,.85),rgba(255,255,255,.95));position:relative;overflow:hidden}.yo-arena-backdrop{position:absolute;inset:0;background:radial-gradient(900px 300px at 50% 110%,rgba(37,99,235,.2),transparent 65%),linear-gradient(180deg,rgba(15,23,42,.06),rgba(15,23,42,0));transform:translateZ(0);transition:transform 180ms ease-out;pointer-events:none}.yo-crowd-fx{inset:0;opacity:.12;background:radial-gradient(circle at 8% 20%,rgba(255,255,255,.32)0 2px,transparent 3px),radial-gradient(circle at 20% 28%,rgba(255,255,255,.28)0 2px,transparent 3px),radial-gradient(circle at 34% 22%,rgba(255,255,255,.26)0 2px,transparent 3px),radial-gradient(circle at 48% 30%,rgba(255,255,255,.25)0 2px,transparent 3px),radial-gradient(circle at 62% 22%,rgba(255,255,255,.24)0 2px,transparent 3px),radial-gradient(circle at 76% 28%,rgba(255,255,255,.26)0 2px,transparent 3px),radial-gradient(circle at 90% 20%,rgba(255,255,255,.3)0 2px,transparent 3px)}.yo-crowd-fx.flash{animation:yoCrowdFlash 220ms ease-out}.yo-crowd-fx,.yo-light-sweep,.yo-stage::before{position:absolute;pointer-events:none}.yo-light-sweep{inset:-20% -45%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%);transform:translateX(-55%) rotate(-4deg);opacity:0}.yo-light-sweep.run{animation:yoLightSweep 420ms ease-out}.yo-stage::before{content:"";width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.24),rgba(59,130,246,0));filter:blur(8px);top:-60px;right:-60px;animation:yoAmbientPulse 4.5s ease-in-out infinite}.yo-fighter-wrap{position:relative;width:min(360px,100%);margin:0 auto 10px;cursor:crosshair;user-select:none;-webkit-user-select:none;transform:translateZ(0);transition:transform 180ms ease-out;z-index:2}.yo-fighter{width:100%;max-height:520px;object-fit:contain;display:block;filter:drop-shadow(0 8px 22px rgba(15,23,42,.28))}.yo-fighter.hit{animation:yoFighterHit 180ms ease}.yo-hit-overlay{position:absolute;inset:0;pointer-events:none;border-radius:12px;background:0 0;transition:background .15s ease}.yo-hit-overlay.flash{animation:yoHitFlash 220ms ease}.yo-eye{width:42px;height:20px;border-radius:50%;background:0 0;filter:blur(2px)}.yo-eye.left{left:34%;top:27%}.yo-eye.right{right:34%;top:27%}.yo-eye,.yo-glove,.yo-glove.trail::after{position:absolute;pointer-events:none}.yo-glove{top:42%;font-size:40px;transform:translate(0,-50%) scale(1);opacity:0;z-index:5}.yo-glove.trail::after{content:"";width:36px;height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));filter:blur(4px);top:50%;left:-16px;transform:translateY(-50%);opacity:.7}.yo-glove-left{left:-24px}.yo-glove-right{right:-24px}.yo-glove-left.punch-left{animation:yoPunchLeft 260ms cubic-bezier(.2,.7,.2,1)}.yo-glove-right.punch-right{animation:yoPunchRight 260ms cubic-bezier(.2,.7,.2,1)}.yo-hand{right:-30px;top:46%;font-size:42px;transform:translate(85px,-50%) rotate(-10deg) scale(1);z-index:5}.yo-hand.stroke{animation:yoStroke 420ms cubic-bezier(.2,.7,.2,1)}.yo-finger,.yo-hand,.yo-impact,.yo-shockwave{position:absolute;opacity:0;pointer-events:none}.yo-finger{right:-28px;top:50%;font-size:38px;transform:translate(90px,-50%) scale(.96) rotate(-6deg);z-index:5}.yo-finger.point{animation:yoPoint 320ms cubic-bezier(.22,.7,.2,1)}.yo-stage.shake{animation:yoStageShake 180ms linear}.yo-stage.camera-punch{animation:yoCameraPunch 190ms cubic-bezier(.2,.7,.2,1)}.yo-stage.vignette-flash::after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,0) 40%,rgba(250,204,21,.34) 100%);animation:yoVignetteFlash 210ms ease-out}.yo-impact,.yo-shockwave{border-radius:50%;z-index:6}.yo-impact{left:50%;top:42%;width:16px;height:16px;background:rgba(239,68,68,.55);transform:translate(-50%,-50%) scale(.2)}.yo-impact.burst{animation:yoImpactBurst 220ms ease}.yo-impact.critical{background:rgba(250,204,21,.8);box-shadow:0 0 20px rgba(250,204,21,.8)}.yo-shockwave{width:12px;height:12px;border:2px solid rgba(248,250,252,.85);transform:translate(-50%,-50%) scale(.25)}.yo-shockwave.show{animation:yoShockwave 320ms ease-out forwards}.yo-particle{width:6px;height:6px;border-radius:50%;z-index:7}.yo-particle.show{animation:yoParticleFly 420ms ease-out forwards}.yo-hittext,.yo-particle,.yo-wound{position:absolute;opacity:0;pointer-events:none}.yo-hittext{transform:translate(-50%,-50%) scale(.7);font-weight:800;font-size:14px;color:#fff;text-shadow:0 2px 10px rgba(15,23,42,.45);z-index:8}.yo-hittext.show{animation:yoHitTextUp 540ms ease-out forwards}.yo-wound{width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%) scale(.6);background:radial-gradient(circle at 35% 35%,rgba(248,113,113,.6),rgba(185,28,28,.65) 58%,rgba(127,29,29,.5));z-index:4}.yo-wound.show{animation:yoWoundShow 360ms ease forwards}.yo-progress{width:min(450px,100%);height:18px;margin:10px auto 6px;background:linear-gradient(90deg,#dbeafe,#e2e8f0);border-radius:999px;overflow:hidden;border:1px solid rgba(148,163,184,.35)}.yo-progress-fill{height:100%;width:0%;transition:width .2s ease;position:relative}.yo-progress-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.4) 50%,transparent 100%);transform:translateX(-100%);animation:yoProgressShine 1.4s linear infinite}.yo-progress-fill,.yo-progress-fill.mode-doymek{background:linear-gradient(90deg,#f59e0b,#ef4444)}.yo-progress-fill.mode-sigallamaq{background:linear-gradient(90deg,#22c55e,#06b6d4)}.yo-progress-fill.mode-barmaqlamaq{background:linear-gradient(90deg,#a855f7,#ec4899)}.yo-metric-line{font-weight:700;letter-spacing:.2px;color:#0f172a}.yo-label{display:block;font-size:13px;color:#334155;margin:0}.yo-range{width:100%;margin-top:8px;accent-color:#2563eb}.yo-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:#0f172a}.yo-toggle input{accent-color:#2563eb}.yo-toggle-row input[type=checkbox]{appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:999px;background:#cbd5e1;border:1px solid rgba(100,116,139,.5);position:relative;cursor:pointer;transition:background .22s ease,border-color .22s ease}.yo-toggle-row input[type=checkbox]::before{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.25);transition:transform .22s ease}.yo-toggle-row input[type=checkbox]:checked{background:linear-gradient(135deg,#2563eb,#0ea5e9);border-color:rgba(37,99,235,.65)}.yo-toggle-row input[type=checkbox]:checked::before{transform:translateX(18px)}.yo-audio-panel{margin-top:12px;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:10px;background:rgba(241,245,249,.65)}.yo-audio-title{margin:0 0 8px;font-size:14px}.yo-toggle-row{justify-content:space-between;margin-top:6px}.yo-toggle-text{color:#1e293b;font-weight:600}.yo-volume-row{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.yo-volume-value{font-size:12px;font-weight:700;color:#0f172a;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.24);border-radius:999px;padding:2px 8px}.yo-mini-stats,.yo-round-panel{margin-top:12px;display:grid;gap:6px}.yo-round-panel{margin-top:10px}.yo-round-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border:1px solid rgba(148,163,184,.28);border-radius:10px;background:rgba(255,255,255,.7);color:#334155;font-size:12px}.yo-badge,.yo-round-item strong{color:#0f172a}.yo-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-weight:700;font-size:12px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.25)}.yo-badge.critical{color:#7f1d1d;background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}.yo-badge.yanaq{background:rgba(236,72,153,.14);border-color:rgba(236,72,153,.35)}.yo-badge.bas{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.35)}.yo-badge.ciyin{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.35)}.yo-badge-ghost,.yo-badge.ghost{background:rgba(15,23,42,.06);border-color:rgba(15,23,42,.16)}.yo-status{margin:6px 0 0;font-weight:600;color:#0f172a;background:rgba(15,23,42,.05);border-radius:999px;padding:6px 10px;display:inline-block}.yo-stage.mode-sigallamaq .yo-hit-overlay{background:rgba(16,185,129,.08)}.yo-stage.mode-barmaqlamaq .yo-hit-overlay{background:rgba(168,85,247,.08)}.yo-round-result{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}.yo-round-result-card{width:min(380px,100%);background:#fff;border-radius:14px;border:1px solid rgba(148,163,184,.3);box-shadow:0 24px 45px rgba(2,6,23,.32);padding:16px;text-align:center;opacity:0;transform:translateY(12px) scale(.96)}.yo-round-result-card.cinematic-in{animation:yoResultIn 960ms cubic-bezier(.2,.7,.2,1) forwards}.yo-round-result-card h3{margin:0 0 8px}.yo-round-result-card p{margin:0 0 14px;color:#334155}.yo-round-stars{font-size:24px;letter-spacing:4px;color:#f59e0b;margin:2px 0 8px}.yo-round-score-pop{display:inline-block;font-size:26px;font-weight:800;color:#0f172a;margin:0 0 10px}.yo-round-score-pop.pop{animation:yoScorePop 360ms ease-out}@media (max-width:900px){.yeni-oyun-shell{grid-template-columns:1fr}}@media (max-width:640px){.yeni-oyun-page{padding:10px}.yeni-oyun-card{padding:10px;border-radius:10px}.yeni-oyun-characters{grid-template-columns:1fr}.yo-char-option img{height:150px}.yo-fighter-wrap{width:min(300px,100%)}.yo-fighter{max-height:430px}.yo-finger,.yo-glove,.yo-hand{font-size:34px}.yo-glove-left{left:-18px}.yo-glove-right{right:-18px}.yo-btn,.yo-select{font-size:16px;padding:12px}.yo-audio-panel{padding:9px}.yo-progress{height:16px}}