body.nightArcade{isolation:isolate;background:radial-gradient(ellipse at 15% 8%,#102b51 0,transparent 48%),radial-gradient(ellipse at 90% 42%,#122342 0,transparent 45%),#030c20!important}
.arcadeSky{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background-image:radial-gradient(1px 1px at 20px 30px,#d8eaffdd 90%,transparent),radial-gradient(1px 1px at 100px 170px,#9bb9ef88 90%,transparent),radial-gradient(1.5px 1.5px at 210px 80px,#fff9 90%,transparent),radial-gradient(1px 1px at 60px 260px,#eaf5ff66 90%,transparent);background-size:290px 330px,410px 430px,530px 570px,370px 390px}
.arcadeSky i{position:absolute;top:10%;left:80%;width:140px;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#a5d6ff 85%,#fff);opacity:0;transform:rotate(-35deg);animation:arcadeMeteor 12s ease-in infinite}.arcadeSky i:nth-child(2){top:32%;left:100%;animation-delay:4s;animation-duration:17s;width:100px}.arcadeSky i:nth-child(3){top:3%;left:48%;animation-delay:8s;animation-duration:21s;width:85px}
@keyframes arcadeMeteor{0%,83%{opacity:0;transform:translate(0,0) rotate(-35deg)}85%{opacity:.8}94%,100%{opacity:0;transform:translate(-65vw,46vw) rotate(-35deg)}}
body.nightArcade.joined-game .wrap{padding-top:max(18px,env(safe-area-inset-top));max-width:1080px}
body.nightArcade.joined-game header{padding:8px 0 16px;border-bottom:1px solid #a5c9ff19}
body.nightArcade.joined-game .hero{margin:26px 0 24px;align-items:center}body.nightArcade.joined-game .hero h1{font-size:clamp(38px,6.5vw,68px);line-height:1.08;letter-spacing:-.045em}body.nightArcade.joined-game .hero small{color:#a1caff;font-size:11px;letter-spacing:.16em}body.nightArcade.joined-game .hero p{color:#b5c7de;max-width:440px;line-height:1.7}
body.nightArcade.joined-game :is(.lobby,.game){background:linear-gradient(140deg,#10243eeb,#071429f5);border-color:#8ebcff29;box-shadow:0 20px 65px #0004,inset 0 1px #b8dbff0b;border-radius:24px}body.nightArcade.joined-game .lobby{padding:18px}body.nightArcade.joined-game .room{background:#7fbbff08;border:1px solid #7fbbff16;padding:14px}body.nightArcade.joined-game .game{margin-top:18px}body.nightArcade.joined-game .actions button{min-height:48px}body.nightArcade.joined-game .join input{background:#050f22;border-color:#9dbfff26;letter-spacing:.12em}body.nightArcade.joined-game .badge{background:#9ac8ff0a;border-color:#9ac8ff26;color:#bddbff}body.nightArcade.joined-game .joined-tools{margin-top:16px}body.nightArcade.joined-game :is(.rules,.tip,.legend){font-size:12px;line-height:1.7}
.shotClock{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 15px;border:1px solid #acd5ff2b;background:#061429;border-radius:14px;color:#c4d8ee;font-size:13px}.shotClock b{font-size:22px;font-variant-numeric:tabular-nums;color:#caffb1}.shotClock .urgent{color:#ffb16b}
body[data-joined-page="billiards"] .table{border-color:#3e2e32;box-shadow:inset 0 0 0 4px #174738,inset 0 0 45px #0004,0 12px 35px #0006}body[data-joined-page="billiards"] .player b{font-size:15px}body[data-joined-page="billiards"] .player small{font-size:10px}body[data-joined-page="billiards"] .groupPill{font-size:11px}body[data-joined-page="football-duel"] .stage canvas{aspect-ratio:5/3!important}body[data-joined-page="football-duel"] .mine{font-size:14px;font-variant-numeric:tabular-nums}body[data-joined-page="football-duel"] .gameInfo span{font-size:11px}body[data-joined-page="football-duel"] .footballPad{gap:9px}
@media(max-width:600px){body.nightArcade.joined-game .hero{margin:20px 0}body.nightArcade.joined-game .hero h1{font-size:40px}body.nightArcade.joined-game .lobby{padding:13px}body.nightArcade.joined-game .hero p{font-size:13px}body.nightArcade.joined-game .actions{display:flex;flex-wrap:wrap}body.nightArcade.joined-game .actions .create{flex:1 1 190px}.shotClock{font-size:12px}body[data-joined-page="football-duel"] .gameInfo{grid-template-columns:1fr}body[data-joined-page="football-duel"] .gameInfo span{padding:5px}body[data-joined-page="football-duel"] .footballPad button{min-height:50px}}
@media(prefers-reduced-motion:reduce){.arcadeSky i{display:none}}