*{box-sizing:border-box}body,html{margin:0;overflow:hidden;background:#07120e;color:#fff;font-family:Inter,Arial,sans-serif}.game,.join{height:100dvh;min-height:100dvh;background:radial-gradient(circle at 50% 20%,#214c36 0,#0a2118 45%,#050b08 100%)}.join{display:grid;place-items:center;padding:18px}.joinCard{width:min(94vw,560px);text-align:center;padding:28px 24px;border:1px solid #d0aa54;border-radius:24px;background:linear-gradient(145deg,rgba(20,48,35,.98),rgba(5,17,12,.98));box-shadow:0 25px 80px #0009}.brand{color:#e9ca79;letter-spacing:.16em;font-size:17px;margin-bottom:26px}.join h1{font-size:clamp(28px,7vw,42px);margin:5px}.join p{color:#c8d3cc}.join input{display:block;width:min(100%,360px);height:62px;margin:24px auto;padding:0 20px;text-align:center;font-size:24px;color:#fff;background:#07150f;border:2px solid #53715e;border-radius:13px;outline:none}.join input:focus{border-color:#e7c369}.join button,.ready{height:58px;min-width:150px;padding:0 28px;border:0;border-radius:12px;background:linear-gradient(#e9ca79,#b9892d);font-weight:900;font-size:17px;color:#17130a}.join button:disabled,.ready:disabled{opacity:.38}.nav{display:flex;justify-content:center;gap:14px}.join .ghost{background:#273a30;color:#fff}.carousel{height:230px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}.carousel .arrow{min-width:42px;width:42px;padding:0;font-size:36px;background:#273a30;color:#fff}.avatarSelected,.avatarSide{flex:0 0 126px;height:180px;display:grid;place-items:center;border-radius:18px}.avatarSelected{transform:scale(1.16);border:3px solid #e9ca79;background:#234a35;box-shadow:0 0 30px #e9ca7966}.avatarSide{opacity:.45;transform:scale(.8)}.carousel img{width:100%;height:100%;object-fit:contain}.error{margin-top:15px;color:#ff8c8c}.game{display:flex;flex-direction:column}.game header{height:86px;display:flex;align-items:center;gap:13px;padding:10px 16px;background:#06100cbf;border-bottom:1px solid #b78a3855}.miniAvatar{width:62px;height:62px;background:#183c2a;border-radius:12px;overflow:hidden}.miniAvatar img{width:100%;height:100%;object-fit:contain}.game header b,.game header span{display:block}.game header span{color:#e9ca79;font-weight:900}.timer{margin-left:auto;font-size:25px;font-weight:900;color:#f0d17c}.gameBody{flex:1 1;min-height:0;display:grid;place-items:center;padding:16px;overflow:hidden}.panel,.status{text-align:center;width:min(100%,700px)}.panel h1,.status h1{font-size:clamp(26px,6vw,40px);margin:10px 0}.panel small{color:#e9ca79;font-weight:900;letter-spacing:.12em}.categoryGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:25px}.categoryGrid button{min-height:92px;padding:12px;border:2px solid #45634f;border-radius:13px;background:#112c20;color:#fff;font-size:18px;font-weight:900}.categoryGrid button span{display:block;color:#aab9af;font-size:13px;margin-top:7px}.categoryGrid .selected{border-color:#e9ca79;background:#284c37;box-shadow:0 0 22px #e9ca7944}.hint{margin-top:15px;color:#adc2b4}.remaining{margin:12px 0;color:#c5d3ca}.remaining b{color:#e9ca79}.answers{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.answer{padding:12px;background:#10281d;border:1px solid #466450;border-radius:12px}.answerText{min-height:42px;font-weight:800}.answerText i{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:6px;background:#d4af58;color:#17130a;font-style:normal}.answer>b{display:block;color:#f0cf78;font-size:19px;margin:7px}.betButtons{display:flex;gap:6px}.betButtons button{flex:1 1;padding:10px 3px;border:0;border-radius:8px;background:#315b43;color:#fff;font-weight:800}.ready{margin-top:13px;width:min(100%,350px)}.reveal strong{display:block;font-size:clamp(38px,11vw,70px);color:#e9ca79}.winner{font-size:30px;font-weight:900;margin:10px}@media(max-height:700px){.game header{height:72px}.miniAvatar{width:50px;height:50px}.panel h1{font-size:24px}.answer{padding:8px}.answerText{min-height:30px}.betButtons button{padding:7px}.ready{height:46px}}