*{box-sizing:border-box}body{margin:0;background:#07111c;color:#fff;font-family:Inter,system-ui,Arial,sans-serif;min-height:100vh}.screen{display:none;min-height:100vh;padding:28px}.screen.active{display:block}.brand{text-align:center;margin:30px auto 25px}.brand h1{font-size:64px;line-height:.9;margin:0;letter-spacing:-3px;text-shadow:0 6px 20px #0008}.brand h1 span{color:#ffb719}.brand p{color:#9eb3c6;font-size:18px}.homeGrid{width:min(900px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#102132;border:1px solid #28445b;border-radius:16px;padding:20px;box-shadow:0 15px 40px #0005}.card h2{margin:0 0 14px;font-size:20px}.card input,.card select{width:100%;padding:13px;margin:7px 0;border-radius:10px;border:1px solid #34516a;background:#091723;color:#fff;font-size:15px}.card button{width:100%;padding:13px;margin-top:9px;border:0;border-radius:10px;background:#ffb719;color:#17110a;font-weight:900;cursor:pointer}.card button.secondary,.secondary{background:#172d40!important;color:#dceaf5!important;border:1px solid #36546c!important}.roomsCard{width:min(900px,100%);margin:16px auto}.roomsHeader{display:flex;justify-content:space-between;align-items:center}.tiny{width:auto!important;padding:8px 12px!important;margin:0!important}.roomsList{display:grid;gap:8px}.roomRow{display:flex;align-items:center;gap:12px;padding:12px;background:#172d40;border-radius:10px}.roomRow .roomInfo{flex:1}.roomRow strong{display:block}.roomRow small{color:#8fa6b8}.roomRow button{width:auto!important;margin:0!important;padding:9px 14px!important}.empty,.hint{color:#8098ac}.error{color:#ff6e6e;text-align:center;margin:12px}.lobbyTop,.gameHeader{width:min(1000px,100%);margin:0 auto 16px;display:flex;align-items:center;gap:16px;padding:14px 18px;background:#102132;border:1px solid #28445b;border-radius:14px}.lobbyTop>div{flex:1}.lobbyTop h1{margin:0;font-size:28px}.eyebrow{font-size:11px;color:#6f8ca2;letter-spacing:2px}.lobbyTop button,.gameHeader button{width:auto;margin:0;padding:9px 14px}.lobbyGrid{width:min(900px,100%);margin:auto;display:grid;grid-template-columns:1fr 1.3fr;gap:16px}.playerRow{display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:8px;border-radius:9px;background:#172d40}.playerRow.me{outline:2px solid #ffb719}.playerRow .grow{flex:1}.crown{color:#ffca28}.hostCard{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:280px}.hostCard button{max-width:340px;margin:20px auto 0}.countdown{font-size:58px;font-weight:1000;color:#ffb719;margin-top:15px}.rules{width:min(900px,100%);margin:16px auto;display:flex;justify-content:space-around;gap:10px;flex-wrap:wrap;color:#bcd0df}.gameHeader{width:min(1100px,100%)}.gameHeader strong{font-size:24px}.gameHeader span{flex:1;color:#b7cad9}.gameLayout{width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:190px 1fr;gap:12px}.arenaWrap{position:relative;min-width:0}canvas{width:100%;height:auto;display:block;background:#17351f;border-radius:14px;border:2px solid #1f9b51;box-shadow:0 20px 60px #0008}.gameOverlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;background:#07111cd9;border-radius:14px}.gameOverlay>div{font-size:48px;font-weight:1000;text-align:center;margin-bottom:18px}.gameOverlay button{padding:12px 24px;border:0;border-radius:10px;background:#ffb719;font-weight:900}.controls{text-align:center;color:#7f98ad;padding:12px}.hidden{display:none!important}@media(max-width:760px){.screen{padding:14px}.homeGrid,.lobbyGrid,.gameLayout{grid-template-columns:1fr}.brand h1{font-size:48px}.gameLayout .card{order:2}.gameHeader span{font-size:12px}}
.gameOverlay{padding:18px;backdrop-filter:blur(4px)}
.victoryCard{width:min(430px,94%);text-align:center;padding:22px 24px 26px;border:2px solid #ffb719;border-radius:24px;background:linear-gradient(180deg,#172b3d,#0a1724);box-shadow:0 25px 90px #000c,0 0 40px #ffb71933}
.trophy{font-size:58px;line-height:1}.victoryEyebrow{font-size:12px;letter-spacing:4px;color:#ffcf55;font-weight:900;margin-top:2px}.overlayCharacter{height:125px;display:flex;justify-content:center;align-items:center;margin:3px 0}.overlayCharacter img{max-height:125px;max-width:180px;object-fit:contain;filter:drop-shadow(0 10px 12px #0008)}.overlayTitle{font-size:38px;font-weight:1000;line-height:1.05;color:#fff;text-shadow:0 4px 0 #0006}.overlaySub{margin:10px 0 18px;color:#bcd0df}.victoryCard button{padding:13px 25px;border:0;border-radius:12px;background:#ffb719;color:#17110a;font-weight:1000;cursor:pointer}

/* V6 Phaser arena */
#arenaWrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;aspect-ratio:15/11;overflow:hidden;background:#263b48;border-radius:8px;box-shadow:0 20px 60px #0008}
#arenaWrap canvas{display:block;max-width:100%;border:0;border-radius:0;box-shadow:none}
#arenaWrap .gameOverlay{z-index:2}