:root{--bg: #131417;--panel: #161c2b;--panel-2: #1e2740;--line: #3c3d42;--text: #e7ecf5;--muted: #9a9ba3;--accent: #6ea8fe;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;letter-spacing:.01em;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden}.screen{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.corner-decor{position:fixed;bottom:-52px;left:-52px;z-index:0;pointer-events:none}.title{font-family:"Press Start 2P",Nunito,system-ui,sans-serif;font-size:2.4rem;letter-spacing:.06em;line-height:1.2;margin:40px 0 24px;text-align:center}.subtitle{color:var(--muted);text-align:center;margin:0 0 20px}.home{max-width:420px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field span{color:var(--muted);font-size:.85rem}input{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:12px;font-size:1rem}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-size:1.4rem}.card{background:var(--panel);border:1px solid var(--line);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.card h2{margin:0;font-size:1.1rem}.rejoin-card{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.rejoin-card p{margin:0}.seg{display:flex;gap:8px}.seg button{flex:1;background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:10px;cursor:pointer}.seg button.on{background:var(--accent);color:#071022;border-color:var(--accent);font-weight:600}button{font-size:1rem}.primary{background:var(--accent);color:#071022;border:none;padding:12px;font-weight:600;cursor:pointer}.primary:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed}.primary.big{padding:16px;font-size:1.1rem;width:100%}.ghost{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 12px;cursor:pointer}.mini{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:6px 10px;cursor:pointer;font-size:.85rem}.mini.on{background:var(--accent);color:#071022;border-color:var(--accent)}.lang-switch{position:fixed;top:10px;right:12px;z-index:55;display:flex;gap:2px;background:var(--panel);border:1px solid var(--line)}.lang-switch button{background:transparent;border:none;color:var(--muted);padding:5px 9px;font-size:.78rem;font-weight:700;letter-spacing:.06em;cursor:pointer}.lang-switch button.on{background:var(--accent);color:#071022}.lobby-head,.game-top{padding-right:68px}.banner{background:#7c4b16;color:#ffe9c9;text-align:center;padding:6px;font-size:.9rem}.notice{position:fixed;top:12px;left:50%;padding:10px 16px;z-index:50;cursor:pointer;max-width:90vw;border:1px solid;animation:notice-life 4s ease forwards}body:has(.screen.game) .notice{pointer-events:none;cursor:default}.notice-error{background:#3a2030;color:#ffd7df;border-color:#6b3350}.notice-success{background:#123021;color:#c9ffdd;border-color:#2f6b47}.notice-info{background:#12283a;color:#cfe8ff;border-color:#2f597b}@keyframes notice-life{0%{opacity:0;transform:translate(-50%,-10px)}8%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-code{font-size:2.6rem;font-weight:700;text-align:center;margin:8px 0 4px}.room-code strong{letter-spacing:.12em;color:var(--accent)}.room-code.small{color:var(--muted);font-size:.9rem}.seat-list{display:flex;flex-direction:column;gap:12px;margin:20px 0}.seat-line{display:flex;align-items:stretch;gap:12px}.seat-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:58px;background:var(--panel);border:1px solid var(--line);padding:16px;font-size:1.1rem;flex-wrap:wrap}.seat-name{flex:1}.seat-name em{color:var(--muted);font-style:normal}.seat-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.chip{position:relative;align-self:stretch;width:58px;flex:none}.host-star{position:absolute;top:3px;right:5px;font-size:1.35rem;line-height:1;color:#facc15;text-shadow:0 0 2px rgba(0,0,0,.85),0 0 1px rgba(0,0,0,.85)}.waiting{color:var(--muted);text-align:center}.friends-empty{color:var(--muted);font-size:.9rem;margin:4px 0 0}.friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.friend-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;background:var(--panel);border:1px solid var(--line);padding:10px 12px}.friend-dot{width:10px;height:10px;flex:none;background:var(--muted);border-radius:50%;opacity:.5}.friend-dot.online{background:#22c55e;opacity:1}.friend-name{flex:1 1 7em;min-width:0;display:flex;flex-direction:column}.friend-display,.friend-rec{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-rec{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.friend-rec-btn{background:none;border:0;padding:2px 0;margin:0;text-align:left;font-family:inherit;cursor:pointer;min-height:0}.friend-rec-caret{margin-left:4px}.friend-rec-games{list-style:none;margin:2px 0 0;padding:0;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.friend-rec-games li{display:flex;flex-direction:column;margin-top:2px}.friend-rec-mode{padding-left:10px}.friend-actions{display:flex;gap:10px;margin-left:auto}.invite-btn:disabled{color:var(--muted);cursor:not-allowed;opacity:.6}.friend-kebab{flex:none;padding:6px 8px;line-height:1;font-size:1.1rem}.lobby-invite{margin:20px 0}.accent-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:middle;flex:none}.seat-pick{display:flex;flex-wrap:wrap;gap:4px;align-items:center;flex:0 1 auto;min-width:0}.seat-pick-label{color:var(--muted);font-size:.8rem;margin-right:2px}.seat-pick-btn{min-width:26px;height:26px;border-radius:5px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-size:.85rem;font-weight:600;padding:0 4px;cursor:pointer}.seat-pick-btn.on{border:2px solid var(--text)}.seat-pick-btn:disabled{cursor:not-allowed}.seat-pick-btn:disabled:not(.on){opacity:.35}.color-pick-btn{display:inline-flex;align-items:center;gap:6px;flex:none}.color-pick-dot{width:12px;height:12px;border-radius:3px;flex:none;box-shadow:0 0 0 1px #00000073}.color-pick{position:fixed;z-index:60;box-sizing:border-box;width:max-content;max-width:calc(100vw - 16px);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 28px #00000080;padding:10px 12px 12px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px}.color-pick-head{font-weight:600;font-size:.95rem;flex:none}.color-pick-note{flex:none;margin:0;color:var(--muted);font-size:.8rem;line-height:1.35;max-width:224px}.color-pick-note.cb-note{color:var(--text);border-left:3px solid var(--accent);padding-left:8px}.color-pick-swatches{flex:none;display:grid;grid-template-columns:repeat(6,30px);gap:6px}.color-pick-swatch{position:relative;width:30px;height:30px;border-radius:6px;border:2px solid transparent;padding:0;cursor:pointer}.color-pick-swatch.on{border-color:var(--text);box-shadow:inset 0 0 0 2px var(--panel)}.color-pick-swatch.taken{cursor:not-allowed;opacity:.3}.color-pick-swatch.taken:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--text) calc(50% - 1.5px),var(--text) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.color-pick-reset{align-self:flex-end;flex:none}.color-pick-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);padding:0;cursor:pointer}.swatch.on{border-color:var(--text);transform:scale(1.12)}.auth-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:4px;min-height:28px}.auth-bar .hint{margin:0}.friends-login-hint{margin-top:8px}.add-friend-btn{margin-left:8px;flex:none}.rec-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rec-total{display:flex;flex-direction:column;align-items:center;background:var(--panel-2);border:1px solid var(--line);padding:8px 4px}.rec-total strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.rec-total span{color:var(--muted);font-size:.75rem}.rec-total.win strong{color:#22c55e}.rec-total.loss strong{color:#ef4444}.rec-modes{display:flex;flex-direction:column;gap:2px}.rec-mode{display:flex;justify-content:space-between;gap:8px;padding:2px;font-size:.85rem}.rec-game-section{margin-bottom:4px}.rec-submode{padding-left:12px;font-size:.8rem;color:var(--muted)}.rec-mode-stat{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.rec-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.rec-row{display:grid;grid-template-columns:4.5em 1fr auto 4.5em;align-items:center;gap:8px;background:var(--panel-2);padding:6px 10px;font-size:.85rem}.rec-date,.rec-points{color:var(--muted);font-variant-numeric:tabular-nums}.rec-points{text-align:right}.rec-game{min-width:0;line-height:1.25}.rec-result{font-weight:700;font-size:.75rem;letter-spacing:.04em}.rec-result.win{color:#22c55e}.rec-result.loss{color:#ef4444}.rec-result.tie{color:var(--muted)}.lobby-invite h3{color:var(--muted);font-size:.9rem;font-weight:600;margin:0 0 10px}.player{cursor:context-menu}.ctx-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65}.ctx-menu{position:fixed;z-index:66;min-width:160px;max-width:220px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 6px 20px #00000073;padding:4px}.ctx-title{color:var(--muted);font-size:.75rem;padding:6px 10px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctx-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:8px 10px;cursor:pointer;font-size:.9rem}.ctx-item:hover:not(:disabled){background:var(--accent);color:#071022}.ctx-item:disabled{color:var(--muted);cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0009;padding:16px}.modal{background:var(--panel);border:1px solid var(--line);padding:24px;max-width:360px;width:100%;text-align:center}.modal h2{margin:0 0 8px}.modal p{margin:0 0 20px}.invite-actions{display:flex;gap:10px}.invite-actions .primary,.invite-actions .ghost{flex:1}.seat-switch{display:inline-flex;align-items:center;gap:8px;background:none;border:none;padding:0;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:700;letter-spacing:.08em}.switch-track{position:relative;width:40px;height:20px;background:var(--panel-2);border:1px solid var(--line);display:inline-block;flex:none}.switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--muted);transition:left .12s ease,background .12s ease}.seat-switch.on{color:var(--accent)}.seat-switch.on .switch-track{background:var(--accent);border-color:var(--accent)}.seat-switch.on .switch-thumb{left:22px;background:#071022}.game-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.turn-tag{display:flex;align-items:center;gap:8px;font-weight:600}.game-body{display:flex;gap:16px;align-items:flex-start}.board-wrap{flex:1;min-width:0}.board{width:100%;max-width:min(72vh,100%);display:block;margin:0 auto;border:1px solid var(--line)}.side{width:260px;flex:none;display:flex;flex-direction:column;gap:14px}.players{display:flex;flex-direction:column;gap:6px}.player{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);padding:8px 10px}.player.is-turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.screen.rummikub .player.is-turn{border-color:var(--seat-color, var(--accent));box-shadow:0 0 0 1px var(--seat-color, var(--accent)) inset}.pname{flex:1;font-size:.9rem}.pstat{color:var(--muted);font-size:.85rem}.offline-badge{display:inline-block;margin-left:6px;padding:1px 5px;border-radius:3px;background:#eab308;color:#131417;font-size:.6rem;font-weight:700;letter-spacing:.04em;vertical-align:middle}.offline-badge.expired{background:#ef4444;color:#fff}.offline-badge.done{background:#22c55e;color:#071022}.offline-badge.stuck{background:var(--panel-2);color:var(--muted);border:1px solid var(--line)}.first-tag{margin-left:6px;color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.06em;vertical-align:middle}.turn-clock{margin-left:6px;color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}.turn-clock.urgent{color:#ef4444;font-weight:700}.blitz-clock{flex:none;padding:1px 6px;border:1px solid var(--line);font-size:.85rem;font-variant-numeric:tabular-nums;white-space:nowrap}.blitz-clock.urgent{background:#ef4444;border-color:#ef4444;color:#fff}.lobby-blitz{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 20px}.lobby-blitz .hint,.lobby-blitz.hint{text-align:left;margin:0}.lobby-option{margin:0 0 20px}.player.has-pop{position:relative}.player-pop{display:none;position:absolute;z-index:40;top:0;right:calc(100% + 8px);width:216px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 6px 20px #00000073;padding:8px 10px;pointer-events:none}.player.has-pop:hover .player-pop,.player.has-pop:focus .player-pop{display:block}.pop-stat{margin:0 0 6px;color:var(--muted);font-size:.75rem}.pop-pieces{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.spectating{background:var(--panel);border:1px solid var(--line);padding:12px}.spectating p{margin:0 0 6px}.abandon-actions{display:flex;flex-direction:column;gap:8px}.abandon-diff{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}.controls{background:var(--panel);border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}.selected-preview{min-height:60px;display:flex;align-items:center;justify-content:center}.hint{color:var(--muted);font-size:.85rem;text-align:center}.control-row{display:flex;gap:8px}.control-row .mini{flex:1}.tray-wrap{margin-top:14px}.tray{display:flex;flex-wrap:wrap;gap:6px;background:var(--panel);border:1px solid var(--line);padding:10px;justify-content:center}.tray-disabled{opacity:.5}.tray-empty{color:var(--muted);padding:10px}.piece-btn{background:var(--panel-2);border:1px solid var(--line);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.piece-btn.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.hint.small{font-size:.78rem;line-height:1.35;margin:4px 0 0}.drag-ghost{position:fixed;z-index:60;pointer-events:none;opacity:.85;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.corner-pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.last-move{animation:last-move-flash 1.1s ease-out forwards}@keyframes last-move-flash{0%{opacity:1}55%{opacity:1}to{opacity:.42}}.replace-bar{margin-top:12px}.replace-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810bf;display:flex;align-items:center;justify-content:center;z-index:40;padding:16px;overflow-y:auto}.overlay-card{background:var(--panel);border:1px solid var(--line);padding:24px;width:min(420px,100%);margin:auto;display:flex;flex-direction:column;gap:14px;text-align:center}.overlay-card h2{margin:0}.results{display:flex;flex-direction:column;gap:6px}.result{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:var(--panel-2);padding:8px 10px}.result.win{outline:1px solid var(--accent)}.result .rank{width:18px;flex:none;color:var(--muted)}.result .chip:not(.seat-num){align-self:center;width:32px;height:20px}.result .pname{flex:1 1 4em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result .pstat{white-space:nowrap}.result .add-friend-btn{margin-left:auto}.screen.rummikub .rk-bag{color:var(--muted);font-size:.85rem;white-space:nowrap}.rk-table{flex:1 1 auto;min-height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--panel);border:1px solid var(--line)}.rk-canvas{flex:none;display:flex;flex-direction:column;gap:10px;transform-origin:0 0}.rk-fit{flex:none;overflow:clip}.rk-rows{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;flex:0 0 auto}.rk-rows:empty{display:none}.rk-free{position:relative;flex:1 0 auto}.rk-rows:not(:empty)+.rk-free{border-top:1px dashed var(--line)}.rk-meld.rk-placed{position:absolute;max-width:100%}.rk-meld{display:flex;flex-wrap:wrap;max-width:100%;gap:3px;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);cursor:pointer}.rk-meld.bad{border-color:#e5484d;box-shadow:0 0 0 1px #e5484d inset}.rk-tile{min-width:30px;height:42px;padding:0 6px;border:1px solid var(--line);border-radius:5px;background:#f4f1e8;color:#131417;font-weight:800;font-size:1.05rem;line-height:1;cursor:pointer;font-variant-numeric:tabular-nums}.rk-tile.joker{color:#7c3aed}.rk-tile.held{outline:2px solid var(--accent);outline-offset:1px;transform:translateY(-3px)}.rk-tile.dimmed{opacity:.45}.rk-tile.dragging{opacity:.3}.rk-tile.ins-before{box-shadow:-5px 0 0 -1px var(--accent)}.rk-tile.ins-after{box-shadow:5px 0 0 -1px var(--accent)}.rk-tile,.rk-grip{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.rk-myturn .rk-table .rk-tile{touch-action:pan-y}.rk-myturn [data-still] .rk-tile{touch-action:none}.rk-dragging,.rk-dragging *{cursor:grabbing}.rk-grip{display:inline-flex;align-items:center;justify-content:center;min-width:16px;margin-right:1px;color:var(--muted);font-size:.8rem;letter-spacing:-2px;cursor:grab;touch-action:none}.rk-grip:hover{color:var(--text)}.rk-grip.off{visibility:hidden;pointer-events:none}.rk-meld.drop,.rk-table.drop,.rk-rack-wrap.drop .rk-rack{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.rk-ghost{position:fixed;z-index:60;display:flex;gap:3px;pointer-events:none;transform:translate(-50%,calc(-100% - 8px)) scale(var(--rk-gs, 1));transform-origin:50% 100%;opacity:.92;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.rk-ghost.touch{transform:translate(-50%,-50%) scale(var(--rk-gs, 1));transform-origin:50% 50%}.rk-ghost.to-new{outline:2px dashed var(--accent);outline-offset:4px;border-radius:6px}.rk-ghost.to-none{opacity:.45;filter:grayscale(.6)}.rk-tile.fresh{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e;position:relative}.rk-tile.fresh:after{content:"";position:absolute;left:20%;right:20%;bottom:2px;height:3px;border-radius:2px;background:#22c55e;pointer-events:none}.rk-meld.fresh{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e inset,0 0 0 1px #22c55e}.rk-meld.fresh.bad{border-color:#e5484d;box-shadow:0 0 0 1px #e5484d inset}.rk-tile.joker{position:relative}.rk-tile.joker:has(.rk-jv){padding-top:7px}.rk-jv{position:absolute;top:2px;left:1px;right:1px;display:flex;align-items:center;justify-content:center;gap:1px;font-size:9px;line-height:1;font-weight:800;color:#131417;white-space:nowrap;overflow:hidden;pointer-events:none}.rk-jv-dot{display:inline-block;width:4px;height:4px;border-radius:50%;margin-left:1px}.rk-meld.joker-fits{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee inset}.rk-meld.joker-nofit{border-color:#e5484d;box-shadow:0 0 0 2px #e5484d inset}.rk-table .rk-tile.armed-swap{animation:none;box-shadow:0 0 0 4px #22d3ee,0 0 14px 3px #22d3eecc}.rk-table .rk-tile.armed-refuse{animation:none;box-shadow:0 0 0 3px #e5484d;background-image:linear-gradient(135deg,transparent 0 46%,rgba(229,72,77,.55) 46% 54%,transparent 54% 100%)}.rk-tile.swappable{animation:rk-swap .9s ease-in-out infinite alternate}@keyframes rk-swap{0%{box-shadow:0 0 0 2px #22d3ee}to{box-shadow:0 0 0 4px #22d3ee,0 0 12px 2px #22d3eeb3}}.rk-tile.freed{box-shadow:0 0 0 2px #f59e0b,0 0 0 4px #f59e0b59}.rk-tile.arriving{animation:rk-arrive .35s ease-out}@keyframes rk-arrive{0%{transform:scale(.4);opacity:.2}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.rk-tile.swappable,.rk-tile.arriving{animation:none}.rk-tile.swappable{box-shadow:0 0 0 3px #22d3ee}}@property --rk-spin{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rk-spin{to{--rk-spin: 360deg}}.rk-tile.drawn{--rk-ring: #22d3ee;box-shadow:0 0 0 2px #22d3ee,0 0 10px 2px #22d3ee8c;position:relative}.rk-tile.recent{--rk-ring: #f5c542;box-shadow:0 0 0 2px #f5c542,0 0 10px 2px #f5c54280;position:relative}.rk-tile.drawn:after,.rk-tile.recent:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:9px;padding:3px;background:conic-gradient(from var(--rk-spin),transparent 0deg,transparent 190deg,var(--rk-ring) 280deg,#ffffff 335deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);filter:drop-shadow(0 0 3px var(--rk-ring));animation:rk-spin 1.6s linear infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.rk-tile.drawn:after,.rk-tile.recent:after{animation:none}}.rk-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.rk-controls .primary,.rk-controls .ghost{flex:none}.rk-hint{flex:1 1 100%;margin:0;line-height:1.3;height:2.6em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.rk-rack-wrap{display:flex;flex-direction:column;gap:6px}.rk-rack-title{margin:0;font-size:.8rem;color:var(--muted);font-weight:600}.rk-controls .rk-sort{white-space:nowrap;margin-left:auto}.rk-sort-ico{display:inline-block;width:1.1em;height:1em;line-height:1;vertical-align:middle;text-align:center}.rk-lbl-stack{display:inline-grid;margin-left:.3em}.rk-lbl-stack>span{grid-area:1 / 1;visibility:hidden}.rk-lbl-stack>span.on{visibility:visible}.rk-fly{position:fixed;transform-origin:0 0;z-index:58;display:flex;pointer-events:none;will-change:transform;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}.rk-fly .rk-tile{cursor:default}.rk-tile.rk-back{display:inline-block;background:repeating-linear-gradient(135deg,#d9d2bd 0,#d9d2bd 4px,#f4f1e8 4px,#f4f1e8 8px)}.rk-anim-toggle{white-space:nowrap}.rk-anim-switch{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 20px}.rk-anim-switch .hint{text-align:left;margin:0}@media(max-width:400px){.screen.rummikub .rk-controls>.rk-anim-toggle{display:none}}@media(max-width:820px),(max-height:560px){.screen.rummikub .rk-controls>.rk-anim-toggle{flex:0 0 44px}.screen.rummikub .rk-anim-toggle .rk-lbl{display:none}}.rk-anim-toggle .rk-anim-ico{vertical-align:-3px;color:var(--muted)}.rk-anim-toggle.on .rk-anim-ico{color:var(--accent)}.rk-bag-badge{display:none;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:.75rem;font-weight:600;min-width:2.6em;text-align:center;box-sizing:border-box}.rk-rack{display:flex;flex-wrap:wrap;gap:4px;padding:8px;min-height:58px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px}.rk-over .result{flex-wrap:wrap;row-gap:6px}.rk-over .pname{min-width:0;overflow:hidden;text-overflow:ellipsis}.rk-over .pstat{white-space:nowrap}.rk-over .add-friend-btn{margin-left:auto}.chip.seat-num{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-size:.7rem;font-weight:700}@media(max-width:720px){.home{max-width:100%}.players{flex-direction:row;flex-wrap:wrap}.player{flex:1 1 45%}}@media(max-width:820px),(max-height:560px){.screen.game{--game-chrome: 268px;height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-top{margin-bottom:0;padding-right:124px;gap:6px;flex:0 0 auto}.game-top .turn-tag{font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-top .room-code.small{display:none}.game-top .turn-tag:has(.blitz-clock) .chip{display:none}@media(max-width:360px){.game-top .turn-tag .chip{display:none}}.blitz-icon{display:none}.game-top .ghost{white-space:nowrap;flex:none}.corner-decor{display:none}body:has(.screen.game) .notice{top:calc(max(8px,env(safe-area-inset-top)) + 56px)}.game-body{flex:0 0 auto;min-height:0;flex-direction:column;align-items:stretch;gap:6px}.board-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.board{width:min(100%,calc(100dvh - var(--game-chrome)));height:auto;max-width:100%;aspect-ratio:1 / 1;margin:0}.side{width:100%;flex:0 0 auto;gap:6px}.players{flex-direction:row;flex-wrap:nowrap;gap:4px}.player{flex:1 1 0;min-width:0;padding:4px 5px;gap:4px}.player .chip{width:12px;height:12px;flex:none}.player .pname{font-size:.68rem;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .pstat{font-size:.66rem;white-space:nowrap}.player .turn-clock,.player .first-tag{display:none}.controls{padding:6px;gap:6px;flex:0 0 auto}.controls>button,.control-row{flex:none}.selected-preview,.controls .hint.small{display:none}.controls .waiting{margin:2px 0;font-size:.85rem}.primary.big{padding:11px;font-size:.95rem;min-height:44px}.control-row .mini{min-height:42px}.tray-wrap{flex:1 1 auto;min-height:0;margin-top:0;display:flex}.tray{flex:1 1 auto;min-height:56px;overflow-y:auto;align-content:flex-start;padding:6px;gap:4px;-webkit-overflow-scrolling:touch}.screen.rummikub .rk-table{padding:6px}.screen.rummikub .rk-canvas,.screen.rummikub .rk-rows{gap:6px}.screen.rummikub .rk-meld{padding:3px;gap:2px}.screen.rummikub .rk-tile{min-width:26px;height:38px;font-size:.95rem;padding:0 4px}.screen.rummikub .rk-controls{margin:0;flex:0 0 auto;gap:6px}.screen.rummikub .rk-controls>button{flex:1 1 auto;min-height:42px}.screen.rummikub .rk-hint{font-size:.75rem}.screen.rummikub .rk-rack-wrap{flex:0 0 auto}.screen.rummikub .rk-rack-title,.screen.rummikub .rk-bag{display:none}.screen.rummikub .rk-bag-badge{display:inline-block}.overlay-card.rk-over{padding:16px}.rk-over h2{font-size:1.15rem}}@media(max-width:400px){.screen.rummikub .game-top>.ghost{padding:6px 8px;font-size:.85rem}.screen.rummikub .turn-tag em{display:none}}@media(max-width:820px){.players{position:relative}.player.has-pop{position:static}.player-pop{top:calc(100% + 4px);left:0;right:0;width:auto}}@media(max-height:560px){.screen.game{--game-chrome: 138px}.game-body{flex-direction:row;gap:8px}.side{width:210px;flex:0 0 auto}.players{flex-direction:column;flex-wrap:nowrap}.player{flex:0 0 auto}.player .pname{font-size:.7rem}.players{position:static}.player.has-pop{position:relative}.player-pop{top:0;left:auto;right:calc(100% + 8px);width:200px}.tray{min-height:52px}.game-top{padding-right:124px}.screen.rummikub .rk-tile{height:34px}}@media(min-width:821px)and (max-height:820px){.board{max-width:min(64vh,100%)}}@media(max-width:640px){.overlay{padding-top:64px}}@media(max-width:1180px){.game-top{padding-right:124px}}@media(min-width:1200px){.game-top{padding-right:0}}@media(pointer:coarse){.mini{padding:9px 12px;font-size:.9rem;min-height:40px}.lang-switch button{padding:10px 14px;min-height:40px}.seat-pick-btn{min-width:40px;height:40px}.color-pick-swatches{grid-template-columns:repeat(5,40px)}.color-pick-swatch{width:40px;height:40px}.color-pick-btn{min-height:40px}.swatch{width:40px;height:40px}.auth-bar button.mini,.seat-switch{min-height:40px}.notice{padding:14px 16px}.screen.rummikub .rk-tile{min-width:40px;height:44px}.screen.rummikub .rk-grip{min-width:24px}}.screen.rummikub .player-pop{top:calc(100% + 4px);left:0;right:auto;width:max(100%,180px)}.screen.rummikub .player:last-child .player-pop{left:auto;right:0}@media(max-width:820px)and (min-height:561px){.screen.rummikub .player-pop,.screen.rummikub .player:last-child .player-pop{left:0;right:0;width:auto}}.rk-pop-name{margin:0 0 6px;font-size:.8rem;font-weight:600}.screen.rummikub .turn-tag{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen.game.rummikub{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;gap:8px}.screen.rummikub .game-top{margin-bottom:0;flex:0 0 auto}.screen.rummikub .players{flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;gap:6px}.screen.rummikub .player{flex:1 1 0;min-width:0;padding:5px 10px}.screen.rummikub .player .pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen.rummikub .rk-table{flex:1 1 auto;min-height:0}.screen.rummikub .rk-controls{margin:0;flex:0 0 auto;flex-wrap:nowrap;gap:8px}.screen.rummikub .rk-controls .rk-hint{flex:1 1 auto;text-align:left;min-width:0}.screen.rummikub .rk-controls>button{white-space:nowrap;flex:0 0 auto}.screen.rummikub .rk-controls>.rk-anim-toggle{margin-left:auto}.screen.rummikub .rk-controls .rk-sort{margin-left:0}.screen.rummikub .rk-rack-wrap{flex:0 0 auto}.screen.rummikub .rk-rack-title{display:none}.screen.rummikub .rk-rack{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;padding:5px var(--rk-rack-pad-r, 5px) 5px 5px;gap:4px;min-height:0;max-width:100%;box-sizing:border-box}.screen.rummikub .rk-rack .rk-tile{flex:0 0 var(--rk-tile-w, 32px);width:var(--rk-tile-w, 32px);min-width:0;padding:0;touch-action:none}.rk-lbl-short,.rk-ico{display:none}@media(max-width:600px){.screen.rummikub .rk-controls{flex-wrap:wrap;gap:6px}.screen.rummikub .rk-controls .rk-hint{flex:1 1 100%;order:-1;text-align:center}.screen.rummikub .rk-controls>button{flex:1 1 auto;min-width:0;padding-left:8px;padding-right:8px}.screen.rummikub .rk-controls>button.rk-icon-btn{flex:0 0 44px}.screen.rummikub .rk-lbl{display:none}.screen.rummikub .rk-ico{display:inline}}@media(max-width:600px),(max-height:560px){.screen.rummikub .rk-lbl-long{display:none}.screen.rummikub .rk-lbl-short{display:inline}}@media(max-width:820px),(max-height:560px){.screen.game.rummikub{gap:6px}.screen.rummikub .player{padding:4px 5px}}@media(pointer:coarse){.screen.rummikub .rk-tile{height:40px}.screen.rummikub .rk-table .rk-tile,.screen.rummikub .rk-ghost .rk-tile{min-width:30px}}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.room-code,.selectable{-webkit-user-select:text;user-select:text}.player.has-reveal{flex-wrap:wrap}.rk-reveal{flex:1 0 100%;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px}.rk-mini{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:20px;padding:0 2px;border:1px solid var(--line);border-radius:3px;background:#f4f1e8;font-weight:800;font-size:.7rem;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.rk-mini.joker{color:#7c3aed}.rk-reveal-pts{margin-left:4px;color:var(--muted);font-size:.72rem;white-space:nowrap}.screen.rummikub .rk-controls>button.ghost{background:var(--panel-2);border-color:#4a5172}.screen.rummikub .rk-controls>button.ghost:hover:not(:disabled){background:#28335a}.screen.rummikub .rk-controls>button:disabled{opacity:1;color:var(--muted)}.screen.rummikub .rk-controls>button.primary:disabled{background:#2a3350}body:has(.screen.rummikub) .notice{top:auto;bottom:var(--rk-notice-bottom, 160px);left:var(--rk-notice-x, 50%);max-width:min(90vw,520px,var(--rk-notice-max, 90vw));text-align:center;animation-name:notice-life-up}body:has(.screen.rummikub .overlay) .notice{z-index:39}@keyframes notice-life-up{0%{opacity:0;transform:translate(-50%,10px)}8%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}@media(max-height:560px)and (orientation:landscape){.screen.game.rummikub{display:grid;grid-template-columns:minmax(0,1fr) clamp(200px,28vw,260px);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"top top" "table players" "table controls" "rack rack";column-gap:8px;row-gap:6px}.screen.rummikub>.game-top{grid-area:top}.screen.rummikub>.players{grid-area:players;min-width:0;min-height:0;flex-direction:column;gap:4px}.screen.rummikub>.players:has(.has-reveal){overflow-y:auto}.screen.rummikub .player{flex:0 0 auto}.screen.rummikub .player-pop{top:0;left:auto;right:calc(100% + 8px);width:200px}.screen.rummikub>.rk-table{grid-area:table;min-height:0}.screen.rummikub>.rk-controls{grid-area:controls;align-self:end;min-width:0}.screen.rummikub>.rk-rack-wrap{grid-area:rack}.screen.rummikub .rk-bag{display:inline}.screen.rummikub .rk-bag-badge{display:none}.screen.rummikub .rk-controls:not(.final-board){display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 40px;gap:6px}.screen.rummikub .rk-controls>button{min-width:0;min-height:42px;padding-left:4px;padding-right:4px}.screen.rummikub .rk-lbl{display:none}.screen.rummikub .rk-ico{display:inline}.screen.rummikub .rk-controls .rk-hint{grid-column:1 / 4;order:0;text-align:left}.screen.rummikub .rk-controls>.rk-anim-toggle{grid-column:4;margin:0}.screen.rummikub .rk-controls.final-board{display:flex;flex-direction:column;align-items:stretch;gap:6px}.screen.rummikub .final-board .waiting{margin:0}}.rules-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;align-self:stretch;padding:0 9px;min-width:36px;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer}.game-top .rules-btn,.game-top .turn-tag{margin-right:auto}.rules-btn:hover,.rules-btn:focus-visible{color:var(--text)}.subtitle .rules-btn{display:inline-flex;vertical-align:middle;margin-left:8px;padding:4px 8px}.home-game-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.home-game-head .rules-btn{align-self:center;padding:6px 9px}.rulebook-backdrop{z-index:70;padding:12px}.modal.rulebook{max-width:560px;max-height:calc(100dvh - 24px);display:flex;flex-direction:column;padding:0;text-align:left}.rulebook-head{display:flex;align-items:center;gap:8px;padding:12px 12px 10px 18px;border-bottom:1px solid var(--line);flex:none}.modal.rulebook h2{margin:0;flex:1;min-width:0;font-size:1.15rem;line-height:1.3}.rulebook-close{flex:none;width:40px;height:40px;padding:0;font-size:1.4rem;line-height:1}.rulebook-body{overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 16px;min-height:0}.rulebook-body:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.rb-goal{display:flex;flex-direction:column;gap:2px;margin:14px 0 4px;padding:10px 12px;background:var(--panel-2);border-left:3px solid var(--accent);font-size:1rem;line-height:1.4;font-weight:600}.rb-goal-tag{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.rb-h{margin:18px 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.rb-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rb-steps>li{display:flex;gap:10px;align-items:flex-start}.rb-num{flex:none;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#0d1220;font-weight:800;font-size:.82rem}.rb-step{flex:1;min-width:0}.rb-step>p{margin:2px 0 0;font-size:.95rem;line-height:1.4}.rb-art{margin:8px 0 0}.rb-cap{font-size:.78rem;color:var(--muted);line-height:1.3}.rb-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.rb-tiles{display:inline-flex;gap:3px}.rb-art .rk-mini{min-width:22px;height:30px;font-size:.95rem;border-radius:4px;border-color:#c9c3b3}.rb-art .rk-mini .rk-suit{width:8px;height:8px}.rb-sets{display:flex;flex-wrap:wrap;gap:10px 18px}.rb-sets>div{display:flex;flex-direction:column;gap:4px}.rb-sum{font-size:.9rem;font-weight:700;color:var(--text)}.rb-plus,.rb-arrow{color:var(--muted);font-weight:700}.rb-swap{display:flex;flex-direction:column;gap:6px}.rb-swap .rb-cap{margin-top:-2px}.rb-arrow,.rb-plus{min-width:12px;text-align:center}.rb-touch{display:grid;grid-template-columns:repeat(3,minmax(0,92px));gap:8px}.rb-touch-fig{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.rb-touch-fig svg{width:100%;max-width:72px;height:auto}.rb-touch-fig .rb-cap{display:flex;flex-direction:column;align-items:center;text-align:center}.rb-verdict{font-size:1rem;line-height:1.1}.rb-touch-fig.ok .rb-verdict{color:#4ade80;font-weight:800}.rb-touch-fig.no .rb-verdict{color:#f87171;font-weight:800}.rb-grid{fill:#1b2133;stroke:#33384a;stroke-width:1}.rb-next{opacity:.6;stroke:#fff;stroke-width:1;stroke-dasharray:2 1.5}.rb-ok-mark{fill:#4ade80;stroke:#0d1220;stroke-width:1.2}.rb-no-mark{stroke:#f87171;stroke-width:3;stroke-linecap:round}.rb-more{display:flex;flex-direction:column;border-top:1px solid var(--line)}.rb-more details{border-bottom:1px solid var(--line)}.rb-more summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:6px 2px;cursor:pointer;font-weight:600;font-size:.95rem}.rb-more summary::-webkit-details-marker{display:none}.rb-more summary:after{content:"";flex:none;width:7px;height:7px;margin-right:4px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .15s}.rb-more details[open]>summary:after{transform:translateY(2px) rotate(225deg)}.rb-more summary:hover{color:var(--accent)}.rb-more summary:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.rb-more ul{margin:0 0 10px;padding-left:1.1em}.rb-more li{margin:4px 0;font-size:.9rem;line-height:1.4}.rb-more li::marker{color:var(--accent)}.rb-more details>.rb-art{margin:0 0 12px}@media(max-width:400px){.rulebook-head{padding:10px 8px 8px 14px}.rulebook-body{padding:2px 14px 14px}.modal.rulebook h2{font-size:1.05rem}}@media(max-height:560px){.rulebook-backdrop{padding:8px}.modal.rulebook{max-height:calc(100dvh - 16px)}.rulebook-head{padding-top:6px;padding-bottom:6px}}@media(max-width:480px){.game-top .leave-btn{padding-left:12px;padding-right:12px}.game-top .leave-word{display:none}}.cb-chip{display:inline-flex;align-items:center;justify-content:center}.cb-chip>svg{width:60%;max-width:20px;height:auto;flex:none}.rk-tile.suited{position:relative;padding-top:.86em}.screen.rummikub .rk-tile.suited{padding-top:.86em}.rk-suit{position:absolute;top:.12em;left:50%;width:.7em;height:.7em;transform:translate(-50%);pointer-events:none}.rk-mini{position:relative}.rk-mini .rk-suit{position:static;transform:none;width:.72em;height:.72em;margin-right:1px}.rk-jv-suit{display:inline-block;width:7px;height:7px;vertical-align:-1px;margin:0 1px 0 0}.game-top-end{display:flex;align-items:center;align-self:stretch;gap:8px;flex:none}.cb-toggle{flex:none;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:0 8px;line-height:0;color:var(--muted)}.cb-toggle .cb-ico{display:block}.cb-toggle.on{color:var(--accent);border-color:var(--accent)}.cb-switch{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 20px}.cb-switch .hint{text-align:left;margin:0}.field .cb-switch{margin:0}@media(max-width:400px){.game-top .cb-toggle{display:none}.game-top-end{display:contents}}@media(max-width:360px){.seat-pick .seat-pick-label{flex-basis:100%}.seat-pick .seat-pick-btn{min-width:32px}}.danger{border-color:#f87171;color:#fca5a5}.primary.danger{background:#dc2626;color:#fff}.primary.danger:disabled{background:var(--panel-2);color:var(--muted)}.quit-card p{margin:0}