*{box-sizing:border-box;margin:0;padding:0}:root{--red: #6c5ce7;--red-dark: #3d3199;--purple: #e8512a;--purple-dark: #9e3318;--gold: #f4a828;--bg: #0f0e0c;--surface: #1a1917;--card: #222120;--border: #2e2c2a;--text: #f5f3ee;--muted: #7a7874;--subtle: #3a3835}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}body{display:flex;justify-content:center;padding:1.5rem 1rem 3rem}#root{width:100%;max-width:440px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:99}.loading-msg{font-family:Syne,sans-serif;font-size:15px;color:var(--muted);text-align:center;max-width:300px;line-height:1.6}.loading-err{font-size:12px;color:#ff6b6b;text-align:center;max-width:320px;line-height:1.6;white-space:pre-line}.spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{text-align:center;padding:2.5rem 0 2rem}.hero h1{font-family:Syne,sans-serif;font-size:36px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--red),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:13px;color:var(--muted);margin-top:.4rem}.heart{font-size:28px;margin-bottom:.5rem;display:block}.name-btn{width:100%;padding:14px;border-radius:14px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;cursor:pointer;border:none;margin-bottom:.75rem;transition:transform .15s,opacity .15s;letter-spacing:.02em}.name-btn:active{transform:scale(.97)}.name-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-suhana{background:var(--red);color:#fff}.btn-shahid{background:var(--purple);color:#fff}.dash-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.dash-who{font-size:13px;color:var(--muted)}.dash-who b{color:var(--text);font-weight:600}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:.5rem}.game-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 12px;cursor:pointer;color:var(--text);font-family:DM Sans,sans-serif;transition:transform .15s,border-color .15s,background .15s}.game-card:hover:not(:disabled){border-color:var(--muted);transform:translateY(-2px)}.game-card:active:not(:disabled){transform:scale(.97)}.game-card:disabled{opacity:.5;cursor:not-allowed}.game-icon{font-size:30px;line-height:1;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-shrink:0}.game-info{min-width:0;width:100%}.game-name{font-family:Syne,sans-serif;font-size:15px;font-weight:700;margin-bottom:2px;line-height:1.2}.game-desc{font-size:11px;color:var(--muted);line-height:1.3}.game-soon-tag{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:99px;padding:1px 6px}.wait-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:2rem;text-align:center;margin-bottom:1rem}.room-display{font-family:DM Mono,monospace;font-size:44px;font-weight:500;letter-spacing:12px;color:var(--text);margin:.75rem 0;text-shadow:0 0 30px rgba(108,92,231,.4)}.pulse{animation:pulse 1.6s ease-in-out infinite;font-size:13px;color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.game-title{font-family:Syne,sans-serif;font-size:14px;font-weight:700;color:var(--text)}.game-title .vs{color:var(--muted);font-weight:400}.live-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:#4ade80}.live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.legend{display:flex;gap:16px;justify-content:center;font-size:13px;color:var(--muted);margin:.4rem 0 .6rem}.ldot{width:12px;height:12px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:5px}.score-bar{display:flex;border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-bottom:.75rem}.score-half{flex:1;padding:.6rem .75rem;text-align:center;background:var(--card)}.score-half:first-child{border-right:1px solid var(--border)}.score-name{font-size:11px;color:var(--muted);margin-bottom:2px;white-space:nowrap}.score-val{font-family:Syne,sans-serif;font-size:22px;font-weight:800}.col-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:5px}.cb{width:100%;background:none;border:none;cursor:pointer;font-size:18px;color:var(--muted);opacity:.25;padding:2px 0;transition:opacity .15s,transform .12s;border-radius:6px}.cb:hover:not(:disabled){opacity:1;transform:translateY(3px)}.cb:disabled{opacity:.05;cursor:default}.board-shell{background:var(--surface);border-radius:18px;padding:10px;border:1px solid var(--border);overflow:hidden}.board-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cell{aspect-ratio:1;border-radius:50%;background:var(--subtle);border:1px solid var(--border);transition:background .25s,box-shadow .25s}.cell.p1{background:var(--red);border-color:var(--red-dark);box-shadow:0 0 12px #e8512a66}.cell.p2{background:var(--purple);border-color:var(--purple-dark);box-shadow:0 0 12px #6c5ce766}.cell.win{box-shadow:0 0 0 3px var(--gold),0 0 20px #f4a82880!important;animation:winpulse .6s ease-in-out infinite alternate}@keyframes winpulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.ttt-shell{background:var(--surface);border-radius:18px;padding:14px;border:1px solid var(--border)}.ttt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ttt-cell{aspect-ratio:1;border-radius:16px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;cursor:pointer;color:var(--text);transition:background .15s,border-color .15s,transform .1s;-webkit-user-select:none;user-select:none}.ttt-cell:hover:not(.filled):not(:disabled){border-color:var(--muted);background:var(--subtle)}.ttt-cell:active:not(.filled):not(:disabled){transform:scale(.95)}.ttt-cell:disabled{cursor:default}.ttt-cell.p1{color:var(--red)}.ttt-cell.p2{color:var(--purple)}.ttt-cell.win{border-color:var(--gold);box-shadow:0 0 18px #f4a82866;animation:winpulse .6s ease-in-out infinite alternate}.status-area{min-height:48px;display:flex;align-items:center;justify-content:center;margin:.6rem 0 .3rem}.status-text{font-family:Syne,sans-serif;font-size:15px;font-weight:600;text-align:center;display:flex;align-items:center;gap:8px}.turn-pip{width:12px;height:12px;border-radius:50%;flex-shrink:0;display:inline-block}.gold-text{color:var(--gold)}.actions{display:flex;gap:8px;justify-content:center;margin-top:.75rem}button.std{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all .15s}button.std:hover:not(:disabled){border-color:var(--muted);background:var(--subtle)}button.std:disabled{opacity:.4;cursor:default}.chat-panel{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:18px 18px 0 0;z-index:50;max-height:52px;transition:max-height .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden;display:flex;flex-direction:column}.chat-panel.open{max-height:360px;box-shadow:0 -8px 32px #00000080}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.chat-header-label{font-family:Syne,sans-serif;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:7px}.chat-unread{background:var(--purple);color:#fff;font-size:10px;font-weight:700;border-radius:99px;padding:1px 6px}@keyframes badgePop{0%{transform:scale(.5)}to{transform:scale(1)}}.chat-toggle-icon{font-size:13px;color:var(--muted);transition:transform .25s}.chat-panel.open .chat-toggle-icon{transform:rotate(180deg)}.chat-body{display:flex;flex-direction:column;flex:1;min-height:0;border-top:1px solid var(--border)}.chat-messages{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth;overscroll-behavior:contain}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.chat-empty{text-align:center;color:var(--muted);font-size:12px;margin:auto;opacity:.6}.chat-msg{display:flex;flex-direction:column;max-width:80%}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg.theirs{align-self:flex-start;align-items:flex-start}.chat-bubble{padding:7px 11px;border-radius:14px;font-size:13px;line-height:1.4;word-break:break-word}.chat-msg.mine .chat-bubble{background:var(--purple);color:#fff;border-bottom-right-radius:4px}.chat-msg.theirs .chat-bubble{background:var(--card);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-meta{font-size:10px;color:var(--muted);margin-top:2px;padding:0 3px}.chat-input-row{display:flex;gap:6px;padding:8px 10px 12px;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;padding:8px 11px;outline:none;transition:border-color .15s}.chat-input::placeholder{color:var(--muted)}.chat-input:focus{border-color:var(--muted)}.chat-send{background:var(--purple);border:none;border-radius:10px;color:#fff;font-size:16px;width:42px;cursor:pointer;transition:opacity .15s,transform .1s;flex-shrink:0}.chat-send:hover{opacity:.85}.chat-send:active{transform:scale(.93)}.chat-top-btn{position:relative;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:16px;width:38px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;flex-shrink:0}.chat-top-btn:hover,.chat-top-btn.active{background:var(--subtle);border-color:var(--muted)}.chat-top-badge{position:absolute;top:-6px;right:-6px;background:var(--purple);color:#fff;font-size:10px;font-weight:700;border-radius:99px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);animation:badgePop .2s ease-out}.screen-game{padding-bottom:68px}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;opacity:1;transition:opacity .4s}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:79}.win-card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:2rem 2.5rem;text-align:center;box-shadow:0 24px 64px #000000b3;transform:scale(1);max-width:300px;width:90%;animation:winCardIn .4s cubic-bezier(.34,1.3,.64,1)}@keyframes winCardIn{0%{transform:scale(.85)}to{transform:scale(1)}}.win-emoji{font-size:56px;line-height:1;margin-bottom:.5rem;display:block;animation:bounceIn .6s cubic-bezier(.34,1.5,.64,1) both;animation-delay:.15s}@keyframes bounceIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.win-title{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--gold);letter-spacing:-.5px;margin-bottom:.25rem}.win-subtitle{font-size:14px;color:var(--muted);margin-bottom:1.25rem}.win-actions{display:flex;gap:8px;justify-content:center}.disconnect-banner{display:flex;align-items:center;gap:10px;background:#2a1a1a;border:1px solid #6b2b2b;border-radius:12px;padding:10px 14px;font-size:13px;color:#ff8a8a;margin-bottom:.75rem}.disconnect-banner-icon{font-size:16px;flex-shrink:0}.snake-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.snake-scores{display:flex;gap:10px}.snake-score-chip{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px 12px;text-align:center;min-width:78px}.snake-score-chip .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.snake-score-chip .val{font-family:Syne,sans-serif;font-size:20px;font-weight:800}.snake-canvas-wrap{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:10px;aspect-ratio:1;width:100%}.snake-canvas{width:100%;height:100%;display:block;border-radius:12px;background:var(--bg);touch-action:none}.snake-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;background:#0f0e0cd1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:1rem}.snake-overlay h2{font-family:Syne,sans-serif;font-size:26px;font-weight:800}.snake-overlay p{font-size:13px;color:var(--muted);max-width:260px;line-height:1.5}.snake-play-btn{font-family:Syne,sans-serif;font-size:16px;font-weight:700;padding:12px 28px;border-radius:12px;border:none;background:var(--red);color:#fff;cursor:pointer;transition:transform .12s}.snake-play-btn:active{transform:scale(.96)}.snake-new-best{color:var(--gold);font-weight:700;font-size:14px}.dpad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:8px;justify-content:center;margin:1rem auto 0}.dpad button{background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,transform .1s;-webkit-user-select:none;user-select:none}.dpad button:active{background:var(--subtle);transform:scale(.94)}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.snake-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:.75rem}.rps-arena{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.5rem 1rem;margin-bottom:.5rem}.rps-hands{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:1rem}.rps-hand-slot{text-align:center;flex:1}.rps-hand-emoji{font-size:56px;line-height:1;height:64px;display:flex;align-items:center;justify-content:center}.rps-hand-emoji.shake{animation:rpsShake .4s ease-in-out 3}@keyframes rpsShake{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-8deg)}}.rps-hand-name{font-size:12px;color:var(--muted);margin-top:6px}.rps-hand-name.you{color:var(--text);font-weight:600}.rps-vs{font-family:Syne,sans-serif;font-size:16px;font-weight:800;color:var(--muted);flex-shrink:0}.rps-round-result{text-align:center;font-family:Syne,sans-serif;font-size:20px;font-weight:800;min-height:28px}.rps-round-result.win{color:var(--gold)}.rps-round-result.lose{color:var(--muted)}.rps-picker{display:flex;gap:10px;justify-content:center;margin-top:.25rem}.rps-pick-btn{flex:1;max-width:100px;aspect-ratio:1;background:var(--card);border:1px solid var(--border);border-radius:16px;font-size:40px;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.rps-pick-btn:hover:not(:disabled){border-color:var(--muted);background:var(--subtle);transform:translateY(-3px)}.rps-pick-btn:active:not(:disabled){transform:scale(.94)}.rps-pick-btn.selected{border-color:var(--gold);background:var(--subtle);box-shadow:0 0 16px #f4a8284d}.rps-pick-btn:disabled{opacity:.4;cursor:default}.g2048-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.g2048-scores{display:flex;gap:10px}.g2048-score-chip{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px 14px;text-align:center;min-width:80px}.g2048-score-chip .label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.g2048-score-chip .val{font-family:Syne,sans-serif;font-size:20px;font-weight:800}.g2048-board{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:10px;aspect-ratio:1;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.g2048-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:100%;height:100%}.g2048-cell-bg{background:var(--card);border-radius:10px}.g2048-tiles{position:absolute;top:10px;right:10px;bottom:10px;left:10px}.g2048-tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:10px;font-family:Syne,sans-serif;font-weight:800;transition:left .12s ease,top .12s ease}.g2048-tile.pop{animation:g2048Pop .16s ease}@keyframes g2048Pop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}.g2048-overlay{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:12px;background:#0f0e0cd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:1rem}.g2048-overlay h2{font-family:Syne,sans-serif;font-size:28px;font-weight:800}.g2048-overlay h2.win{color:var(--gold)}.g2048-overlay p{font-size:13px;color:var(--muted);max-width:260px;line-height:1.5}.g2048-play-btn{font-family:Syne,sans-serif;font-size:16px;font-weight:700;padding:12px 28px;border-radius:12px;border:none;background:var(--red);color:#fff;cursor:pointer;transition:transform .12s}.g2048-play-btn:active{transform:scale(.96)}.g2048-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:.75rem}.mem-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:.5rem}.mem-card{aspect-ratio:1;border:none;background:none;padding:0;cursor:pointer;perspective:600px}.mem-card:disabled{cursor:default}.mem-inner{position:relative;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.mem-card.flipped .mem-inner,.mem-card.matched .mem-inner{transform:rotateY(180deg)}.mem-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.mem-back{background:var(--card);border:1px solid var(--border);font-size:26px;color:var(--muted)}.mem-front{background:var(--surface);border:1px solid var(--border);transform:rotateY(180deg);font-size:38px}.mem-card.matched .mem-front{border-color:var(--gold);box-shadow:0 0 16px #f4a82859;animation:winpulse .6s ease-in-out 2 alternate}.auth-screen{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.google-btn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#1f1f1f;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;padding:12px 22px;cursor:pointer;transition:transform .12s,box-shadow .15s;box-shadow:0 2px 12px #0000004d}.google-btn:hover{box-shadow:0 4px 20px #0006}.google-btn:active{transform:scale(.97)}.google-g{width:20px;height:20px;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.user-avatar-fallback{width:28px;height:28px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:700;font-size:13px;flex-shrink:0}.user-name{color:var(--text);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.75rem;text-align:center;margin-bottom:1rem}.profile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--border);margin:0 auto .75rem;display:block}.profile-avatar-fallback{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--purple));color:#fff;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:34px;margin:0 auto .75rem}.profile-name{font-family:Syne,sans-serif;font-size:22px;font-weight:800}.profile-email{font-size:13px;color:var(--muted);margin-top:2px;word-break:break-all}.profile-fields{text-align:left;margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:8px}.profile-field{display:flex;justify-content:space-between;gap:12px;font-size:12px}.profile-field .k{color:var(--muted);flex-shrink:0}.profile-field .v{color:var(--text);font-family:DM Mono,monospace;word-break:break-all;text-align:right}.profile-btn{width:100%;padding:14px;border-radius:14px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;cursor:pointer;border:none;color:#fff;background:var(--red);transition:transform .12s}.profile-btn:active{transform:scale(.97)}.lobby-section-label{font-family:Syne,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.25rem 0 .6rem}.lobby-btn{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:.75rem;cursor:pointer;color:var(--text);font-family:DM Sans,sans-serif;transition:transform .15s,border-color .15s}.lobby-btn:hover{border-color:var(--muted);transform:translateY(-2px)}.lobby-btn:active{transform:scale(.98)}.lobby-btn .icon{font-size:26px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-shrink:0}.lobby-btn .t{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.lobby-btn .d{font-size:12px;color:var(--muted)}.join-row{display:flex;gap:8px;margin-bottom:.75rem}.code-input{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:DM Mono,monospace;font-size:20px;letter-spacing:4px;text-align:center;text-transform:uppercase;padding:12px;outline:none}.code-input:focus{border-color:var(--muted)}.lobby-err{color:#ff8a8a;font-size:12px;text-align:center;margin-bottom:.5rem;min-height:16px}.room-code-big{font-family:DM Mono,monospace;font-size:40px;font-weight:500;letter-spacing:8px;color:var(--text);margin:.5rem 0;text-shadow:0 0 30px rgba(108,92,231,.4)}.copy-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;font-size:12px;padding:8px 14px;cursor:pointer}.copy-btn:hover{border-color:var(--muted)}.room-players{display:flex;gap:10px;margin:1rem 0}.player-slot{flex:1;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 10px;text-align:center}.player-slot.empty{border-style:dashed;opacity:.6}.player-slot .pa{width:44px;height:44px;border-radius:50%;object-fit:cover;margin:0 auto 8px;display:block;border:1px solid var(--border)}.player-slot .pa-fallback{width:44px;height:44px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:18px;color:#fff}.player-slot .pn{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-slot .ps{font-size:11px;color:var(--muted);margin-top:2px}.searching-dots{font-size:13px;color:var(--muted)}.dab-shell{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;justify-content:center}.dab-grid{display:grid;gap:0}.dab-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);justify-self:center;align-self:center}.dab-hedge{height:10px;align-self:center;border-radius:5px;background:transparent;border:none;cursor:pointer;padding:0;transition:background .12s;position:relative}.dab-hedge:after{content:"";position:absolute;left:3px;right:3px;top:4px;height:2px;border-radius:2px;background:var(--subtle)}.dab-hedge:hover:not(:disabled):after{background:var(--muted)}.dab-vedge{width:10px;justify-self:center;border-radius:5px;background:transparent;border:none;cursor:pointer;padding:0;position:relative}.dab-vedge:after{content:"";position:absolute;top:3px;bottom:3px;left:4px;width:2px;border-radius:2px;background:var(--subtle)}.dab-vedge:hover:not(:disabled):after{background:var(--muted)}.dab-hedge.drawn,.dab-vedge.drawn{cursor:default}.dab-hedge.p1:after,.dab-vedge.p1:after{background:var(--red)}.dab-hedge.p2:after,.dab-vedge.p2:after{background:var(--purple)}.dab-edge-disabled{cursor:default!important}.dab-box{display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:15px;border-radius:4px;transition:background .2s}.dab-box.p1{background:#6c5ce738;color:var(--red)}.dab-box.p2{background:#e8512a38;color:var(--purple)}.gom-shell{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;overflow:auto}.gom-grid{display:grid;gap:0;background:#2a2724;border-radius:6px;margin:0 auto}.gom-cell{aspect-ratio:1;border:.5px solid #3a3733;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;min-width:0}.gom-cell:disabled{cursor:default}.gom-stone{width:78%;height:78%;border-radius:50%}.gom-stone.p1{background:var(--red);box-shadow:0 0 6px #6c5ce780}.gom-stone.p2{background:var(--purple);box-shadow:0 0 6px #e8512a80}.gom-cell.win .gom-stone{box-shadow:0 0 0 2px var(--gold)}.rev-shell{background:#1f3a2a;border:1px solid var(--border);border-radius:14px;padding:10px}.rev-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.rev-cell{aspect-ratio:1;background:#2c5540;border:none;border-radius:6px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:background .12s}.rev-cell:disabled{cursor:default}.rev-cell.legal:not(:disabled){background:#367052}.rev-cell.legal:not(:disabled):hover{background:#3f8560}.rev-disc{width:80%;height:80%;border-radius:50%;transition:transform .2s}.rev-disc.p1{background:var(--red)}.rev-disc.p2{background:var(--purple)}.rev-hint-dot{width:22%;height:22%;border-radius:50%;background:#ffffff40}.wam-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.wam-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px}.wam-hole{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.wam-mole{animation:molePop .15s ease-out}@keyframes molePop{0%{transform:translateY(60%) scale(.6)}to{transform:translateY(0) scale(1)}}.wam-hole.bonk{background:#f4a82840}.wyr-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem;margin-bottom:.75rem}.wyr-question{text-align:center;font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:var(--muted);margin-bottom:1rem}.wyr-option{width:100%;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:10px;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:transform .12s,border-color .12s,background .12s}.wyr-option:hover:not(:disabled){border-color:var(--muted);transform:translateY(-2px)}.wyr-option:disabled{cursor:default}.wyr-option.mine{border-color:var(--gold);background:var(--subtle)}.wyr-option .bar{height:6px;border-radius:3px;background:var(--purple);margin-top:10px;transition:width .4s}.wyr-option .pct{font-size:12px;color:var(--muted);margin-top:6px;display:flex;justify-content:space-between}.wyr-match{text-align:center;font-family:Syne,sans-serif;font-weight:800;font-size:18px;min-height:26px}.wyr-match.same{color:var(--gold)}.simon-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:300px;margin:0 auto 1rem}.simon-pad{aspect-ratio:1;border-radius:18px;border:2px solid rgba(0,0,0,.3);cursor:pointer;opacity:.55;transition:opacity .1s,transform .1s}.simon-pad.lit{opacity:1;transform:scale(1.04)}.simon-pad.green{background:#4ade80}.simon-pad.red{background:var(--purple)}.simon-pad.blue{background:#38bdf8}.simon-pad.yellow{background:var(--gold)}.simon-center{text-align:center;margin-bottom:1rem}.simon-round{font-family:Syne,sans-serif;font-size:28px;font-weight:800}.ms-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.ms-shell{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;overflow:auto}.ms-grid{display:grid;gap:3px;margin:0 auto}.ms-cell{aspect-ratio:1;border:none;border-radius:4px;background:var(--card);color:var(--text);font-family:Syne,sans-serif;font-weight:800;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;min-width:0;-webkit-user-select:none;user-select:none}.ms-cell.hidden{background:var(--subtle)}.ms-cell.hidden:hover{background:#454239}.ms-cell.revealed{background:var(--bg)}.ms-cell.mine{background:var(--purple)}.ms-cell.flag{background:var(--subtle)}.ms-n1{color:#38bdf8}.ms-n2{color:#4ade80}.ms-n3{color:#e8512a}.ms-n4{color:#6c5ce7}.ms-n5{color:var(--gold)}.ms-n6{color:#22d3ee}.ms-n7{color:#f472b6}.ms-n8{color:var(--muted)}.ms-mode{display:flex;gap:8px;justify-content:center;margin-top:.75rem}.ms-mode button{flex:1;max-width:130px}.ms-mode button.active{border-color:var(--gold);background:var(--subtle)}.nim-shell{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem}.nim-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px;min-height:40px;align-items:center}.nim-obj{width:30px;height:30px;border-radius:50%;background:var(--red);border:none;cursor:pointer;transition:transform .12s,opacity .2s}.nim-obj:hover:not(:disabled){transform:scale(1.15)}.nim-obj:disabled{cursor:default}.nim-obj.selected{background:var(--gold);transform:scale(1.15)}.nim-obj.gone{opacity:.12;pointer-events:none}.nim-take{text-align:center;margin-top:.5rem}.oe-arena{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.5rem 1rem;text-align:center;margin-bottom:.5rem}.oe-role{font-size:13px;color:var(--muted);margin-bottom:.75rem}.oe-role b{color:var(--gold)}.oe-hands{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:1rem}.oe-hand{text-align:center}.oe-num{font-family:Syne,sans-serif;font-size:46px;font-weight:800;height:56px}.oe-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:320px;margin:0 auto}.oe-pick{aspect-ratio:1;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-family:Syne,sans-serif;font-weight:800;font-size:18px;cursor:pointer}.oe-pick:hover:not(:disabled){border-color:var(--muted)}.oe-pick.sel{border-color:var(--gold);background:var(--subtle)}.oe-pick:disabled{opacity:.5;cursor:default}.lo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:300px;margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px}.lo-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--border);cursor:pointer;background:var(--card);transition:background .15s,box-shadow .15s}.lo-cell.on{background:var(--gold);box-shadow:0 0 14px #f4a82880;border-color:var(--gold)}.tq-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.25rem;margin-bottom:.75rem}.tq-role{text-align:center;font-family:Syne,sans-serif;font-weight:800;font-size:16px;margin-bottom:.5rem}.tq-count{text-align:center;font-size:13px;color:var(--muted);margin-bottom:1rem}.tq-count b{color:var(--gold);font-size:22px}.tq-secret{text-align:center;font-size:13px;color:var(--muted);margin-bottom:.75rem}.tq-secret-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:16px;padding:12px;outline:none;margin-bottom:10px}.tq-verdict{display:flex;gap:8px;justify-content:center;margin-top:.5rem}.chk-shell{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px}.chk-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:0;border-radius:8px;overflow:hidden}.chk-sq{aspect-ratio:1;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:default;position:relative}.chk-sq.dark{background:#2c5540}.chk-sq.light{background:#3f6b52}.chk-sq.playable{cursor:pointer}.chk-sq.sel{box-shadow:inset 0 0 0 3px var(--gold)}.chk-sq.target:after{content:"";width:30%;height:30%;border-radius:50%;background:#f4a82899}.chk-piece{width:74%;height:74%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.chk-piece.p1{background:var(--red);box-shadow:0 2px 4px #0006}.chk-piece.p2{background:var(--purple);box-shadow:0 2px 4px #0006}.chk-king:after{content:"♛";color:var(--gold);font-size:18px}.bs-boards{display:flex;flex-direction:column;gap:12px}.bs-label{font-family:Syne,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.bs-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px}.bs-cell{aspect-ratio:1;border:none;border-radius:4px;background:#1c3a4a;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:13px}.bs-cell:disabled{cursor:default}.bs-cell.ship{background:var(--subtle)}.bs-cell.hit{background:var(--purple)}.bs-cell.miss{background:#14212a}.bs-cell.sunk{background:#8b1a1a}.bs-cell.place-ok:hover{background:#2c5540}.bs-place-info{text-align:center;font-size:13px;color:var(--muted);margin:.5rem 0}.wo-grid{display:grid;grid-template-rows:repeat(6,1fr);gap:6px;max-width:300px;margin:0 auto 1rem}.wo-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.wo-tile{aspect-ratio:1;border:2px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:24px;text-transform:uppercase;color:var(--text)}.wo-tile.filled{border-color:var(--muted)}.wo-tile.correct{background:#4ade80;border-color:#4ade80;color:#0f0e0c}.wo-tile.present{background:var(--gold);border-color:var(--gold);color:#0f0e0c}.wo-tile.absent{background:var(--subtle);border-color:var(--subtle);color:var(--muted)}.wo-keyboard{display:flex;flex-direction:column;gap:6px;max-width:360px;margin:0 auto}.wo-krow{display:flex;gap:4px;justify-content:center}.wo-key{flex:1;min-width:0;padding:12px 0;border:none;border-radius:6px;background:var(--card);color:var(--text);font-family:DM Sans,sans-serif;font-weight:600;font-size:13px;cursor:pointer;text-transform:uppercase}.wo-key.wide{flex:1.6;font-size:11px}.wo-key.correct{background:#4ade80;color:#0f0e0c}.wo-key.present{background:var(--gold);color:#0f0e0c}.wo-key.absent{background:var(--subtle);color:var(--muted)}.fl-wrap{position:relative;background:#1a2b3a;border:1px solid var(--border);border-radius:16px;overflow:hidden;width:100%;aspect-ratio:3 / 4;touch-action:none;-webkit-user-select:none;user-select:none}.fl-canvas{width:100%;height:100%;display:block}.fl-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0e0cb3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:1rem}.tod-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2rem 1.25rem;text-align:center;margin-bottom:1rem;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:12px}.tod-kind{font-family:Syne,sans-serif;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.tod-kind.truth{color:#38bdf8}.tod-kind.dare{color:var(--purple)}.tod-prompt{font-family:Syne,sans-serif;font-size:20px;font-weight:700;line-height:1.35}.tod-for{font-size:12px;color:var(--muted)}.tod-buttons{display:flex;gap:10px}.tod-buttons button{flex:1;font-family:Syne,sans-serif;font-weight:700;font-size:15px;padding:14px;border-radius:12px;border:none;cursor:pointer;color:#fff}.tod-truth{background:#38bdf8;color:#0f0e0c}.tod-dare{background:var(--purple)}