*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#05020d;color:#fff;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}.shade,#bg{position:fixed;inset:0}#bg{background:center/cover no-repeat url('/assets/gifs/space-1.gif');z-index:0}.shade{z-index:1;background:linear-gradient(180deg,rgba(3,1,12,.28),rgba(3,1,12,.72) 58%,#05020d 100%)}#app{position:relative;z-index:2;width:min(100%,520px);margin:auto;min-height:100vh;padding:14px 14px 92px}.top{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:1000;letter-spacing:1.4px;text-shadow:0 0 14px #8b4cff;font-size:22px}.pill{border:1px solid #7657ad;background:#160d2bcc;color:#fff;border-radius:999px;padding:8px 11px}.hero{text-align:center;padding:26px 4px 12px}.hero h1{font-size:34px;margin:0;text-shadow:0 0 18px #8d48ff}.hero p{color:#c9bee7;margin:8px 0}.card{background:linear-gradient(145deg,rgba(20,12,45,.88),rgba(7,5,21,.88));border:1px solid rgba(157,105,255,.36);border-radius:22px;padding:16px;margin:12px 0;box-shadow:0 12px 40px #0008,0 0 25px #6e3cff1f;backdrop-filter:blur(10px)}.title{font-size:18px;font-weight:900;margin-bottom:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice,.primary,.answer,.gift,.navbtn{border:0;color:#fff;border-radius:15px;padding:14px;background:linear-gradient(135deg,#39217a,#7337d5);font-weight:800}.choice.active{outline:2px solid #70e9ff;box-shadow:0 0 18px #36d9ff55}.primary{width:100%;margin-top:12px;background:linear-gradient(90deg,#6f38ff,#df39cf);box-shadow:0 0 20px #a63fff55}.muted{color:#afa7c6;font-size:13px}.players{display:flex;align-items:center;justify-content:space-between;gap:8px}.player{width:40%;text-align:center}.avatar{width:92px;height:92px;margin:auto;border-radius:50%;background:center/cover no-repeat url('/assets/gifs/effect-1.gif');border:2px solid #70eaff;box-shadow:0 0 24px #42dfff}.player.red .avatar{background-image:url('/assets/gifs/effect-2.gif');border-color:#ff70dc;box-shadow:0 0 24px #ff42c6}.pname{font-weight:900;margin-top:8px}.score{font-size:20px;font-weight:1000;color:#75eaff}.red .score{color:#ff82df}.vs{font-weight:1000;font-size:25px;text-shadow:0 0 12px #ff55df}.bar{height:10px;border-radius:999px;background:#29183e;overflow:hidden;margin:14px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,#5ee9ff,#b847ff);width:50%}.qmeta{display:flex;justify-content:space-between;color:#bdb3d3;font-size:13px}.question{text-align:center;font-size:25px;font-weight:1000;margin:18px 4px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer.correct{background:#16885b}.answer.wrong{background:#9b2744}.gifts{display:flex;gap:8px;overflow:auto;padding-bottom:3px}.gift{min-width:68px;padding:10px 8px;background:#21133f}.gift b{display:block;font-size:24px}.gift small{color:#bcb0d2}.tabs{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(5,1fr);background:#080513f2;border-top:1px solid #392b58;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.navbtn{background:none;padding:6px 2px;color:#a9a1bb;font-size:10px}.navbtn b{display:block;font-size:20px;margin-bottom:2px}.navbtn.active{color:#fff}.listrow{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff12}.badge{font-size:12px;border-radius:999px;padding:5px 8px;background:#312052}.progress{height:8px;background:#241837;border-radius:99px;overflow:hidden;margin-top:7px}.progress i{height:100%;display:block;background:linear-gradient(90deg,#4fe8ff,#c449ff)}.fx{position:fixed;z-index:20;inset:0;background:#0007;display:flex;align-items:center;justify-content:center;pointer-events:none}.fx img{width:100%;max-height:100%;object-fit:cover}.hidden{display:none}.toast{position:fixed;z-index:30;left:50%;bottom:95px;transform:translateX(-50%);background:#171025e8;border:1px solid #7452a6;border-radius:999px;padding:10px 16px;white-space:nowrap}.lang{display:flex;gap:6px}.lang button{padding:7px 9px;border-radius:10px;border:1px solid #5c477e;background:#100a20;color:#fff}.lang button.active{background:#6031b3}@media(max-width:360px){.brand{font-size:18px}.question{font-size:22px}.avatar{width:78px;height:78px}}