:root{--bg: #f6f1e7;--card: #fffdf8;--ink: #2d2a26;--muted: #8a8176;--line: #e7dfd0;--accent: #2f7d6d;--accent-2: #e98b3a;--danger: #c2453d;--tile: #f4d58d;--tile-edge: #d9b25c;--tile-ink: #3b2f1e;--me-row: #e9f5f1;--surface-2: #f3ede1;--input-bg: #fff;--nav: #1f5f53;--board: #1f5f53;--sq: #e9e3d3;--tw: #d4574b;--dw: #eaa4a0;--tl: #3e7cc0;--dl: #a9cfe8;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}button{font:inherit}a{color:var(--accent);text-decoration:none}main{max-width:1200px;margin:0 auto;padding:16px}h2{margin:0 0 12px;font-size:1.15rem;display:flex;align-items:center;gap:8px}h3{margin:12px 0 8px;font-size:.95rem}.muted{color:var(--muted)}.centered{text-align:center;margin-top:40px}.error{color:var(--danger)}.ok{color:var(--accent)}.topbar{display:flex;align-items:center;gap:20px;padding:10px 20px;background:var(--nav);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0002}.topbar a{color:#e6f2ee;font-weight:500}.topbar nav{display:flex;gap:16px;flex:1}.topbar nav a.router-link-exact-active{color:#fff;border-bottom:2px solid var(--tile)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem;color:#fff!important;letter-spacing:.5px}.logo-tile{background:var(--tile);color:var(--tile-ink);width:28px;height:28px;border-radius:5px;display:grid;place-items:center;font-family:Georgia,serif;box-shadow:inset 0 -2px 0 var(--tile-edge)}.dot{width:9px;height:9px;border-radius:50%;background:#b9b2a6;display:inline-block;margin-right:6px;flex:none}.dot.on{background:#3ccf7a;box-shadow:0 0 0 3px #3ccf7a33}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 1px 3px #0000000d}.btn{border:1px solid var(--line);background:var(--input-bg);color:var(--ink);padding:9px 14px;border-radius:9px;font-weight:600;cursor:pointer;font-size:.92rem;display:inline-block}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--danger)}.btn.ghost{background:transparent}.topbar .btn.ghost{color:#fff;border-color:#fff5}.btn.sm{padding:5px 10px;font-size:.82rem}.btn.block{width:100%}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:1rem;background:var(--input-bg);color:var(--ink);margin-top:4px}input:focus{outline:2px solid var(--accent);border-color:transparent}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:12px;color:#5b544b}.auth-wrap{min-height:90vh;display:grid;place-items:center;align-content:center;gap:28px}.auth-hero{text-align:center}.auth-hero p{color:var(--muted)}.hero-logo{margin:0 0 6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:inherit}.hero-tiles{display:flex;gap:6px;justify-content:center;flex-wrap:nowrap}.auth-card{width:min(380px,92vw)}.tabs{display:flex;margin-bottom:16px;border-bottom:1px solid var(--line)}.tabs button{flex:1;background:none;border:none;padding:10px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;font-size:1rem}.tabs button.active{color:var(--accent);border-color:var(--accent)}.tile{position:relative;background:linear-gradient(#f8e1a6,var(--tile));color:var(--tile-ink);border-radius:12%;display:grid;place-items:center;font-family:Georgia,Times New Roman,serif;font-weight:700;box-shadow:inset 0 -2px 0 var(--tile-edge),0 1px 2px #0003;-webkit-user-select:none;user-select:none;touch-action:none}.tile sub{position:absolute;right:8%;bottom:4%;font-size:42%;font-family:ui-sans-serif,system-ui,sans-serif}.tile.big{width:46px;height:46px;font-size:1.6rem}.tile.blank{color:#8a5a00;font-style:italic}.lobby{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.lobby .games{grid-row:span 2}.lobby>section:first-child{grid-column:1}.new-game{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.challenge{display:flex;gap:8px}.challenge input{margin:0}.row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);gap:8px}.row:last-child{border:none}.who{display:flex;align-items:center;color:var(--ink);font-weight:500}.game-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border-radius:10px;color:var(--ink);border:1px solid var(--line);margin-bottom:8px}.game-row:hover{border-color:var(--accent)}.game-row.myturn{background:#e9f5f1;border-color:#9fd3c5}.game-row.myturn .status{color:var(--accent);font-weight:700}.game-row.done{opacity:.75}.game-row .score{font-variant-numeric:tabular-nums;font-weight:600}.game-row .opp{display:flex;align-items:center}.game{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.side{display:flex;flex-direction:column;gap:12px}.player{padding:10px 12px;border-radius:10px;border:2px solid transparent;display:grid;grid-template-columns:1fr auto}.player.turn{border-color:var(--accent);background:#e9f5f1}.player.winner{border-color:var(--accent-2);background:#fdf0e3}.pname{font-weight:700;display:flex;align-items:center}.pscore{font-size:1.6rem;font-weight:800;grid-row:span 2;font-variant-numeric:tabular-nums}.pmeta{font-size:.78rem;color:var(--muted)}.bag{margin:10px 0 6px;font-size:.9rem;color:var(--muted)}.turn-banner{padding:8px;text-align:center;border-radius:8px;background:#eee8dc;font-weight:700}.turn-banner.mine{background:var(--accent);color:#fff}.history ol{list-style:none;padding:0;margin:0;max-height:340px;overflow:auto;font-size:.86rem}.history li{padding:5px 0;border-bottom:1px dashed var(--line)}.pts{color:var(--accent);font-weight:700;margin-left:4px}.bingo{background:var(--accent-2);color:#fff;font-size:.68rem;padding:1px 5px;border-radius:4px;margin-left:4px}.play{display:flex;flex-direction:column;align-items:center;gap:12px}.board{--cell: min(calc((100vw - 360px) / 15.5), calc((100vh - 300px) / 15), calc((100dvh - 300px) / 15), 46px);display:grid;grid-template-columns:repeat(15,var(--cell));grid-auto-rows:var(--cell);gap:2px;background:var(--board);padding:6px;border-radius:12px;box-shadow:0 6px 20px #0003}.cell{background:var(--sq);border-radius:3px;display:grid;place-items:center;position:relative;font-size:calc(var(--cell) * .28);font-weight:700;color:#fff;cursor:pointer}.cell.tw{background:var(--tw)}.cell.dw{background:var(--dw)}.cell.tl{background:var(--tl)}.cell.dl{background:var(--dl);color:#23506f}.cell.dw{color:#7a2b26}.cell.center{background:var(--dw);font-size:calc(var(--cell) * .55);color:#7a2b26}.cell.target:hover{outline:2px solid var(--accent-2)}.cell .tile{width:100%;height:100%;font-size:calc(var(--cell) * .55)}.cell .tile.last{box-shadow:inset 0 -2px 0 var(--tile-edge),0 0 0 2px var(--accent-2)}.tile.pending{background:linear-gradient(#fff2c9,#ffe28a);box-shadow:0 0 0 2px var(--accent),0 2px 5px #0004;cursor:grab;z-index:1}.preview{min-height:24px;font-size:.95rem;padding:6px 14px;border-radius:8px;text-align:center}.preview.good{background:#e9f5f1;color:#1f5f53}.preview.bad{background:#fbeaea;color:var(--danger)}.rack{display:flex;gap:6px;padding:10px 14px;background:#8c6a43;border-radius:10px;min-height:68px;min-width:300px;justify-content:center;box-shadow:inset 0 -4px #6c4f2e}.rack-tile{width:48px;height:48px;font-size:1.6rem;cursor:grab;transition:transform .1s}.rack-tile.selected{transform:translateY(-8px);box-shadow:0 0 0 3px var(--accent-2)}.rack-tile.xsel{transform:translateY(-8px);box-shadow:0 0 0 3px var(--danger)}.controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.drag-ghost{position:fixed;width:46px;height:46px;font-size:1.5rem;transform:translate(-50%,-50%) scale(1.1);pointer-events:none;z-index:100;opacity:.9}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:50}.letters{display:grid;grid-template-columns:repeat(7,42px);gap:6px}.letters .tile{width:42px;height:42px;font-size:1.3rem;border:none;cursor:pointer}.profile{display:grid;gap:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.stats div{background:#f3ede1;border-radius:10px;padding:12px;text-align:center;display:flex;flex-direction:column}.stats b{font-size:1.5rem}.stats span{font-size:.8rem;color:var(--muted)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#f7f2e8}.table tr.is-me{background:var(--me-row)}td.win{color:var(--accent);font-weight:700}td.loss{color:var(--danger)}.toasts{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:60}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;box-shadow:0 4px 14px #0004;max-width:320px}.nav-wrap{display:flex;align-items:center;gap:20px;flex:1}.menu-btn{display:none}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.history summary{list-style:none;cursor:pointer}.history summary::-webkit-details-marker{display:none}.history summary h3{margin-top:0}.more-btn,.scorebar,.sb-status{display:none}.more-menu{display:contents}.dock{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}@media(max-width:960px)and (min-width:769px){.game{grid-template-columns:220px 1fr}.board{--cell: min(calc((100vw - 290px) / 15.5), calc((100dvh - 300px) / 15), 46px)}}@media(max-width:768px),(max-height:500px)and (orientation:landscape){main{padding:8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}h2{font-size:1.05rem}.card{padding:14px;border-radius:12px}.btn{min-height:44px;padding:10px 14px;font-size:1rem}.btn.sm{min-height:40px;padding:8px 12px;font-size:.9rem}input{font-size:16px;min-height:44px}.topbar{padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));gap:8px;justify-content:space-between;height:auto}.brand{font-size:1.05rem}.menu-btn{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid #ffffff55;color:#fff;border-radius:8px;min-width:44px;min-height:40px;padding:0 10px;font-size:1.2rem;cursor:pointer}.nav-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:var(--nav);flex-direction:column;align-items:stretch;gap:0;padding:4px 12px 12px;box-shadow:0 8px 16px #0003}.nav-wrap.open{display:flex}.topbar nav{flex-direction:column;gap:0;font-size:1rem}.topbar nav a{padding:12px 4px;border-bottom:1px solid #ffffff22}.topbar nav a.router-link-exact-active{border-bottom:1px solid #ffffff22;color:var(--tile)}.auth-wrap{min-height:calc(100dvh - 16px);gap:18px;padding:12px 0}.hero-tiles{gap:4px}.tile.big{width:min(40px,9.5vw);height:min(40px,9.5vw);font-size:min(1.4rem,6vw)}.auth-card{width:100%;max-width:420px}.lobby{grid-template-columns:1fr;gap:10px}.lobby .games{grid-row:auto;order:-1}.new-game .btn{flex:1 1 140px}.challenge{flex-wrap:wrap}.challenge input{flex:1 1 160px}.challenge .btn{flex:0 0 auto}.game-row{grid-template-columns:1fr auto;padding:12px;min-height:52px}.game-row .status{grid-column:1 / -1;font-size:.85rem;margin-top:-6px}.invites .row{flex-wrap:wrap}.stats{grid-template-columns:repeat(3,1fr);gap:6px}.stats div{padding:8px 4px}.stats b{font-size:1.2rem}.table{font-size:.88rem}.table th,.table td{padding:10px 6px}.hide-sm{display:none}main:has(.game){padding:0}.game{display:flex;flex-direction:column;gap:0;--dock: calc(150px + env(safe-area-inset-bottom)) ;padding-bottom:calc(var(--dock) + 8px)}.scorebar{display:flex;width:100%;align-items:stretch;gap:6px;padding:6px 8px 0}.sb-player{flex:1;display:flex;align-items:center;gap:2px;min-width:0;background:var(--card);border:2px solid var(--line);border-radius:10px;padding:4px 8px;font-size:.9rem}.sb-player.turn{border-color:var(--accent);background:#e9f5f1}.sb-player.winner{border-color:var(--accent-2);background:#fdf0e3}.sb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.sb-player b{font-size:1.15rem;font-variant-numeric:tabular-nums}.sb-bag{display:flex;align-items:center;padding:0 8px;background:var(--card);border:2px solid var(--line);border-radius:10px;font-size:.9rem;font-weight:600}.sb-status{display:block;text-align:center;font-size:.85rem;font-weight:700;padding:4px;color:var(--muted)}.sb-status.mine{color:var(--accent)}.side{order:3;padding:8px}.side .scores{display:none}.play{gap:0}.board{--cell: min(calc((100vw - 28px) / 15), calc((100dvh - var(--dock) - 124px) / 15));gap:1px;padding:3px;border-radius:6px;max-width:100vw}.cell{border-radius:2px;font-size:max(6px,calc(var(--cell) * .3));letter-spacing:-.5px}.cell.center{font-size:calc(var(--cell) * .6)}.cell .tile{border-radius:10%}.cell .tile sub{font-size:34%;right:6%;bottom:2%}.dock{position:fixed;left:0;right:0;bottom:0;z-index:20;gap:6px;padding:6px 8px calc(8px + env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));background:#f6f1e7f5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line);box-shadow:0 -4px 14px #0001}.preview{min-height:22px;font-size:.85rem;padding:2px 10px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rack{--t: min(46px, calc((100vw - 64px) / 7));width:100%;min-width:0;min-height:calc(var(--t) + 14px);padding:7px;gap:5px;border-radius:10px}.rack-tile{width:var(--t);height:var(--t);font-size:calc(var(--t) * .6)}.rack-tile.selected,.rack-tile.xsel{transform:translateY(-5px)}.controls{width:100%;flex-wrap:nowrap;gap:6px;position:relative}.controls>.btn{flex:1;padding:10px 6px;min-width:0;white-space:nowrap}.controls>.btn.primary{flex:1.6}.more-btn{display:inline-block;flex:0 0 52px!important;font-size:1.3rem}.more-menu{display:none;position:absolute;right:0;bottom:calc(100% + 6px);flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 6px 20px #0003;min-width:160px}.more-menu.open{display:flex}.more-menu .btn{width:100%;text-align:left}.history ol{max-height:none}.drag-ghost{width:52px;height:52px;transform:translate(-50%,-110%) scale(1.1)}.toasts{left:12px;right:12px;bottom:calc(160px + env(safe-area-inset-bottom))}.toast{max-width:none}.modal .card{margin:12px}.letters{grid-template-columns:repeat(7,minmax(36px,44px))}.letters .tile{width:auto;height:44px}}@media(max-height:500px)and (orientation:landscape){.topbar{padding-top:6px;padding-bottom:6px}.game{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto 1fr;padding:4px 8px 0;gap:4px 10px;--dock: 0px}.play{display:contents}.board{grid-column:1;grid-row:1 / span 4;--cell: calc((100dvh - 66px) / 15);align-self:start}.scorebar{grid-column:2;grid-row:1;padding:0}.sb-status{grid-column:2;grid-row:2}.dock{grid-column:2;grid-row:3;position:static;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.rack{--t: min(42px, calc((100vw - (100dvh - 66px) - 100px) / 7))}.side{grid-column:2;grid-row:4;padding:0;order:0}.toasts{bottom:12px}}.brand .otter-logo{flex:none;filter:drop-shadow(0 1px 1px #0003)}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;overflow:hidden;flex:none;line-height:1;font-family:ui-sans-serif,system-ui,sans-serif}.avatar img{width:100%;height:100%;object-fit:cover}.sm-only{display:none}.user-menu{position:relative;margin-left:auto}.user-btn{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid #ffffff33;color:#fff;border-radius:999px;padding:3px 12px 3px 8px;cursor:pointer}.user-btn:hover{background:#ffffff26}.user-btn .caret{opacity:.7;font-size:.8rem}.uname{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;min-width:230px;box-shadow:0 10px 30px #0003;padding:6px;z-index:40;display:flex;flex-direction:column}.dropdown a{color:var(--ink)!important;padding:10px 12px;border-radius:8px;font-weight:500}.dropdown a:hover{background:var(--surface-2)}.dd-head{display:flex;gap:10px;align-items:center;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.dd-head div{display:flex;flex-direction:column}.dd-head small{color:var(--muted)}.banner{background:#fff4d6;color:#6b4d00;padding:8px 16px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.9rem;border-bottom:1px solid #f0dfa8}.auth-links{display:flex;justify-content:space-between;margin:14px 0 0;font-size:.9rem}.hero-otter{display:block;margin:0 auto 8px}.pw-meter{margin:-4px 0 12px}.pw-meter .bars{display:flex;gap:4px}.pw-meter .bars span{flex:1;height:5px;border-radius:3px;background:var(--line)}.pw-meter .bars .on.s1{background:#d9534f}.pw-meter .bars .on.s2{background:#e98b3a}.pw-meter .bars .on.s3{background:#8bbf3a}.pw-meter .bars .on.s4{background:#2f9d5d}.pw-meter small{color:var(--muted);font-size:.78rem}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 16px}.empty h3{margin:4px 0 0}.small-empty{padding:12px}.small-empty p{margin:0}.centered-pad{text-align:center;padding:40px}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}.seg button{border:none;background:transparent;padding:7px 12px;border-radius:8px;font-weight:600;color:var(--muted);cursor:pointer;min-height:36px}.seg button.active{background:var(--card);color:var(--accent);box-shadow:0 1px 3px #0002}.pill{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle;margin-left:6px}.pill.good{background:#dff3ea;color:#1f6f4f}.pill.warn{background:#fdeccd;color:#8a5a00}.player-cell{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--ink)}.pc-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.pc-text small{color:var(--muted);font-size:.75rem}.who-text small{font-weight:400}.lobby .who{gap:8px}.lobby .who .dot{margin:0 -4px 0 -14px;align-self:flex-end;border:2px solid var(--card);width:11px;height:11px}.game-row .opp{gap:8px}.game-row .opp .dot{margin:0 -4px 0 -14px;align-self:flex-end;border:2px solid var(--card);width:11px;height:11px}.leaderboard{display:flex;flex-direction:column;gap:14px}.lb-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.lb-head h2{margin:0;font-size:1.4rem}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end}.podium-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--ink);text-align:center;position:relative;min-width:0}.podium-card.place-1{padding-top:22px;background:linear-gradient(#fff6d8,var(--card));border-color:#e8cf7a;box-shadow:0 6px 18px #c9a43a33}.podium-card.place-2{background:linear-gradient(#f1f3f5,var(--card))}.podium-card.place-3{background:linear-gradient(#f9e9dc,var(--card))}.podium-card .medal{font-size:1.7rem;line-height:1;margin-bottom:2px}.podium-card .pname{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:6px}.podium-card .pstat{font-size:.85rem;color:var(--muted)}.podium-card .pstat b{color:var(--accent)}.podium-card.is-me{outline:2px solid var(--accent)}.your-rank{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;background:var(--me-row);border-color:#9fd3c5}.table-card{padding:6px 10px}.lb-table{table-layout:auto}.lb-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.lb-table th.sortable:hover{color:var(--ink)}.lb-table th.sorted{color:var(--accent)}.lb-table .arrow{font-size:.65rem;margin-left:3px}.table .c-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table .c-rank{width:44px;text-align:center}.rank-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--surface-2);font-weight:700;font-size:.85rem}.rank-badge.r1,.rank-badge.r2,.rank-badge.r3{background:transparent;font-size:1.25rem}.profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.profile-head h1{margin:0;font-size:1.5rem}.profile-head p{margin:4px 0}.bio{white-space:pre-wrap}.profile-head .error,.profile-head .ok{grid-column:1 / -1;margin:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.badge{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 6px;border-radius:10px;background:var(--surface-2);opacity:.45;filter:grayscale(1)}.badge.earned{opacity:1;filter:none;background:#fdf3dc;border:1px solid #efd9a0}.badge .b-icon{font-size:1.6rem}.badge b{font-size:.85rem}.badge small{font-size:.72rem;color:var(--muted)}.h2h-row{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.h2h-row:last-child{border:none}.h2h-row .player-cell b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h2h-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--line)}.h2h-bar .w{background:var(--accent)}.h2h-bar .l{background:var(--danger);opacity:.7}.h2h-rec{font-variant-numeric:tabular-nums}.win{color:var(--accent)}.loss{color:var(--danger)}.recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.recent-card{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);color:var(--ink);border-left:4px solid var(--line);text-transform:none}.recent-card.win{border-left-color:var(--accent)}.recent-card.loss{border-left-color:var(--danger)}.recent-card.active{border-left-color:var(--accent-2)}.recent-card .small{text-transform:capitalize}.recent-card .score{font-variant-numeric:tabular-nums;font-weight:600}.settings{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:72px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px}.settings-nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:9px;color:var(--ink);font-weight:500;white-space:nowrap}.settings-nav a:hover{background:var(--surface-2)}.settings-nav a.active{background:var(--me-row);color:var(--accent);font-weight:700}.settings-nav a.danger{color:var(--danger)}.settings-body{display:flex;flex-direction:column;gap:12px;min-width:0}.settings-body h2{font-size:1.25rem}.settings-body h3{margin:8px 0 0}.flash{margin:0;padding:10px 14px;border-radius:10px;background:#dff3ea;color:#1f6f4f!important;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:12px}.form-grid .full{grid-column:1 / -1}.form-grid.narrow{max-width:480px;grid-template-columns:1fr}.form-grid textarea{resize:vertical;font:inherit}.hint{display:block;font-weight:400;color:var(--muted);font-size:.75rem;margin-top:4px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.top-gap{margin-top:14px}.avatar-edit{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:8px 0 4px}.avatar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.avatar-actions label.btn{margin:0;color:var(--ink)}.swatches{display:flex;gap:6px;flex-wrap:wrap;width:100%}.swatch{width:28px;height:28px;border-radius:50%;border:3px solid transparent;cursor:pointer}.swatch.on{border-color:var(--ink)}.twofa-setup{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-top:8px}.qr{justify-self:center;background:#fff;padding:10px;border-radius:12px;border:1px solid var(--line);line-height:0}.steps{padding-left:20px;margin:0 0 10px}.steps li{margin-bottom:8px}.secret{display:inline-block;margin-top:4px;font-size:1rem;letter-spacing:1px;background:var(--surface-2);padding:4px 8px;border-radius:6px;word-break:break-all}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.inline-form input{flex:1 1 140px;margin:0;font-size:1.2rem;letter-spacing:3px;text-align:center;max-width:200px}.card.inset{background:var(--surface-2);border-style:dashed;margin-bottom:14px}.codes{columns:2;padding-left:22px;font-size:1.05rem}.codes li{margin-bottom:4px}.session-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.dev-icon{font-size:1.5rem}.sess-text{display:flex;flex-direction:column;min-width:0}.sess-text small{overflow-wrap:anywhere}.pref-list{display:flex;flex-direction:column}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);margin:0;font-weight:400;color:var(--ink);font-size:1rem}.switch-row.col{flex-direction:column;align-items:flex-start}.switch-row:last-child{border:none}.switch-row>span{display:flex;flex-direction:column}.switch-row small{color:var(--muted);font-size:.82rem}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:50px!important;min-width:50px;height:30px!important;min-height:30px!important;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .15s;margin:0;padding:0;border:none;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004;transition:left .15s}.switch:checked{background:var(--accent)}.switch:checked:after{left:23px}.themes{display:flex;gap:10px;flex-wrap:wrap}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:10px;border:2px solid var(--line);background:var(--card);cursor:pointer;text-transform:capitalize;font-weight:600;color:var(--ink)}.theme-swatch.on{border-color:var(--accent)}.mini-board{display:grid;grid-template-columns:repeat(3,18px);gap:2px;padding:3px;background:var(--board);border-radius:4px}.mini-board i{height:18px;background:var(--sq);border-radius:2px}.mini-board .tw{background:var(--tw)}.mini-board .dw{background:var(--dw)}.mini-board .tl{background:var(--tl)}.mini-board .dl{background:var(--dl)}.danger-zone hr{border:none;border-top:1px solid var(--line);margin:20px 0}.danger-text{color:var(--danger)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}[data-board-theme=ocean]{--board: #1d4e7a;--sq: #e4ecf2;--tw: #e0605a;--dw: #f2a7b0;--tl: #2a6fb5;--dl: #9fd0ea}[data-board-theme=forest]{--board: #2f4a26;--sq: #ece6d2;--tw: #b5562e;--dw: #e3a77f;--tl: #4d7a3a;--dl: #b8d69c}[data-board-theme=slate]{--board: #3a3f4a;--sq: #e7e8ec;--tw: #c94f6d;--dw: #e9a5b8;--tl: #5b6fd6;--dl: #b2bdf0}html.dark{--bg: #15181c;--card: #1f2329;--ink: #e9e6df;--muted: #9a9890;--line: #343a42;--me-row: #1d3a33;--surface-2: #2a3038;--input-bg: #262b32;--nav: #12352f;color-scheme:dark}html.dark .table tbody tr:hover{background:#262c33}html.dark .game-row.myturn,html.dark .player.turn,html.dark .sb-player.turn,html.dark .preview.good{background:#1d3a33;color:#bfe6da}html.dark .preview.bad{background:#3a2222}html.dark .turn-banner{background:#2a3038}html.dark .podium-card.place-1{background:linear-gradient(#3b3420,var(--card))}html.dark .podium-card.place-2{background:linear-gradient(#2c3036,var(--card))}html.dark .podium-card.place-3{background:linear-gradient(#3a2c22,var(--card))}html.dark .badge.earned{background:#3a3320;border-color:#5c4e25}html.dark .banner{background:#3a3320;color:#f0dba0;border-color:#5c4e25}html.dark .dock{background:#15181cf2!important}html.dark .stats div{background:var(--surface-2)}html.dark .pill.good,html.dark .flash{background:#1d3a33;color:#9fe0c6!important}html.dark .pill.warn{background:#3a3320;color:#f0dba0}html.dark .cell{color:#fff}html.dark .btn.ghost{background:transparent}@media(max-width:768px),(max-height:500px)and (orientation:landscape){.sm-only{display:block}.user-menu{display:none}.podium{gap:6px}.podium-card{padding:14px 4px 10px}.podium-card .pstat{font-size:.75rem}.podium-card .pname{font-size:.9rem}.podium-card small{display:none}.profile-head{grid-template-columns:auto 1fr;gap:12px}.profile-head .avatar{width:64px!important;height:64px!important}.profile-head h1{font-size:1.2rem}.ph-actions{grid-column:1 / -1}.ph-actions .btn{width:100%;text-align:center}.profile-grid{grid-template-columns:1fr;gap:10px}.badges{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.stats{grid-template-columns:repeat(4,1fr)}.stats span{font-size:.7rem}.stats b{font-size:1.05rem}.settings{grid-template-columns:1fr;gap:10px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;padding:6px;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{padding:9px 12px;flex:none;min-height:40px}.form-grid{grid-template-columns:1fr}.twofa-setup{grid-template-columns:1fr;justify-items:center}.twofa-setup>div{width:100%}.inline-form input{max-width:none}.codes{columns:2;font-size:.95rem}.switch-row{align-items:center;flex-wrap:wrap}.switch-row>span{flex:1 1 180px}.switch-row .seg{flex:none;max-width:100%}.session-row{grid-template-columns:auto 1fr}.session-row .btn{grid-column:1 / -1}.h2h-row{grid-template-columns:minmax(0,1fr) 70px auto}.lb-table .hide-md{display:none}.tile.big{width:min(44px,11vw);height:min(44px,11vw);font-size:min(1.5rem,6.8vw)}.hero-tiles{gap:3px}}@media(max-width:1024px)and (min-width:769px){.lb-table .hide-md{display:none}}.count-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent-2);color:#fff;font-size:.7rem;font-weight:800;margin-left:5px;vertical-align:middle}.pill{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:700;white-space:nowrap}.pill.ok-pill{background:#e3f3ec;color:var(--accent)}.pill.turn-pill{background:var(--accent);color:#fff}.small{font-size:.82rem}.topbar>.bell-wrap{order:5}.bell-wrap{position:relative}.bell-btn{position:relative;background:transparent;border:1px solid #ffffff44;color:#fff;border-radius:10px;min-width:42px;min-height:40px;font-size:1.15rem;cursor:pointer}.bell-badge{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--nav)}.bell-dd{width:min(360px,calc(100vw - 24px));max-height:70vh;overflow-y:auto}.bell-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.bell-empty{padding:16px 10px;text-align:center;margin:0}.bell-item{display:flex!important;gap:10px;align-items:flex-start;font-size:.9rem}.bell-item.unread{background:var(--me-row)}.bell-item.unread .bi-text{font-weight:700}.bi-icon{font-size:1.2rem}.bi-text{display:flex;flex-direction:column;gap:2px}.bi-text small{font-weight:400}.mode-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--surface-2);color:var(--ink);white-space:nowrap;vertical-align:middle;cursor:default}.mode-badge.m-timed{background:#e3eefb;color:#24548f}.mode-badge.m-attack{background:#fbe6e3;color:#9a2f27}.mode-badge.m-sprint{background:#fdf0dc;color:#8a5312}.mode-badge.m-daily{background:#ece6fa;color:#553b9a}.opp-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.g-clock{display:block;font-variant-numeric:tabular-nums}.mode-line{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.sheet-modal{padding:16px}.sheet{width:min(620px,100%);max-height:calc(100dvh - 32px);overflow-y:auto}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sheet-head h2{margin:0}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}.mode-card{text-align:left;display:flex;flex-direction:column;gap:3px;padding:12px;border:2px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--ink);cursor:pointer}.mode-card.active{border-color:var(--accent);background:var(--me-row)}.mode-card small{color:var(--muted);font-size:.78rem}.mc-icon{font-size:1.5rem}.mode-opts{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface-2);border-radius:12px;margin-bottom:6px}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:600;font-size:.9rem}.mode-opts .seg{background:var(--card)}.picker-foot{display:flex;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}.picker-foot .btn.primary{flex:1}.mode-tabs{margin:12px 0 6px}.rules{padding-left:20px;line-height:1.5}.rules li{margin-bottom:6px}.daily-cta{display:flex;align-items:center;gap:12px;padding:12px;margin:12px 0;border-radius:12px;background:linear-gradient(90deg,#ece6fa,#fdf3dc);color:var(--ink);border:1px solid var(--line)}.daily-cta>span:nth-child(2){flex:1;display:flex;flex-direction:column}.daily-cta small{color:var(--muted)}.dc-icon{font-size:1.6rem}.p-actions{display:flex;align-items:center;gap:6px}.friends-page{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.friends-page .f-list{grid-column:1 / -1}.f-row .who,.friend-card .who{gap:8px;min-width:0}.f-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.friend-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.friend-card:last-child{border:none}.friend-card .who-text{display:flex;flex-direction:column}.friend-card .who .dot{margin:0 -4px 0 -16px;align-self:flex-end;border:2px solid var(--card);width:12px;height:12px}.f-record{font-size:.85rem;color:var(--muted);white-space:nowrap}.f-record b{color:var(--ink)}.friend-card .f-record{grid-column:2;grid-row:1}.friend-card>.f-actions{grid-column:3;grid-row:1}.f-games{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.f-search input{margin-bottom:8px}.daily-page{display:grid;gap:16px;max-width:820px;margin:0 auto}.daily-hero{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.daily-hero .rules,.daily-hero .error{grid-column:1 / -1;margin:0}.dh-left{display:flex;gap:12px;align-items:center}.dh-left p{margin:0}.dh-icon{font-size:2.4rem}.dh-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.dh-score{display:flex;flex-direction:column;align-items:flex-end}.dh-score b{font-size:2rem;color:var(--accent);line-height:1}.clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:1rem;padding:2px 8px;border-radius:8px;background:var(--surface-2);color:var(--muted);justify-self:start;margin-top:4px}.clock.running{background:var(--accent);color:#fff}.clock.low{background:var(--danger);color:#fff;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.65}}.hpbar{position:relative;grid-column:1 / -1;height:18px;border-radius:999px;background:var(--surface-2);overflow:visible;margin-top:6px}.hpbar>i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#3ccf7a,#2f7d6d);transition:width .6s ease}.hpbar.mid>i{background:linear-gradient(90deg,#f0b43c,#e98b3a)}.hpbar.crit>i{background:linear-gradient(90deg,#e86a5e,#c2453d)}.hpbar>span{position:relative;display:block;text-align:center;font-size:.72rem;font-weight:800;line-height:18px;color:#fff;text-shadow:0 1px 2px #0008}.dmg-pop{position:absolute;right:6px;top:-6px;font-style:normal;font-weight:900;color:var(--danger);font-size:1.2rem;text-shadow:0 1px 0 #fff,0 0 6px #fff;pointer-events:none;animation:dmgpop 1.8s ease-out forwards;white-space:nowrap;z-index:3}.dmg-pop small{font-size:.7rem}@keyframes dmgpop{0%{transform:translateY(6px) scale(.6);opacity:0}15%{transform:translateY(-8px) scale(1.25);opacity:1}to{transform:translateY(-34px) scale(1);opacity:0}}.dmg{color:var(--danger);font-weight:700;font-size:.85rem}.after-game{margin-top:10px;text-align:center}.locked-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:32px 18px;max-width:520px;margin:24px auto}.locked-card h1{margin:8px 0 0;font-size:1.4rem}.locked-card p{margin:0}.lock-msg{margin:10px 0!important;padding:8px 14px;border-radius:10px;background:var(--surface-2);font-weight:600}.locked-card .ph-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.mode-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mode-stat{display:flex;flex-direction:column;padding:10px;background:var(--surface-2);border-radius:10px}.mode-stat small{color:var(--muted)}.ms-icon{font-size:1.3rem}.ph-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.lb-modes{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.privacy-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}html.dark .mode-badge.m-timed{background:#1d2e44;color:#9cc3f0}html.dark .mode-badge.m-attack{background:#43231f;color:#f2a69e}html.dark .mode-badge.m-sprint{background:#3d2e17;color:#f1c58a}html.dark .mode-badge.m-daily{background:#2c2546;color:#c5b4f3}html.dark .daily-cta{background:linear-gradient(90deg,#2c2546,#3a3320)}html.dark .pill.ok-pill{background:#1d3a33;color:#8fd8c2}html.dark .dmg-pop{text-shadow:0 0 6px #000}@media(max-width:768px),(max-height:500px)and (orientation:landscape){.topbar>.bell-wrap{order:0;margin-left:auto}.bell-dd{position:fixed;right:8px;left:8px;top:58px;width:auto}.friends-page{grid-template-columns:1fr;gap:10px}.friend-card{grid-template-columns:minmax(0,1fr) auto}.friend-card>.f-actions{grid-column:1 / -1;grid-row:auto;justify-content:flex-start}.sb-hp .dmg-pop{top:-26px;right:4px;font-size:1rem}.mode-grid{gap:8px}.mode-card{padding:10px}.mode-card small{font-size:.72rem}.sheet-modal{padding:0;align-items:end}.sheet{width:100%;border-radius:18px 18px 0 0;max-height:92dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.opt-row{flex-direction:column;align-items:flex-start}.daily-hero{grid-template-columns:1fr}.dh-right{align-items:stretch}.dh-score{align-items:flex-start}.sb-player{flex-wrap:wrap;row-gap:3px}.sb-clock{margin:0 0 0 auto;font-size:.82rem;padding:1px 6px}.sb-hp{flex:1 0 100%;height:14px;margin-top:0}.sb-hp>span{line-height:14px;font-size:.65rem}.sb-mode{margin-right:6px;cursor:pointer}.lb-modes .seg{width:100%;overflow-x:auto;flex-wrap:nowrap}.p-actions small{display:none}}.topbar .bell-dd .btn.ghost{color:var(--accent);border-color:var(--line)}.site-footer{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:18px 16px calc(18px + env(safe-area-inset-bottom));color:var(--muted);font-size:.82rem}.site-footer a{color:var(--muted);text-decoration:underline}.legal{max-width:760px;margin:0 auto;line-height:1.6}.legal h1{margin-top:0;font-size:1.6rem}.legal h2{margin:22px 0 6px;font-size:1.05rem}.legal ul{padding-left:20px}.legal code,.notfound code{background:var(--surface-2);padding:1px 6px;border-radius:6px;word-break:break-all}.notfound,.crash{max-width:520px;margin:40px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.notfound h1{margin:8px 0 0}.legal-note{text-align:center;margin:10px 0 0;line-height:1.4}