:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#080b16;color:#f8fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.shell{min-height:100vh;display:grid;place-items:center;padding:clamp(12px,2vw,28px);background:radial-gradient(circle at 50% 20%,rgba(38,76,155,.28),transparent 38%),linear-gradient(135deg,#050714,#12172a 48%,#090b13);overflow:hidden}.game{width:min(100%,1500px)}.arena{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border:2px solid rgba(255,255,255,.18);box-shadow:0 24px 90px #00000094,inset 0 0 0 1px #ffffff1f;background:#101729}.arena-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.stage-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,17,.14),transparent 24%,rgba(4,6,13,.42) 100%),radial-gradient(circle at 50% 54%,transparent 0 42%,rgba(2,4,12,.18) 72%,rgba(2,4,12,.48) 100%)}.hud{position:absolute;z-index:9;top:clamp(8px,1.1vw,18px);left:clamp(10px,1.4vw,24px);right:clamp(10px,1.4vw,24px);display:grid;grid-template-columns:minmax(0,1fr) clamp(74px,9vw,132px) minmax(0,1fr);align-items:start;gap:clamp(8px,1.2vw,20px)}.fighter-hud{display:grid;grid-template-columns:clamp(54px,6.2vw,94px) minmax(0,1fr);align-items:center;gap:clamp(8px,1vw,14px);min-width:0}.fighter-hud.right{grid-template-columns:minmax(0,1fr) clamp(54px,6.2vw,94px)}.fighter-hud.right .portrait{order:2}.fighter-hud.right .name-row,.fighter-hud.right .small-row{flex-direction:row-reverse;text-align:right}.portrait{aspect-ratio:1;overflow:hidden;border:3px solid #f7f0d7;background:#050c1bd6;transform:skew(-8deg);box-shadow:0 8px 24px #00000057}.portrait img{width:146%;height:146%;object-fit:contain;object-position:center 22%;transform:translate(-11%,-15%) skew(8deg)}.fighter-hud.right .portrait img{transform:translate(-11%,-15%) skew(8deg) scaleX(-1)}.meter-stack{min-width:0}.name-row,.small-row{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#f8fbff;text-transform:uppercase}.name-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,2vw,30px);font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 3px 0 rgba(0,0,0,.62),0 0 18px rgba(255,242,166,.2)}.name-row span{font-size:clamp(10px,1.1vw,13px);font-weight:900;color:#ffe777}.small-row{margin-top:clamp(5px,.6vw,8px);align-items:center}.small-row>span{flex:0 0 auto;font-size:clamp(9px,1vw,13px);font-weight:950;color:#9beaff;text-shadow:0 2px 0 #07101d}.meter{position:relative;height:clamp(20px,2.2vw,33px);padding:4px;border:3px solid #f7f0d7;background:#070a12;transform:skew(-11deg);overflow:hidden;box-shadow:inset 0 0 0 1px #000c,0 6px 16px #0000003d}.meter.compact{flex:1;max-width:clamp(130px,19vw,310px);height:clamp(12px,1.4vw,20px);padding:2px;border-width:2px}.meter span{display:block;height:100%;transition:width .12s linear;background:linear-gradient(90deg,#65d92e,#e6e848 58%,#f74633)}.meter.stamina span{background:linear-gradient(90deg,#0fbfff,#64f3ff)}.fighter-hud.right .meter span{margin-left:auto}.timer{display:grid;justify-items:center;padding:clamp(4px,.5vw,8px) clamp(8px,1vw,14px);background:linear-gradient(180deg,#15131b,#07080f);border:3px solid #f7f0d7;clip-path:polygon(13% 0,87% 0,100% 22%,88% 100%,12% 100%,0 22%);box-shadow:0 12px 22px #00000059}.timer span{font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(30px,6.2vw,88px);line-height:.92;color:#ffcf45;-webkit-text-stroke:1px #411313;text-shadow:0 4px 0 #6a1d15,0 0 18px rgba(255,199,43,.3)}.timer small{margin-top:2px;font-size:clamp(8px,1vw,14px);font-weight:950;color:#f8fbff}.fighter{position:absolute;z-index:5;width:clamp(140px,23vw,360px);height:clamp(180px,33vw,500px);pointer-events:none;transition:filter .1s linear}.fighter img{position:absolute;left:50%;bottom:0;max-width:none;width:auto;height:100%;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 14px rgba(0,0,0,.48))}.fighter.hurt img{animation:hitJolt .13s linear infinite;filter:drop-shadow(0 18px 14px rgba(0,0,0,.48)) saturate(1.2) brightness(1.14)}.fighter.guarding img{filter:drop-shadow(0 18px 14px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(126,238,255,.45))}.fighter .shadow{position:absolute;left:50%;bottom:-2%;width:56%;height:8%;transform:translate(-50%);border-radius:999px;background:#00000057;filter:blur(8px);z-index:-1}.spin-wave{position:absolute;z-index:-1;left:50%;top:44%;width:82%;aspect-ratio:1;transform:translate(-50%,-50%);border:5px solid rgba(110,244,255,.82);border-left-color:#ffd44be0;border-radius:50%;opacity:.9;animation:spinPulse .52s ease-out forwards;box-shadow:0 0 28px #50deff73}.impact{position:absolute;z-index:8;width:clamp(56px,8vw,112px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.impact span{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 0,60% 34%,98% 16%,72% 48%,100% 65%,62% 61%,55% 100%,43% 64%,5% 85%,30% 53%,0 32%,39% 38%);background:#ffd947;filter:drop-shadow(0 0 14px rgba(255,210,53,.9));animation:impactBurst .21s ease-out forwards}.impact.blocked span{background:#6ef4ff;clip-path:polygon(50% 0,86% 18%,100% 50%,82% 86%,50% 100%,16% 84%,0 50%,18% 14%)}.combo{position:absolute;z-index:10;left:clamp(22px,5vw,76px);top:26%;display:grid;grid-template-columns:auto min-content;align-items:center;gap:10px;padding:6px 16px 8px 10px;color:#fff;text-transform:uppercase;background:#03050dc2;border-left:5px solid #ffcf45;transform:rotate(-3deg);box-shadow:0 12px 28px #00000052}.combo strong{font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(44px,7vw,104px);line-height:.9;color:#ffcf45;-webkit-text-stroke:1px #53160f}.combo span{max-width:68px;font-size:clamp(15px,2vw,28px);font-weight:950;line-height:.92}.move-feed{position:absolute;z-index:8;right:clamp(16px,2.3vw,34px);top:23%;display:grid;gap:6px;width:clamp(150px,20vw,280px);margin:0;padding:0;list-style:none;text-align:right}.move-feed li{padding:6px 10px;background:#050914ad;border:1px solid rgba(255,255,255,.16);color:#ffffffe0;font-size:clamp(10px,1.1vw,14px);font-weight:800;text-transform:uppercase}.controls-strip{position:absolute;z-index:12;left:50%;bottom:clamp(10px,1.5vw,22px);width:min(78%,870px);min-height:clamp(58px,7vw,86px);transform:translate(-50%);display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(6px,1vw,12px);padding:clamp(7px,1vw,12px);background:#050811db;border:2px solid rgba(255,241,204,.76);box-shadow:0 10px 32px #0000005c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-button,.icon-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;border:2px solid rgba(255,255,255,.76);background:#0d121fe6;color:#f8fbff;cursor:pointer;text-decoration:none;transition:transform .12s ease,background .12s ease}.icon-button:hover,.icon-action:hover{transform:translateY(-1px);background:#1e304df0}.control-keys{display:flex;justify-content:center;align-items:center;gap:clamp(5px,.8vw,10px);min-width:0;overflow:hidden}.control-key{display:grid;justify-items:center;gap:4px;min-width:clamp(42px,6vw,72px)}kbd{display:inline-grid;place-items:center;min-width:clamp(28px,3.2vw,42px);height:clamp(24px,3vw,38px);padding:0 8px;border:2px solid rgba(255,255,255,.82);background:linear-gradient(180deg,#24324a,#111827);color:#fff;font-size:clamp(10px,1.1vw,14px);font-weight:950;line-height:1;box-shadow:inset 0 -3px #0000004d}.control-key span{color:#ffffffc7;font-size:clamp(8px,.8vw,11px);font-weight:900;text-transform:uppercase;white-space:nowrap}.special-bars{position:absolute;z-index:10;left:clamp(20px,4vw,78px);right:clamp(20px,4vw,78px);bottom:clamp(78px,8.6vw,130px);display:flex;justify-content:space-between;gap:24px;pointer-events:none}.special-meter{display:grid;grid-template-columns:auto clamp(120px,18vw,280px);align-items:center;gap:10px;color:#fff7d2;text-transform:uppercase}.special-meter.right{grid-template-columns:clamp(120px,18vw,280px) auto}.special-meter.right .special-flame{order:2}.special-meter.right div{text-align:right}.special-flame{display:grid;place-items:center;width:clamp(44px,5.8vw,82px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 58%,#fff1a2 0,#fff1a2 22%,#ffcf45 23%,#ffcf45 44%,#f55622 45%,#f55622 68%,#89180db3 69%,#89180db3);color:#fff;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(28px,4.4vw,64px);line-height:1;-webkit-text-stroke:1px #3d0d09;box-shadow:0 0 18px #ff711c73}.special-meter strong{display:block;margin-bottom:4px;font-size:clamp(10px,1.1vw,15px);font-weight:950;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.72)}.special-track{height:clamp(16px,1.8vw,26px);padding:3px;border:2px solid rgba(255,241,204,.82);background:#040710db;transform:skew(-10deg)}.special-track span{display:block;height:100%;min-width:4px;transition:width .12s linear}.special-meter.right .special-track span{margin-left:auto}.round-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#03050c7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.round-result{min-width:min(420px,84vw);padding:clamp(20px,4vw,46px);text-align:center;background:#070b17eb;border:3px solid rgba(255,241,204,.8);box-shadow:0 30px 80px #0000008c}.round-result p{margin:0 0 8px;color:#8df6ea;font-size:13px;font-weight:950;text-transform:uppercase}.round-result h1{margin:0;font-size:clamp(38px,6vw,74px);line-height:.95;text-transform:uppercase;letter-spacing:0}.overlay-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.icon-action{width:auto;min-width:124px;padding:0 18px;font-weight:900;text-transform:uppercase}.icon-action.primary{border-color:#ffcf45;color:#10131e;background:#ffcf45}@keyframes hitJolt{0%,to{translate:0 0}50%{translate:8px -2px}}@keyframes impactBurst{0%{scale:.55;opacity:1}to{scale:1.25;opacity:0}}@keyframes spinPulse{0%{scale:.4;opacity:.85;rotate:0deg}to{scale:1.08;opacity:0;rotate:180deg}}@media(max-width:820px){.shell{padding:0}.arena{width:100vw;height:100vh;aspect-ratio:auto;border:0}.arena-image{object-position:center}.hud{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:6px}.fighter-hud{grid-template-columns:42px minmax(0,1fr);gap:6px}.fighter-hud.right{grid-template-columns:minmax(0,1fr) 42px}.name-row strong{font-size:12px}.name-row span,.small-row>span{display:none}.timer span{font-size:31px}.timer small{font-size:8px}.fighter{width:26vw;height:32vh}.controls-strip{width:calc(100% - 16px);grid-template-columns:auto auto minmax(0,1fr) auto;bottom:8px}.control-keys{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.control-key{min-width:48px}.controls-strip .icon-button:nth-of-type(2){display:none}.special-bars{left:10px;right:10px;bottom:72px}.special-meter{grid-template-columns:auto min(32vw,140px);gap:6px}.special-meter.right{grid-template-columns:min(32vw,140px) auto}.special-flame{width:40px}.move-feed{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}