: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}}