*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{background:#0b0420}body{font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4eeff;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:var(--vh-fixed, 100lvh);background-color:#0b0420;background-image:linear-gradient(to bottom,#8c3cff52,#0b042000 55%),linear-gradient(to bottom,#0b042000 50%,#00d6ff24);z-index:-1}button{cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:15px;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}.wager-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(to right,#8C3CFF var(--pct, 50%),rgba(255,255,255,.15) var(--pct, 50%));border:none;padding:0;margin:0;width:100%}.wager-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#8c3cff;box-shadow:0 0 10px #ff48c4b3;cursor:pointer;border:2px solid rgba(255,255,255,.3)}.wager-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#8c3cff;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px #ff48c4b3;cursor:pointer}input{width:100%;padding:10px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:15px;outline:none;margin-bottom:12px}input:focus{border-color:#ff48c4}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#F4EEFF;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.07) inset;box-shadow:0 0 0 1000px #ffffff12 inset;caret-color:#f4eeff;transition:background-color 5000s ease-in-out 0s}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-box{background:#14082ed1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 40px #0009,inset 0 1px #ffffff0f;padding:40px;border-radius:22px;width:360px;display:flex;flex-direction:column}.auth-box h2{text-align:center;margin-bottom:28px;font-size:26px}.auth-box label{font-size:13px;font-weight:600;margin-bottom:4px;color:#cbb8f5b3}.auth-box input{background:#ffffff0f;border:1.5px solid rgba(255,255,255,.25);color:#f4eeff}.auth-box input:focus{border-color:#8c3cffb3;background:#ffffff17}.auth-box input::placeholder{color:#cbb8f54d}.auth-box button[type=submit]{background:linear-gradient(135deg,#ff48c4,#00d6ff);color:#fff;padding:13px;font-size:16px;margin-top:4px;border-radius:12px;box-shadow:0 0 18px #ff48c473}.auth-box button[type=submit]:hover{box-shadow:0 0 26px #ff48c4a6}.auth-box p{color:#cbb8f599}.auth-box a{color:#cbb8f5}.error{color:#ff8aa8;font-size:14px;margin-bottom:12px;background:#ff5a781f;border-radius:8px;padding:8px 12px}.spinner{width:40px;height:40px;border:4px solid #F4EEFF;border-top-color:#ff48c4;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #ff5a7899}50%{box-shadow:0 0 0 5px #ff5a7800}}.center-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.ph-bar{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:8px;min-height:60px;background:#14082ed1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.18)}.ph-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ph-back{background:none;border:none;padding:0;color:#b49fe0;font-size:13px;font-weight:500;white-space:nowrap;flex-shrink:0;cursor:pointer}.ph-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:600;color:#f4eeff;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%;pointer-events:none}.ph-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.ph-pill{display:flex;align-items:center;gap:5px;padding:6px 11px;border-radius:20px;font-size:14px;font-weight:700;background:#14082eb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;line-height:1;box-sizing:border-box}.ph-pill--p{border:1.5px solid rgba(255,72,196,.35);color:#ff48c4}.ph-pill--c{border:1.5px solid rgba(255,233,138,.35);color:#ffe98a}.ph-avatar{width:34px;height:34px;border-radius:50%;background:#14082eb3;border:1.5px solid rgba(255,255,255,.22);padding:0;cursor:pointer;overflow:hidden;flex-shrink:0}.ph-avatar img{width:100%;height:100%;object-fit:cover}.ph-bell{width:34px;height:34px;border-radius:50%;background:#ffffff17;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;flex-shrink:0}.ph-bell--active{border-color:#8c3cffb3}.ph-bell-dome{width:12px;height:11px;border:1.5px solid #F4EEFF;border-bottom:none;border-radius:6px;box-sizing:border-box}.ph-badge{position:absolute;top:-4px;right:-4px;background:#ff5a78;color:#fff;border-radius:99px;font-size:10px;font-weight:700;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid rgba(20,8,46,.9)}.ph-panel{position:absolute;top:46px;right:0;background:#14082ef7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 8px 40px #0009;width:270px;overflow:hidden;z-index:300}.ph-panel__hdr{padding:11px 15px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;font-weight:700;color:#f4eeff}.ph-panel__empty{padding:18px 15px;text-align:center;font-size:13px;color:#cbb8f566}.ph-panel__list{max-height:280px;overflow-y:auto}.ph-notif-row{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:8px;align-items:flex-start}.ph-notif-row p{flex:1;font-size:12px;color:#b49fe0cc;line-height:1.5}.ph-notif-row button{background:none;border:none;color:#cbb8f566;cursor:pointer;font-size:13px;padding:0;flex-shrink:0}.ph-dt-back{display:none;position:fixed;top:20px;left:20px;z-index:200;background:#14082eb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#cbb8f5cc;font-size:14px;font-weight:600;padding:8px 16px;cursor:pointer}.ph-dt-right{display:none;position:fixed;top:20px;right:20px;z-index:200;align-items:center;gap:7px}@media (min-width: 769px){.ph-bar{display:none}.ph-dt-back{display:block}.ph-dt-right{display:flex}.page-outer{justify-content:center}.page-content{flex:1}.passport-flag-name{font-size:12px!important}.passport-flag-name-wrap{height:47px!important}.passport-flag-rarity{font-size:11px!important}}@media (max-width: 480px){.ph-pill{padding:5px 8px;font-size:12px;gap:3px}.ph-right{gap:5px}.ph-back{font-size:12px}.ph-title{font-size:16px}.ph-avatar,.ph-bell{width:34px;height:34px}}.gmt-clock{position:fixed;bottom:20px;left:20px;z-index:50}.logout-btn{position:fixed;bottom:20px;right:20px;z-index:50}.lobby-bottom-links .logout-btn{position:static;bottom:auto;right:auto;display:inline-block}.lobby-topbar{display:contents}@media (max-width: 768px){.page-outer{min-height:100svh!important}.page-content{flex:1}.page-footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding-top:24px;padding-bottom:24px}.page-footer .logout-btn{position:static;bottom:auto;right:auto}.gmt-clock{display:none!important}.ph-right{display:none}.ph-bar{position:relative;width:100%;min-height:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;padding:8px 0;margin-bottom:20px}.page-outer:has(>.ph-bar){padding-top:12px!important}.logout-btn{display:none}.lobby-topbar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.lobby-top-left,.lobby-top-right{position:static!important;top:auto!important;left:auto!important;right:auto!important}.page-outer:has(>.lobby-topbar){padding-top:12px!important}}@media (max-width: 768px){[data-sort=prestige] .rank-col-flags,[data-sort=flags] .rank-col-prestige{display:none!important}}@media (max-width: 768px){.league-you-badge{display:none!important}}@media (max-width: 520px){.shop-chest-card{flex-wrap:wrap}.shop-chest-btns{width:100%;justify-content:flex-end}}.game-wrap{max-width:900px;margin:0 auto;padding:20px}.game-topbar{display:none!important}.game-header{display:flex;align-items:center;justify-content:space-between;background:#14082eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:12px 16px;box-shadow:0 4px 20px #0000004d;margin-bottom:28px}.player-bar{display:flex;flex-direction:column;gap:4px}.username{font-weight:700;font-size:16px;color:#f4eeff}.coins{font-size:20px;font-weight:800;color:#ffe98a}.round-badge{background:linear-gradient(135deg,#ff48c4,#00d6ff);color:#fff;padding:8px 20px;border-radius:20px;font-weight:700;font-size:15px;box-shadow:0 0 14px #ff48c480}.phase-label{text-align:center;font-size:16px;font-weight:700;color:#fff;margin-bottom:20px;background:#14082e99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:12px 20px;border:1px solid rgba(140,60,255,.3);text-shadow:0 1px 4px rgba(0,0,0,.5)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.theme-btn{background:#14082ea6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.35);padding:16px 8px;border-radius:12px;font-size:14px;font-weight:700;text-align:center;color:#f4eeff;min-height:70px;display:flex;align-items:center;justify-content:center;transition:all .15s}.theme-btn.active:hover{border-color:#8c3cff;background:#ff48c459;color:#fff}.theme-btn:disabled:not(.picked){opacity:1;cursor:default;color:#cbb8f58c;border-color:#fff3}.theme-btn.picked{opacity:1;cursor:default;background:#0000004d;color:#fff3;border-color:#ffffff14;text-decoration:line-through}.choice-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.choice-btn{background:#fff;border:2px solid #FF48C4;color:#ff48c4;padding:14px 22px;border-radius:12px;font-size:16px;font-weight:700}.choice-btn:hover:not(:disabled){background:#eef2ff}.choice-btn.used{border-color:#d1d5db;color:#aaa}.bet-used{font-size:11px;display:block;margin-top:4px;color:#aaa}.question-wrap{background:#14082eb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000059}.wager-label{display:inline-block;align-self:center;text-align:center;font-size:14px;font-weight:700;color:#cbb8f5;margin-bottom:16px;padding:8px 24px;border-radius:12px;border:1.5px solid currentColor}.question-text{font-size:20px;font-weight:700;text-align:center;margin-bottom:28px;line-height:1.4;color:#f4eeff}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-btn{background:#ffffff12;border:1.5px solid rgba(255,255,255,.3);padding:16px 20px;border-radius:12px;font-size:15px;text-align:left;display:flex;align-items:center;gap:10px;color:#f4eeff;transition:all .15s}.option-btn:hover:not(:disabled){border-color:#8c3cff;background:#ff48c440}.option-btn:disabled{cursor:default}.option-btn.correct{background:#3bf5a840;border-color:#3bf5a8;color:#3bf5a8;border-width:2px;box-shadow:0 0 18px #3bf5a880;font-weight:700}.option-btn.wrong{background:#ff5a7833;border-color:#ff5a78;color:#ff8aa8;border-width:2px;box-shadow:0 0 14px #ff5a7866}.option-btn.opponent{background:#ffe98a33;border-color:#ffe98a;color:#ffe98a;border-width:2px}.option-btn.pending{background:#ff48c426;border-color:#ff48c4;color:#ff48c4;border-width:2px}.opt-letter{font-weight:800;font-size:16px;color:#ff48c4;min-width:20px}.option-btn.correct .opt-letter,.option-btn.wrong .opt-letter{color:inherit}.result-banner{margin-top:20px;padding:14px 20px;border-radius:12px;background:#3bf5a833;border:2px solid #3BF5A8;text-align:center;font-weight:700;font-size:16px;color:#3bf5a8;box-shadow:0 0 20px #3bf5a866}@media (max-width: 768px){.game-wrap{padding-left:8px;padding-right:8px}.game-header{padding:8px 10px;gap:4px}.game-player-side{gap:6px!important}.game-avatar{width:38px!important;height:38px!important}.game-header .username{font-size:11px}.game-header .coins{font-size:13px}.game-stat-prestige{font-size:10px!important}.round-badge{padding:5px 10px;font-size:12px}.question-wrap{padding:16px 14px}.question-text{font-size:16px;margin-bottom:16px}.options-grid{grid-template-columns:1fr;gap:8px}.option-btn{padding:12px 14px;font-size:14px}.game-gmt{display:none}.avatar-grid{grid-template-columns:repeat(2,1fr)!important}.game-modal-inner{min-width:0!important;max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;padding:20px 16px!important}}@keyframes chest-shake{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-8deg) scale(1.03)}20%{transform:rotate(8deg) scale(1.03)}30%{transform:rotate(-8deg) scale(1.05)}40%{transform:rotate(8deg) scale(1.05)}50%{transform:rotate(-6deg) scale(1.08)}60%{transform:rotate(6deg) scale(1.08)}70%{transform:rotate(-4deg) scale(1.1)}80%{transform:rotate(4deg) scale(1.1)}90%{transform:rotate(-2deg) scale(1.12)}}.chest-shake{animation:chest-shake .9s ease-in-out infinite;filter:drop-shadow(0 0 22px rgba(255,200,80,.55))}@keyframes loot-pop{0%{opacity:0;transform:scale(.5) translateY(10px)}60%{opacity:1;transform:scale(1.08) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.loot-item-pop{opacity:0;animation:loot-pop .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes round-announce-pop{0%{opacity:0;transform:scale(.4) translateY(16px)}60%{opacity:1;transform:scale(1.12) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes round-announce-glow{0%{opacity:0;transform:scale(.5)}40%{opacity:.9}to{opacity:0;transform:scale(2.2)}}.round-announce-text{animation:round-announce-pop .5s cubic-bezier(.34,1.56,.64,1) forwards}.round-announce-glow{animation:round-announce-glow 1s ease-out forwards}