:root{color:#f7f7f3;background:#070809;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:#070809;min-height:100%;margin:0}button,input,select{font:inherit;color:#fff;background:#11151a;border:1px solid #ffffff24;border-radius:14px;padding:12px 14px}button{cursor:pointer}.primary{color:#0a0c0b;background:#b7ff4a;border-color:#b7ff4a;font-weight:900}.app{background:radial-gradient(circle at 20% 0,#20282d,#070809 50%);min-height:100vh;padding:20px}.homeContent{width:min(1040px,100%);margin:auto}.homeContent header{justify-content:space-between;align-items:end;gap:20px;margin:18px 0;display:flex}.homeContent header span,.roomCard>span{color:#b7ff4a;letter-spacing:.22em;font-size:11px}.homeContent h1{letter-spacing:-.06em;margin:5px 0 0;font-size:clamp(34px,6vw,68px)}.homeContent p{border:1px solid #ffffff1f;border-radius:999px;margin:0;padding:10px 14px}.stage{background:#101317;border:1px solid #ffffff1c;border-radius:30px;width:min(1040px,100%);height:min(58vh,590px);min-height:430px;margin:auto;position:relative;overflow:hidden}.camera,.stage canvas,.battleCamera canvas,.shade{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera.hidden{opacity:0}.stage canvas,.battleCamera canvas{z-index:2;pointer-events:none}.camera{z-index:0}.shade{z-index:1;background:linear-gradient(#0009,#0000 34%,#000c);transform:none}.stageTop{z-index:4;justify-content:space-between;display:flex;position:absolute;top:16px;left:16px;right:16px}.previewScore{z-index:4;text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.previewScore strong{letter-spacing:-.09em;text-shadow:0 12px 50px #000;font-size:clamp(110px,24vw,250px);line-height:.75}.previewScore span{letter-spacing:.3em;margin-top:20px;font-size:11px}.tracking{z-index:4;justify-content:space-between;gap:15px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.tracking span{color:#ffffff9b;font-size:12px}.card{background:#ffffff08;border:1px solid #ffffff17;border-radius:24px;width:min(1040px,100%);margin:18px auto 0;padding:20px}.setup{justify-content:space-between;align-items:center;display:flex}.setup label{align-items:center;gap:12px;display:flex}.roomCard h2{margin:6px 0 18px;font-size:30px}.roomForm{grid-template-columns:1fr auto 140px auto;gap:10px;display:grid}.roomForm input:last-of-type{text-transform:uppercase;letter-spacing:.2em}.lobby{gap:18px;display:grid}.codeBox{background:#101318;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.codeBox small{color:#ffffff84;letter-spacing:.14em}.codeBox button{letter-spacing:.16em;font-size:18px}.players{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.playerCard,.waiting{background:#11151a;border-radius:18px;justify-content:space-between;align-items:center;min-height:105px;padding:18px;display:flex}.playerCard small{color:#b7ff4a;letter-spacing:.16em;font-size:10px;display:block}.playerCard b{font-size:22px}.playerCard span{color:#ffffff9b;font-size:12px}.waiting{color:#ffffff8a;justify-content:center}.lobbyActions{justify-content:flex-end;gap:10px;display:flex}.lobbyActions button:disabled{opacity:.35;cursor:not-allowed}.error{color:#ff7373}.battleShell{background:#050607;grid-template-columns:minmax(0,1fr) minmax(300px,34vw);display:grid;position:fixed;inset:0;overflow:hidden}.battleCamera{background:#101317;position:relative;overflow:hidden}.battleCamera .camera{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.battleTop{z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 24px;display:grid;position:absolute;top:0;left:0;right:0}.battleTop small,.rivalPanel small{color:#b7ff4a;letter-spacing:.2em;font-size:10px;display:block}.battleTop b{font-size:20px}.battleTop>strong{font-variant-numeric:tabular-nums;font-size:clamp(30px,5vw,64px)}.roomActions{justify-content:flex-end;gap:8px;display:flex}.roomActions button{background:#080a0cbc;font-size:11px}.bigScore{z-index:5;align-items:end;gap:18px;display:flex;position:absolute;bottom:11%;left:5%}.bigScore strong{letter-spacing:-.1em;text-shadow:0 12px 55px #000;font-size:clamp(120px,22vw,300px);line-height:.68}.bigScore span{letter-spacing:.22em;margin-bottom:12px;font-size:11px}.rivalPanel{background:linear-gradient(#171b20,#090b0e);border-left:1px solid #ffffff18;flex-direction:column;padding:28px;display:flex}.rivalPanel h2{margin:5px 0}.rivalScore{letter-spacing:-.08em;margin:5vh 0;font-size:clamp(110px,16vw,220px);line-height:.85}.race{gap:16px;margin-top:auto;display:grid}.race span{margin-bottom:7px;font-size:12px;display:block}.race i{background:#ffffff14;border-radius:999px;height:18px;display:block;overflow:hidden}.race b{background:#b7ff4a;height:100%;transition:width .2s;display:block}.race div:nth-child(2) b{background:#fff}.matchState{text-align:center;letter-spacing:.18em;background:#ffffff12;border-radius:999px;margin-top:18px;padding:11px;font-size:10px}.matchState.running{color:#0a0c0a;background:#b7ff4a}.rivalPanel>.primary{margin-top:14px}.countdownOverlay{z-index:100;pointer-events:none;background:#050607e9;place-items:center;display:grid;position:fixed;inset:0}.countdownOverlay strong{color:#b7ff4a;text-shadow:0 0 90px #b7ff4a55;font-size:min(45vw,520px);line-height:.8;animation:.75s pulse}@keyframes pulse{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.app{padding:10px}.homeContent header{flex-direction:column;align-items:start}.homeContent header p{display:none}.stage{min-height:500px}.tracking{flex-direction:column}.setup{flex-direction:column;align-items:stretch;gap:12px}.roomForm,.players{grid-template-columns:1fr}.players>b{text-align:center}.lobbyActions{grid-template-columns:1fr;display:grid}.battleShell{grid-template-rows:minmax(0,68vh) minmax(0,32vh);grid-template-columns:1fr}.rivalPanel{border-top:1px solid #ffffff18;border-left:0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:5px 14px;padding:13px 16px;display:grid}.rivalScore{grid-area:1/2/3;margin:0;font-size:70px}.race{grid-area:2/1;gap:7px;margin:0}.race i{height:10px}.race span{margin-bottom:3px;font-size:9px}.matchState{grid-column:1/-1;margin:0;padding:7px}.battleTop{grid-template-columns:1fr auto 1fr;padding:12px}.battleTop b{font-size:14px}.battleTop>strong{font-size:27px}.roomActions{gap:4px}.roomActions button{padding:7px;font-size:8px}.bigScore{bottom:54px;left:16px}.bigScore strong{font-size:120px}.bigScore span{display:none}.battleCamera .tracking{font-size:11px;bottom:10px;left:14px}.battleCamera .tracking span{font-size:9px}.rivalPanel>.primary{grid-column:1/-1;margin:0}}.battleShell{background:#050607;padding:0;display:block;position:fixed;inset:0;overflow:hidden}.battleCamera{background:#101317;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.battleCamera .camera,.battleCamera canvas,.battleCamera .shade{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.battleCamera .shade{z-index:1;background:linear-gradient(#000000c7,#0000 24% 72%,#000c)}.battleHud{z-index:6;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050708ad;border:1px solid #ffffff20;border-radius:22px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;height:88px;padding:10px 14px;display:grid;position:absolute;box-shadow:0 16px 50px #0007}.scoreBlock{align-items:center;gap:13px;min-width:0;display:flex}.scoreBlock.rival{text-align:right;justify-content:flex-end}.scoreBlock small{text-overflow:ellipsis;white-space:nowrap;color:#ffffffa0;letter-spacing:.16em;max-width:170px;font-size:10px;display:block;overflow:hidden}.scoreBlock strong{letter-spacing:-.07em;color:#b7ff4a;font-variant-numeric:tabular-nums;font-size:clamp(38px,6vw,72px);line-height:.8}.scoreBlock.rival strong{color:#fff}.battleClock{text-align:center}.battleClock strong{font-variant-numeric:tabular-nums;font-size:clamp(28px,4vw,52px);line-height:1;display:block}.battleClock span{color:#b7ff4a;letter-spacing:.17em;margin-top:5px;font-size:9px;display:block}.duelBar{z-index:7;top:calc(max(10px,env(safe-area-inset-top)) + 98px);left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));background:#ffffff17;border:1px solid #ffffff24;border-radius:999px;height:18px;position:absolute;overflow:visible;box-shadow:0 8px 30px #0008}.duelFill{height:100%;transition:width .24s;position:absolute;top:0}.duelFill.left{background:linear-gradient(90deg,#70dd23,#b7ff4a);border-radius:999px 0 0 999px;left:0}.duelFill.right{background:linear-gradient(90deg,#fff,#9da4ad);border-radius:0 999px 999px 0;right:0}.duelMarker{background:#080a0c;border:2px solid #b7ff4a;border-radius:50%;place-items:center;width:36px;height:36px;transition:left .24s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #0008,0 0 25px #b7ff4a66}.duelMarker span{color:#fff;font-size:9px;font-weight:900}.roomActions.floating{z-index:7;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));gap:8px;display:flex;position:absolute}.roomActions.floating button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a0cbb;padding:9px 11px;font-size:10px}.battleCamera .tracking{left:max(16px,env(safe-area-inset-left));right:auto;bottom:max(18px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050607a8;border-radius:14px;max-width:min(62vw,680px);padding:10px 13px}.resultOverlay{z-index:150;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020304d1;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:hidden}.resultGlow{aspect-ratio:1;filter:blur(55px);opacity:.35;background:#b7ff4a;border-radius:50%;width:min(80vw,760px);animation:1.6s ease-in-out infinite alternate resultGlow;position:absolute}.resultOverlay.defeat .resultGlow{background:#ff6b6b}.resultOverlay.draw .resultGlow{background:#fff}.resultCard{text-align:center;background:linear-gradient(#171c20f2,#090b0ef2);border:1px solid #ffffff2b;border-radius:32px;width:min(520px,100%);padding:34px;position:relative;box-shadow:0 35px 100px #000}.resultEyebrow{color:#b7ff4a;letter-spacing:.24em;font-size:10px}.resultIcon{filter:drop-shadow(0 12px 25px #000);margin:12px 0 4px;font-size:70px}.resultCard h2{letter-spacing:-.07em;margin:0;font-size:clamp(52px,10vw,92px);line-height:.9}.resultCard p{color:#ffffffa6;max-width:360px;margin:16px auto}.resultScores{background:#ffffff0a;border-radius:20px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:26px 0;padding:16px;display:grid}.resultScores small{color:#fff7;letter-spacing:.16em;font-size:9px;display:block}.resultScores strong{font-size:54px;line-height:1}.resultCard>.primary{width:100%;padding:15px}.resultOverlay.victory .resultCard{animation:.65s cubic-bezier(.2,1.6,.4,1) resultPop}@keyframes resultPop{0%{opacity:0;transform:scale(.72)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes resultGlow{to{opacity:.52;transform:scale(1.14)}}@media (width<=760px){.battleHud{border-radius:18px;gap:8px;height:74px;padding:8px 10px}.scoreBlock{gap:7px}.scoreBlock small{max-width:92px;font-size:8px}.scoreBlock strong{font-size:42px}.battleClock strong{font-size:26px}.battleClock span{font-size:7px}.duelBar{top:calc(max(10px,env(safe-area-inset-top)) + 84px);height:14px;left:12px;right:12px}.duelMarker{width:30px;height:30px}.battleCamera .tracking{max-width:none;bottom:58px;left:10px;right:10px}.battleCamera .tracking span{display:none}.roomActions.floating{bottom:10px;right:10px}.roomActions.floating button{padding:8px 9px;font-size:8px}.resultCard{border-radius:26px;padding:26px 20px}.resultIcon{font-size:56px}.resultScores strong{font-size:44px}}@media (width>=761px) and (width<=1180px){.battleHud{left:18px;right:18px}.battleCamera .tracking{max-width:55vw}.scoreBlock small{max-width:130px}}