.play-page{--p-panel:#0a1d35;--p-line:#5bbeff40;--p-text:#f3f8ff;--p-muted:#9fb7cf;--p-cyan:#57dcff;--p-blue:#318fff;min-height:100vh;color:var(--p-text);background:radial-gradient(circle at 12% 8%,#247ee930,#0000 34rem),radial-gradient(circle at 88% 76%,#6c47eb2b,#0000 34rem),linear-gradient(#04101f,#061426 56%,#020813);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.play-page *{box-sizing:border-box}.play-page a{color:inherit}.play-nav{z-index:30;border-bottom:1px solid var(--p-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041020e6;position:sticky;top:0}.play-nav-inner{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);min-height:72px;margin:auto;display:flex}.play-brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:flex}.play-brand i{background:linear-gradient(145deg,var(--p-cyan),var(--p-blue));color:#041326;border-radius:11px;place-items:center;width:35px;height:35px;font-style:normal;display:grid}.play-brand small{color:#82cfff;letter-spacing:.18em;font-size:.66rem}.play-nav-actions{align-items:center;gap:10px;display:flex}.play-nav-actions a{border:1px solid var(--p-line);border-radius:11px;padding:9px 13px;font-size:.82rem;font-weight:800;text-decoration:none}.play-nav-actions .sign{color:#fff;background:linear-gradient(110deg,#238fe9,#6558f5)}.play-wrap{width:min(1180px,100% - 32px);margin:auto;padding:42px 0 76px}.play-hero{grid-template-columns:1fr auto;align-items:end;gap:28px;margin-bottom:25px;display:grid}.play-kicker{color:var(--p-cyan);letter-spacing:.18em;margin:0 0 10px;font-size:.74rem;font-weight:900}.play-hero h1{margin:0;font-size:clamp(2.3rem,6vw,4.8rem);line-height:.95}.play-hero h1 span{background:linear-gradient(110deg,#63e3ff,#3c8fff 48%,#9a79ff);color:#0000;-webkit-background-clip:text;background-clip:text}.play-hero p:last-child{max-width:700px;color:var(--p-muted);margin:17px 0 0;font-size:1rem;line-height:1.7}.player-card{border:1px solid var(--p-line);background:linear-gradient(145deg,#0f2e51f0,#0a1231f0);border-radius:19px;min-width:285px;padding:18px;box-shadow:0 22px 60px #00000040}.player-card small{color:var(--p-muted)}.player-card strong{margin:5px 0 12px;font-size:1.05rem;display:block}.point-row{gap:9px;display:flex}.point-row span{color:#a9c0d6;background:#051223a6;border-radius:10px;flex:1;padding:9px;font-size:.74rem}.point-row b{color:#fff;margin-top:3px;font-size:1.08rem;display:block}.player-card>a{color:var(--p-cyan);margin-top:12px;font-size:.82rem;font-weight:850;text-decoration:none;display:block}.game-tabs{grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;display:grid}.game-tab{border:1px solid var(--p-line);color:#fff;text-align:left;cursor:pointer;background:linear-gradient(145deg,#0d2a4aeb,#051121fa);border-radius:19px;min-height:120px;padding:18px;position:relative;overflow:hidden}.game-tab:after{content:"";background:var(--tab-color,#318fff);filter:blur(32px);opacity:.3;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-45px;right:-25px}.game-tab.active{border-color:#60dfff;box-shadow:0 0 0 1px #57dcff4d,0 18px 45px #1d5bb138}.game-tab small{color:#8eb0d0;letter-spacing:.1em;font-weight:800}.game-tab b{margin-top:11px;font-size:1.25rem;display:block}.game-tab span{color:#a8bfd5;margin-top:5px;font-size:.76rem;display:block}.play-grid{grid-template-columns:minmax(0,1fr) 310px;gap:18px;display:grid}.game-stage,.reward-panel{border:1px solid var(--p-line);background:linear-gradient(145deg,#0c2645fa,#030e1dfc);border-radius:25px;box-shadow:0 28px 80px #00000057}.stage-bar{border-bottom:1px solid var(--p-line);color:#a8c2d9;letter-spacing:.09em;justify-content:space-between;gap:12px;padding:14px 18px;font-size:.72rem;font-weight:850;display:flex}.stage-bar i{background:#ff557c;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 11px #ff557c}.stage-content{padding:clamp(18px,4vw,34px)}.stage-content h2{margin:0 0 7px;font-size:clamp(1.7rem,4vw,2.6rem)}.stage-lead{color:var(--p-muted);margin:0 0 22px;line-height:1.6}.game-status{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.game-status span{border:1px solid var(--p-line);color:#afc7dc;border-radius:999px;padding:7px 10px;font-size:.76rem}.game-status b{color:#fff}.game-form{gap:9px;display:flex}.game-form input,.game-form select{color:#fff;background:#061a30;border:1px solid #2c577c;border-radius:12px;outline:none;flex:1;min-width:0;padding:13px 14px}.game-form button,.play-button,.redeem-button{color:#fff;cursor:pointer;background:linear-gradient(110deg,#238fe9,#6558f5);border:1px solid #68caff6b;border-radius:12px;padding:12px 17px;font-weight:850}.game-form button:disabled,.play-button:disabled,.redeem-button:disabled{opacity:.45;cursor:not-allowed}.game-message{color:#bcd1e4;min-height:28px;margin:14px 0;line-height:1.55}.game-message.good{color:#54e6b3}.game-message.bad{color:#ff91a6}.history{gap:7px;display:grid}.history-row{color:#c0d5e8;background:#0c2b4acc;border-radius:10px;grid-template-columns:1fr auto auto;gap:10px;padding:9px 11px;display:grid}.history-row b{color:#fff}.history-row strong{color:var(--p-cyan)}.letter-board{grid-template-columns:repeat(10,1fr);gap:5px;margin:15px 0;display:grid}.letter-board span{aspect-ratio:1;color:#fff;background:#0d4051;border:1px solid #54bfe929;border-radius:7px;place-items:center;font-size:.8rem;font-weight:900;display:grid}.word-progress{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.word-progress span{color:#a7bfd5;background:#0a2a49;border-radius:9px;padding:7px 9px;font-size:.74rem}.word-progress span.done{color:#c9ffeb;background:#1e7d5b61;text-decoration:line-through}.emoji-question{text-align:center;background:#14164380;border:1px solid #7461f557;border-radius:20px;margin:18px 0;padding:24px;font-size:clamp(2.2rem,8vw,4.5rem)}.option-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.option-grid button{border:1px solid var(--p-line);color:#fff;cursor:pointer;background:#0c2b4c;border-radius:11px;padding:12px;font-weight:800}.option-grid button:hover{border-color:var(--p-cyan)}.option-grid button.correct{background:#2087619e}.option-grid button.wrong{background:#8b2c4494}.nusarah-compass{background:radial-gradient(circle,#3177cf38,#07182db3);border:1px solid #ffb7555c;border-radius:50%;place-items:center;width:150px;height:150px;margin:0 auto 18px;font-size:3.6rem;display:grid;box-shadow:0 0 36px #287de31f}.distance-hot{color:#ff7f65!important}.distance-warm{color:#ffc057!important}.distance-close{color:#b6e66d!important}.distance-win{color:#54e6b3!important}.complete-card{background:linear-gradient(145deg,#1864513d,#241c6261);border:1px solid #54e2b359;border-radius:17px;margin-top:18px;padding:18px}.complete-card h3{margin:0 0 6px}.complete-card p{color:#bdd2e5;margin:0;line-height:1.55}.complete-card a{background:linear-gradient(110deg,#238fe9,#6558f5);border-radius:11px;margin-top:13px;padding:10px 14px;font-weight:850;text-decoration:none;display:inline-flex}.reward-panel{align-self:start;padding:20px}.reward-panel h2{margin:0 0 5px;font-size:1.35rem}.reward-panel>p{color:var(--p-muted);margin:0 0 17px;font-size:.84rem;line-height:1.55}.reward-list{gap:9px;display:grid}.reward{border:1px solid var(--p-line);background:#06192db8;border-radius:13px;padding:13px}.reward-head{justify-content:space-between;gap:10px;display:flex}.reward-head b{color:var(--p-cyan)}.reward p{color:#8fa9c1;margin:5px 0 10px;font-size:.73rem}.redeem-button{width:100%;padding:9px;font-size:.78rem}.voucher{background:#12516e2e;border:1px dashed #5bdcff6b;border-radius:10px;margin-top:9px;padding:10px;font-size:.75rem}.voucher strong{color:#fff;letter-spacing:.08em;display:block}.rules{color:#aebfd5;background:#231d5b61;border-radius:13px;margin:18px 0 0;padding:15px;font-size:.75rem;line-height:1.55}.rules b{color:#fff}@media (max-width:900px){.play-hero{grid-template-columns:1fr}.player-card{min-width:0}.game-tabs{grid-template-columns:repeat(2,1fr)}.play-grid{grid-template-columns:1fr}.reward-panel{order:2}}@media (max-width:520px){.play-nav-inner,.play-wrap{width:calc(100% - 22px)}.play-brand small,.home-label{display:none}.play-nav-actions a{padding:8px 10px;font-size:.72rem}.game-tabs{gap:7px}.game-tab{min-height:105px;padding:14px}.game-form{flex-direction:column}.option-grid{grid-template-columns:1fr}.letter-board{gap:3px}.letter-board span{font-size:.68rem}.stage-content{padding:16px}}