@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--display:"Bricolage Grotesque Variable",system-ui,sans-serif;--body:"Atkinson Hyperlegible",system-ui,sans-serif;font-family:var(--body);color:var(--text);background:var(--bg);font-synthesis:none;--bg:#e8edf3;--text:#223449;--muted:#5c6b7e;--paper:#f7f8fa;--line:#cbd4df;--surface:#f4f6f8;--surface-border:#c6d1de;--offer-bg:#f5e9e1;--ink:#223449;--blue:#647c99;--ivory:#edf0ed;--accent:#e2a42b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131b26;--text:#e6ebf1;--muted:#93a3b6;--paper:#1b2531;--line:#30404f;--surface:#1b2531;--surface-border:#34475a;--offer-bg:#3a2e26;color-scheme:dark}}:root[data-theme=dark]{--bg:#131b26;--text:#e6ebf1;--muted:#93a3b6;--paper:#1b2531;--line:#30404f;--surface:#1b2531;--surface-border:#34475a;--offer-bg:#3a2e26;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a86b12;outline-offset:3px}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}.site-header{height:96px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 5.5%;gap:20px}.brand{display:flex;align-items:center;gap:7px;color:var(--text);text-decoration:none;font-size:22px;letter-spacing:-.8px}.brand strong{font-weight:700}.brand-mark{font-family:var(--display);font-size:38px;margin-right:5px}.header-note{font:16px var(--body);color:var(--muted)}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;min-height:0;padding:0;font-size:15px;line-height:1;color:var(--text);display:grid;place-items:center}.icon-button:hover{background:var(--surface)}.header-icons{display:flex;align-items:center;gap:8px}.online-badge{font-size:11px;letter-spacing:1.8px;display:flex;align-items:center;gap:10px}.online-badge i{width:7px;height:7px;background:var(--blue);border-radius:50%}main{max-width:1180px;padding:0 44px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:46px 0 34px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;margin:0 0 12px}.intro h1{font:700 52px/.99 var(--display);letter-spacing:-2px;margin:0}.intro>p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 3px}.game-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(285px,1fr);gap:42px;align-items:start}.player{display:flex;align-items:center;gap:12px;height:68px}.player-avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid #bac7d4;border-radius:50%;background:var(--ivory)}.player-avatar.dark{background:var(--ink)}.player-avatar svg{width:32px;height:32px}.player-info{flex:1}.player-name{font-size:14px;font-weight:700}.player-subtitle{font-size:12px;color:var(--muted);margin-top:5px}.turn-indicator{font-size:11px;letter-spacing:1px;background:#d9e1e9;padding:7px 10px;border-radius:3px}.captured{display:flex;align-items:center;height:18px}.captured svg{height:20px;width:17px;margin-left:-3px}.board-frame{padding:12px;background:var(--ink);border-radius:5px;box-shadow:0 14px 25px -18px #223449a0}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;overflow:hidden}.square{padding:0;position:relative;display:grid;place-items:center;border:0;border-radius:0;aspect-ratio:1;background:var(--ivory);color:var(--ink);touch-action:manipulation}.square.dark{background:var(--blue)}.square.last:before{content:"";position:absolute;inset:0;background:#e6c08370}.square.selected:before{content:"";position:absolute;inset:0;background:#edc78c99;box-shadow:inset 0 0 0 3px #d0a56f}.square.in-check{background:#cb796d}.square.legal:after{content:"";position:absolute;width:23%;height:23%;border-radius:50%;background:#22344942;pointer-events:none}.square.legal.occupied:after{width:88%;height:88%;border:5px solid #22344950;background:transparent}.square:focus-visible{outline:none;box-shadow:inset 0 0 0 4px #da7957;z-index:1}.square .piece{width:85%;height:85%;z-index:1;filter:drop-shadow(0 2px 1px #142b4033)}.checkers-piece{position:relative;width:76%;height:76%;border-radius:50%;z-index:1;box-shadow:0 2px 3px #14283c33}.checkers-piece.player-0{background:radial-gradient(circle at 32% 28%,#d9705a,#a8402f 65%,#7c2a1c)}.checkers-piece.player-1{background:radial-gradient(circle at 32% 28%,#3e5169,#1c2734 65%,#0d141d)}.checkers-piece.king:after{content:"";position:absolute;inset:26%;border-radius:50%;border:2px solid #ffffffa0}.cribbage-table{padding:18px 16px 22px;display:flex;flex-direction:column;gap:14px}.crib-scores{display:flex;align-items:center;justify-content:space-between;gap:12px}.crib-column,.opponent-column{display:flex;flex-direction:column;align-items:center}.opponent-column{margin-top:2px}.score-chip{display:flex;flex-direction:column;align-items:center;gap:3px;color:#e6ebf1;min-width:64px}.score-chip small{font-size:9px;letter-spacing:1.2px;color:#9fb0c4;text-transform:uppercase}.score-chip strong{font:700 26px var(--display)}.peg-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;min-height:76px}.playing-card{width:52px;height:72px;border-radius:6px;background:#fffaf0;border:0;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 3px 6px #0f1c2b55;color:#243448}.playing-card.red{color:#b8402d}.playing-card .card-rank{font:700 15px Georgia,serif;line-height:1}.playing-card .card-suit{font-size:17px;line-height:1}.playing-card:disabled{cursor:default}.playing-card.disabled{opacity:.55}.playing-card.selected{outline:3px solid var(--accent);outline-offset:2px;transform:translateY(-5px)}.your-row .playing-card:not(.disabled):not(:disabled):hover{transform:translateY(-3px)}.card-back{background:repeating-linear-gradient(135deg,#3e5169,#3e5169 5px,#2c3d52 5px 10px);border:2px solid #56718f}.peg-middle{display:flex;align-items:center;justify-content:center;gap:22px;background:#1b2734;border-radius:8px;padding:12px}.peg-label{display:block;font-size:11px;letter-spacing:1.2px;color:#9fb0c4;text-transform:uppercase;text-align:center;margin-bottom:6px}.starter-slot,.street-area{display:flex;flex-direction:column;align-items:center}.street{display:flex;gap:6px;min-height:72px;align-items:center}.street-empty{color:#647c99;font-size:20px}.count-badge{margin-top:8px;font:700 15px ui-monospace,monospace;color:#e6ebf1;background:#2c3d52;border-radius:20px;padding:4px 14px}.crib-slot{display:flex;gap:2px}.crib-slot .playing-card{width:30px;height:42px}.crib-slot .card-back{width:16px;height:42px;border-radius:3px}.discard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e6ebf1}.discard-actions p{margin:0;font-size:12px;color:#b6c4d4}.bg-outer{padding:14px 10px}.bg-dice{display:flex;justify-content:center;align-items:center;gap:10px;min-height:38px;padding-bottom:9px;margin-bottom:9px;border-bottom:1px solid #2c1c1180}.die{width:32px;height:32px;border-radius:7px;background:linear-gradient(155deg,#fffaf0,#e4ddc9);color:#243448;display:grid;place-items:center;font:700 15px ui-monospace,monospace;box-shadow:0 3px 5px #0f1c2b66,inset 0 1px #ffffffb0}.die.used{opacity:.35;text-decoration:line-through}.bg-board{display:flex;flex-direction:column;gap:3px;background:linear-gradient(160deg,#5c4029,#4a3423 16%,#453120 84%,#3a2818);border-radius:8px;padding:10px 8px 8px;box-shadow:inset 0 0 0 1px #2c1c1166,inset 0 1px #ffffff14,0 14px 22px -16px #00000090}.bg-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 30px repeat(6,minmax(0,1fr)) 38px;gap:2px;height:140px}.bg-point,.bg-off{position:relative;border:0;padding:0;margin:0;background:transparent;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:2px}.bg-top .bg-point,.bg-top .bg-off{justify-content:flex-start;padding-top:10px}.bg-bottom .bg-point,.bg-bottom .bg-off{justify-content:flex-end;padding-bottom:10px}.bg-point:before{content:"";position:absolute;inset:0;z-index:0}.bg-top .bg-point:before{clip-path:polygon(0 0,100% 0,50% 100%)}.bg-bottom .bg-point:before{clip-path:polygon(0 100%,100% 100%,50% 0)}.pt-light:before{background:linear-gradient(180deg,#d4b47c,#c9a76b)}.pt-dark:before{background:linear-gradient(180deg,#8a5d3b,#7a5133)}.bg-point:not(:disabled),.bg-off:not(:disabled){cursor:pointer}.bg-point:disabled,.bg-off:disabled,.bg-bar:disabled{opacity:1}.bg-point.selected:before{outline:3px solid var(--accent);outline-offset:-3px}.bg-point.legal-target:after,.bg-off.legal-target:after,.bg-bar.selected:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#ffffff80;z-index:1}.bg-checker{position:relative;z-index:2;width:80%;aspect-ratio:1;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font:700 10px ui-monospace,monospace;box-shadow:0 2px 3px #00000059,0 -1px 1px #00000030 inset,0 0 0 1px #00000026 inset}.bg-checker:not(:first-child){margin-top:-46%}.bg-checker.player-0{background:radial-gradient(circle at 32% 28%,#fffaf0,#d9d0bd 65%,#b5aa8f);color:#243448}.bg-checker.player-1{background:radial-gradient(circle at 32% 28%,#3e5169,#1c2734 65%,#0d141d);color:#e6ebf1}.bg-bar{background:linear-gradient(180deg,#1c120a,#2c1c11 14% 86%,#1c120a);box-shadow:inset 0 0 0 1px #0006,inset 0 0 9px #00000090}.bg-top .bg-bar,.bg-bottom .bg-bar{justify-content:center;padding:6px 0}.bg-bar .bg-checker{width:56%}.bg-bar:before{content:"";position:absolute;inset:2px 0;border-left:1px solid #6b4a2e40;border-right:1px solid #00000040;z-index:0}.bg-off{background:linear-gradient(180deg,#6b4c2e,#4a3320 55%,#3a2818);box-shadow:inset 0 0 0 1px #2c1c1199,inset 0 2px 6px #0006;border-radius:4px}.bg-top .bg-off,.bg-bottom .bg-off{justify-content:center;padding:8px 0}.bg-off .bg-checker{width:58%}.bg-off:before{content:"OFF";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 9px ui-monospace,monospace;letter-spacing:1.5px;color:#c9a76b6b;z-index:0}.bs-outer{padding:14px}.bs-boards{display:flex;gap:16px}.bs-panel{flex:1;min-width:0}.bs-title{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#9fb0c4;margin:0 0 8px;text-align:center}.bs-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background:#1b3245;border-radius:6px;padding:5px}.bs-cell{aspect-ratio:1;border:0;padding:0;margin:0;border-radius:2px;background:#3c6f8f;position:relative;min-height:0}.bs-cell:not(:disabled){cursor:pointer}.bs-cell:not(:disabled):hover{background:#4a83a3}.bs-cell.ship{background:#7c92aa}.bs-cell.ship.sunk{background:#8a3a2f}.bs-cell.preview{background:#5fae7c99}.bs-cell.preview-invalid{background:#c1503f99}.bs-cell.miss:before{content:"";position:absolute;inset:34%;border-radius:50%;background:#eaf1f6cc}.bs-cell.hit:before,.bs-cell.hit:after{content:"";position:absolute;inset:0;margin:auto;width:64%;height:13%;background:#f4a582;border-radius:2px}.bs-cell.hit:before{transform:rotate(45deg)}.bs-cell.hit:after{transform:rotate(-45deg)}.bs-cell.hit.sunk:before,.bs-cell.hit.sunk:after{background:#2c1a16}.bs-fleet-panel{margin-top:14px;padding-top:12px;border-top:1px solid #2c3d52;display:flex;flex-direction:column;gap:10px}.bs-fleet-hint{margin:0;font-size:12px;color:#b6c4d4}.bs-fleet-list{display:flex;flex-wrap:wrap;gap:6px}.bs-ship{background:#1b3245;border:1px solid #2c3d52;color:#e6ebf1;border-radius:4px;padding:7px 10px;font-size:12px;min-height:0;display:flex;align-items:center;gap:6px}.bs-ship small{color:#8fa4ba;font:12px ui-monospace,monospace}.bs-ship.selected{outline:2px solid var(--accent);outline-offset:1px}.bs-ship.placed{background:#2f6e68;border-color:#4c8e87}.bs-fleet-actions{display:flex;gap:8px;flex-wrap:wrap}.bs-fleet-actions .primary,.bs-fleet-actions .secondary{flex:1;min-width:110px}@media(max-width:800px){.bs-boards{gap:10px}.bs-title{font-size:11px}}@media(max-width:650px){.bs-boards{flex-direction:column;gap:18px}.bs-outer{padding:10px}}.piece{pointer-events:none;overflow:visible}.white-piece{fill:#fffaf0;stroke:#3e4c5d;color:#3e4c5d}.black-piece{fill:#243448;stroke:#111d2d;color:#c8d2df}.coordinate{position:absolute;font-size:10px;font-weight:700;z-index:2;opacity:.8;pointer-events:none}.rank{top:5px;left:5px}.file{bottom:3px;right:5px}.dark .coordinate{color:#eef2f6}.board-tools{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:4px 0 20px}.text-button{background:none;border:0;color:var(--muted);padding:6px 2px;font-size:12px}.text-button:hover{color:var(--text)}.sidebar{padding-top:10px}.status-card{padding:14px 0 22px}.status-card .eyebrow{color:var(--muted)}h2{font:700 29px var(--display);letter-spacing:-.5px;margin:0 0 9px}.status-card>p:last-child{font-size:12px;color:var(--muted);line-height:1.6;min-height:20px;margin:0}.panel{background:var(--paper);border:1px solid #d5dde6;border-radius:6px;padding:20px;margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-heading h3{font-size:14px;margin:0;font-weight:600}.panel>p{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 17px}.primary,.secondary{border-radius:4px;padding:11px 14px;font-size:12px;font-weight:600;min-height:40px}.primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.primary:hover{background:#344e6c}.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.secondary:hover{background:var(--surface)}.lobby>.primary{width:100%;display:flex;justify-content:space-between;align-items:center}#join-form{margin-top:19px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.join-row,.invite-row,.share-row{display:flex;gap:7px}.share-row{margin-top:8px}.share-row .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none}input{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);padding:10px;width:100%;min-width:0;font-size:12px}#room-code{text-transform:uppercase;letter-spacing:1px}.panel .small{font-size:12px;margin:13px 0 0}.tag{font-size:11px;color:var(--muted);font-weight:400;background:var(--surface);padding:4px 7px;border-radius:3px;white-space:nowrap}.score-sheet{padding-bottom:0}.history-heading,.move-row{display:grid;grid-template-columns:30px 1fr 1fr;align-items:center}.history-heading{font-size:11px;letter-spacing:1.3px;color:var(--muted);padding:18px 6px 11px;border-bottom:1px solid var(--line)}#history{max-height:210px;overflow:auto;padding-bottom:8px;scrollbar-width:thin}.move-row{font:13px ui-monospace,SFMono-Regular,Consolas,monospace;padding:8px 6px}.move-row:nth-child(2n){background:var(--surface)}.move-row>span:first-child{font-size:12px;color:var(--muted)}.latest-move{font-weight:700}.latest-move:after{content:"•";color:#a86b12;margin-left:8px}#empty-history{min-height:125px;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted)}#empty-history>span{font:42px Georgia,serif}#empty-history p{font:15px/1.5 var(--body)}.game-actions{display:flex;gap:8px;flex-wrap:wrap}.game-actions>.secondary{flex:1;white-space:nowrap}.table-note{text-align:center;font:13px var(--body);color:var(--muted);margin:20px 0}.offer-panel{border-color:var(--accent);background:var(--offer-bg)}.offer-panel p{color:var(--text)}.result-banner{margin:4px 0 16px;padding:16px 20px;border-radius:6px;text-align:center;border:1px solid var(--surface-border);background:var(--surface)}.result-banner h2{margin:0 0 4px;font:700 24px var(--display);color:var(--text)}.result-banner p{margin:0;font-size:12px;color:var(--muted)}.result-win{border-color:var(--accent);background:var(--offer-bg)}#offer-actions{display:flex;gap:8px}footer{border-top:1px solid var(--line);padding:24px 0 32px;margin-top:35px;display:flex;justify-content:space-between;gap:30px;font-size:12px;color:var(--muted)}footer details{max-width:430px;text-align:right}summary{cursor:pointer}details p{line-height:1.8;text-align:left}dialog{border:1px solid var(--line);border-radius:9px;padding:32px;color:var(--text);background:var(--paper);width:min(440px,calc(100% - 32px));box-shadow:0 20px 80px #142b4033}dialog::backdrop{background:#1c2f4666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog>p:not(.eyebrow){font-size:13px;line-height:1.6;color:var(--muted)}#promotion-options{display:flex;gap:8px;margin:22px 0}#promotion-options button{width:25%;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:8px 3px;font-size:12px;color:var(--text)}#promotion-options svg{width:100%;display:block}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:14px 20px;background:var(--ink);color:#fff;border-radius:5px;font-size:13px;z-index:10;box-shadow:0 5px 20px #22344933}@media(min-width:1350px){main{max-width:1220px}.game-layout{gap:60px}}@media(max-width:800px){main{padding:0 25px}.site-header{height:76px;padding:0 25px}.online-badge{display:none}.intro{padding-top:32px}.intro h1{font-size:44px}.game-layout{gap:24px;grid-template-columns:minmax(0,1fr) 270px}.board-frame{padding:8px}.coordinate{font-size:8px}.intro>p{font-size:12px}.panel{padding:16px}.sidebar{padding-top:6px}}@media(max-width:650px){.site-header{height:67px;padding:0 20px}.brand{font-size:20px}.brand-mark{font-size:32px}.header-note{font-size:12px}main{padding:0 16px}.intro{padding:28px 5px 14px}.intro h1{font-size:39px}.intro>p{font-size:12px;max-width:130px}.eyebrow{font-size:11px}.game-layout{display:flex;flex-direction:column;gap:4px}.table,.sidebar{width:100%}.table{display:flex;flex-direction:column}.player{height:56px}.board-frame{padding:8px}.player-avatar{width:34px;height:34px}.player-name{font-size:13px}.player-subtitle{font-size:12px}.board-tools{padding-bottom:8px}.status-card{padding:14px 4px 18px}.status-card h2{font-size:27px}.panel{padding:19px}.lobby>.primary{min-height:45px}.score-sheet{padding-bottom:0}#history{max-height:175px}.sidebar .lobby{margin-bottom:16px}footer{margin-top:20px;font-size:12px;gap:20px}.coordinate{font-size:9px}.square.legal.occupied:after{border-width:4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.bs-cell.last,.bg-point.last-move{box-shadow:inset 0 0 0 3px #e6b422}.practice-level{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:12px}.practice-level select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--text)}.skip-link{position:fixed;top:10px;left:16px;z-index:100;padding:12px 18px;border-radius:4px;background:var(--ink);color:#fff;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}.header-icons{flex-shrink:0}.header-icons .icon-button{width:44px;height:44px}@media(max-width:360px){.site-header{padding-inline:12px;gap:8px}.header-icons{gap:4px}.brand{font-size:18px;gap:4px}.platform-mark{margin-right:2px}}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em}.platform-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;margin-right:8px;transform:rotate(-8deg)}.platform-mark i{width:9px;height:9px;background:var(--ink);border-radius:2px}.platform-mark i:last-child{background:var(--accent)}.header-library{font-size:12px;color:var(--text);text-decoration:none;border-bottom:1px solid var(--text);padding-bottom:4px}#join-code{text-transform:uppercase;font:12px ui-monospace,monospace;letter-spacing:.5px}#join-error{font-size:12px;line-height:1.6;color:#9a453b}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.library-heading h2{font-size:31px;margin:0}.library-heading .eyebrow{font-size:11px;color:var(--muted);margin-bottom:10px}.filters{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:6px}.filter{font-size:12px;border:0;background:transparent;color:var(--muted);border-radius:3px;padding:9px 11px}.filter.active{background:var(--ink);color:#fff}.filter span{opacity:.65;margin-left:4px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{border:1px solid var(--surface-border);border-radius:8px;overflow:hidden;background:var(--surface);transition:box-shadow .2s}.game-card:hover{box-shadow:0 10px 25px -18px #223449}.game-art-link{display:block;overflow:hidden;text-decoration:none;color:inherit}.game-art{position:relative;height:277px;display:flex;align-items:center;justify-content:center;background:#d4dee9;overflow:hidden}.four-in-a-row-card .game-art{background:#dbdfe9}.chess-art{width:233px;height:233px;display:grid;grid-template-columns:repeat(6,1fr);border:9px solid #334b65;border-radius:3px;transform:rotate(-13deg) translate(10px,15px);box-shadow:10px 18px 20px #22344929}.art-square{display:flex;align-items:center;justify-content:center;background:#f1f1e9}.art-square.dark{background:#7c92aa}.art-square svg{height:35px;width:35px;filter:drop-shadow(0 2px 1px #22344933)}.art-checker{display:block;width:28px;height:28px;border-radius:50%;box-shadow:0 2px 1px #22344933}.art-checker.player-0{background:#c1503f}.art-checker.player-1{background:#1c2734}.card-art .art-card{width:66px;height:92px;background:#fffaf0;border-radius:8px;box-shadow:0 8px 16px -8px #22344960,0 2px 4px #22344933;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#243448}.card-art .art-card em{font: 22px Georgia,serif;font-style:normal}.card-art .art-card b{font-size:26px;font-weight:400}.card-art .art-card.red{color:#b8402d}.cribbage-art{display:flex;align-items:flex-end;justify-content:center;height:100%;transform:rotate(3deg) translateY(6px)}.cribbage-art .art-card{margin-left:-22px}.cribbage-art .art-card.card-0{transform:rotate(-14deg) translateY(10px);z-index:1}.cribbage-art .art-card.card-1{transform:translateY(-8px);z-index:2;margin-left:0}.cribbage-art .art-card.card-2{transform:rotate(14deg) translateY(10px);z-index:1}.battleship-art{width:233px;height:233px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:5px;background:#1b3245;padding:14px;border-radius:9px;box-sizing:content-box;transform:rotate(-6deg) translate(-6px,8px);box-shadow:10px 16px 20px #22344929}.bs-art-cell{border-radius:2px;background:#3c6f8f;position:relative}.bs-art-cell.ship{background:linear-gradient(155deg,#e8edf3,#c3ccd8);box-shadow:0 0 0 1px #22344940 inset}.bs-art-cell.hit:before,.bs-art-cell.hit:after{content:"";position:absolute;inset:0;margin:auto;width:68%;height:15%;background:#f4a582;border-radius:2px}.bs-art-cell.hit:before{transform:rotate(45deg)}.bs-art-cell.hit:after{transform:rotate(-45deg)}.bs-art-cell.miss:before{content:"";position:absolute;inset:30%;border-radius:50%;background:#eaf1f6cc}.backgammon-art{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:100%;padding-bottom:26px}.backgammon-art .art-triangle{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:128px solid;position:relative;display:flex;justify-content:center}.backgammon-art .art-triangle.light{border-bottom-color:#c9a76b}.backgammon-art .art-triangle.dark{border-bottom-color:#7a5133}.backgammon-art .art-bg-checker{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;box-shadow:0 3px 4px #0000004d,0 0 0 3px #0000001a inset}.backgammon-art .art-bg-checker.player-0{background:radial-gradient(circle at 32% 28%,#fffaf0,#d9d0bd 65%,#b5aa8f)}.backgammon-art .art-bg-checker.player-1{background:radial-gradient(circle at 32% 28%,#3e5169,#1c2734 65%,#0d141d)}.four-art{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background:#496581;padding:16px;border-radius:9px;transform:rotate(9deg) translate(5px,17px);box-shadow:9px 13px #314860,12px 25px 20px #22344929}.four-art>span{height:25px;width:25px;border-radius:50%;box-shadow:inset 1px 3px 2px #142a4055}.art-hole{background:#d3dbe7}.disc-0{background:#dc9177}.disc-1{background:#adc7db}.game-card-content{padding:24px}.game-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.recent-section{margin-top:42px}.recent-caption{font-size:12px;color:var(--muted)}#recent-rooms{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recent-room{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:5px;padding:15px}.recent-room>div{flex:1}.recent-room strong{display:block;font-size:13px}.recent-room small{display:block;margin-top:6px;font:12px ui-monospace,monospace;color:var(--muted)}.recent-icon{font-size:28px;color:var(--blue)}.recent-room a{text-decoration:none;font-size:12px;white-space:nowrap;padding:9px}.recent-room .forget-room{font-size:20px;padding:4px}.expired-room{opacity:.5}.platform-footer{max-width:1092px;margin:0 auto;padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:13px;color:var(--text);font-weight:700;text-decoration:none}.footer-legal{display:flex;gap:14px}.footer-legal a{color:var(--muted);text-decoration:none}.footer-legal a:hover{color:var(--text);text-decoration:underline}.legal-page{max-width:640px}.legal-page h1{font:700 46px/1 var(--display);letter-spacing:-1.6px;margin:0 0 6px}.legal-updated{color:var(--muted);font-size:12px;margin:0 0 30px}.legal-page h2{font:700 20px var(--display);letter-spacing:-.3px;margin:32px 0 10px}.legal-page h3{font:700 14px var(--display);letter-spacing:-.2px;margin:18px 0 4px}.legal-page p{font-size:13px;line-height:1.8;color:var(--text);margin:0 0 14px}.legal-page ul{margin:0 0 14px;padding-left:20px}.legal-page li{font-size:13px;line-height:1.8;color:var(--text)}.legal-page a{color:var(--text)}.breadcrumbs{display:flex;gap:12px;align-items:center;margin:29px 0 24px;font-size:12px;color:var(--muted)}.breadcrumbs a{color:var(--text);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.match-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.match-intro h1{font:700 46px/1 var(--display);letter-spacing:-1.6px;margin:0}.match-intro .eyebrow{color:var(--muted);font-size:11px}.match-intro>p{font:15px var(--body);color:var(--muted)}.players-strip{display:flex;gap:16px;justify-content:space-between;margin:4px 0 16px}.seat{display:flex;align-items:center;gap:10px;flex:1;padding:11px 12px;background:var(--surface);border:1px solid transparent;border-radius:5px;min-width:0}.seat.active-seat{border-color:var(--accent);background:var(--paper);box-shadow:0 0 0 1px var(--accent),0 0 14px -6px var(--accent)}.seat>div{flex:1}.seat strong{font-size:12px;white-space:nowrap}.seat small{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.seat-mark{width:22px;height:22px;border-radius:50%;border:2px solid #e9c4b5;background:#d88c72;box-shadow:0 2px 2px #22344920;flex-shrink:0}.seat-1{background:#6487ab;border-color:#a5bbd1}[data-game=chess] .seat-0{background:#fffaf0;border-color:#adbac6}[data-game=chess] .seat-1{background:#26384d;border-color:#71859d}[data-game=gomoku] .seat-0{background:#243448;border-color:#5d7186}[data-game=gomoku] .seat-1{background:#fffaf0;border-color:#adbac6}[data-game=checkers] .seat-0{background:#c1503f;border-color:#e29689}[data-game=checkers] .seat-1{background:#1c2734;border-color:#5d7186}[data-game=cribbage] .seat-0{background:#d1a13a;border-color:#ecd18f}[data-game=cribbage] .seat-1{background:#2f6e68;border-color:#7cb4ac}[data-game=backgammon] .seat-0{background:#fffaf0;border-color:#c9a76b}[data-game=backgammon] .seat-1{background:#1c2734;border-color:#5d7186}[data-game=battleship] .seat-0{background:#4a83a3;border-color:#8fc0d8}[data-game=battleship] .seat-1{background:#c1503f;border-color:#e29689}.seat-turn{display:inline-block;flex-shrink:0;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--ink);background:var(--accent);padding:3px 8px;border-radius:20px;text-transform:uppercase}.renderer-tools{display:flex;justify-content:flex-end;margin-top:4px}.renderer-tools button{font-size:12px}.rules-details{border-top:1px solid var(--line);padding:17px 0;font-size:12px;color:var(--muted)}.rules-details summary{font-size:12px;color:var(--text)}.rules-details p{line-height:1.8}.rules-details .rules-goal{color:var(--text)}.rules-details h3{font:700 13px var(--display);color:var(--text);margin:14px 0 4px}.rules-details ol,.rules-details ul{margin:0;padding-left:18px}.rules-details li{line-height:1.7;margin:3px 0}.rules-details li::marker{color:var(--muted)}.rules-glossary{margin:0}.rules-glossary dt{font-weight:700;color:var(--text);margin-top:7px}.rules-glossary dt:first-child{margin-top:0}.rules-glossary dd{margin:1px 0 0;padding:0;line-height:1.7}.saved-note{font-size:12px!important;margin:10px 0 0!important;color:#566e66!important}.game-layout .sidebar{padding-top:0}.game-layout .status-card{padding-top:6px}.game-layout{margin-bottom:35px}.four-table{background:#314c68;border-radius:10px;padding:12px 18px 5px;box-shadow:0 10px #223a54,0 20px 25px -15px #22344955}.four-column-controls,.four-numbers{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.drop-button{border:0;background:transparent;font-size:28px;line-height:38px;color:#d99b83;padding:0 0 5px;min-width:0}.drop-button.player-1{color:#b6d0e6}.drop-button:disabled{opacity:.15}.drop-button:not(:disabled):hover{background:#ffffff12;border-radius:4px}.four-board{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;background:#496987;border:1px solid #678098;border-radius:6px;padding:12px}.disc-slot{aspect-ratio:1;display:grid;place-items:center;min-width:0}.disc{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:#e1e7ef;box-shadow:inset 0 4px 7px #14283c66;font-size:30px;color:#fff8ea}.disc-slot.player-0 .disc{background:#dc9279;box-shadow:inset 0 0 0 5px #ffffff18,0 2px 2px #19364d70}.disc-slot.player-1 .disc{background:#b2cde2;box-shadow:inset 0 0 0 5px #ffffff25,0 2px 2px #19364d70;color:#314c68}.disc-slot.winning .disc{outline:3px solid #fff4dc;outline-offset:-3px}.four-numbers{color:#bbcad9;font:10px ui-monospace,monospace;text-align:center;padding:10px 13px}.four-hint{font:13px var(--body);color:var(--muted);text-align:center;margin-top:25px}.loading-page,.load-error{padding:65px 0}.load-error h1{font-family:var(--display);font-weight:400}@media(min-width:1350px){.platform-footer{max-width:1132px}}@media(max-width:1150px){.platform-footer{margin:0 44px}.seat-turn{font-size:11px;padding:2px 6px}}@media(max-width:800px){.library-heading{align-items:flex-start;flex-direction:column;gap:17px}.game-cards{gap:16px}.game-card-content{padding:18px}.game-card-title{align-items:flex-start;flex-direction:column;gap:7px}.game-art{height:240px}.chess-art,.battleship-art,.minesweeper-art{width:195px;height:195px}.four-art{gap:6px;padding:12px}.four-art>span{height:21px;width:21px}.platform-footer{margin:0 25px}.platform-footer>span:last-child{display:none}#recent-rooms{grid-template-columns:1fr}.seat{padding:9px 8px;gap:6px}.seat small,.seat strong{font-size:12px}.players-strip{gap:8px}.seat .tag{font-size:11px}.four-table{padding:7px 10px 3px}.four-board{gap:6px;padding:9px}.four-column-controls,.four-numbers{gap:6px}.disc{font-size:22px}}.header-stats-icon{display:none;text-decoration:none}@media(max-width:650px){.header-stats-icon{display:grid}.header-library{display:none}.games-section{margin-top:3px}.library-heading h2{font-size:28px}.filters{width:100%}.filter{flex:1}.game-cards{grid-template-columns:1fr;gap:22px}.game-art{height:250px}.chess-art,.battleship-art,.minesweeper-art{width:225px;height:225px}.four-art>span{width:24px;height:24px}.game-card-title{flex-direction:row;align-items:center}.game-card-content{padding:21px}.platform-footer{margin:0 16px;padding:23px 0;font-size:12px;gap:10px}.footer-brand{font-size:12px}.breadcrumbs{margin:22px 2px}.match-intro{margin:0 2px 20px}.match-intro h1{font-size:37px}.match-intro>p{font-size:12px;max-width:100px;text-align:right;line-height:1.5}.players-strip{margin-bottom:14px}.seat{padding:10px}.seat strong,.seat small{font-size:12px}.seat-turn{font-size:11px;padding:2px 6px}.game-layout .status-card{padding-top:12px}.four-table{padding:8px 12px 4px}.four-board{gap:7px;padding:10px}.disc{font-size:23px}.recent-caption{font-size:12px}.recent-room{gap:9px;padding:12px}.recent-room a{font-size:12px;padding:8px}.game-layout{margin-bottom:15px}}@media(max-width:360px){.seat-turn{font-size:11px;padding:2px 5px}}.gomoku-table{background:#2c3a4c;border-radius:10px;padding:12px 16px 8px;box-shadow:0 10px #1f2b3a,0 20px 25px -15px #22344955}.gomoku-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.gomoku-board{display:grid;grid-template-columns:repeat(15,minmax(32px,1fr));width:100%;max-width:620px;min-width:480px;margin:0 auto;background:#e7d3ac;border:2px solid #8a6b45;border-radius:3px}.gomoku-cell{position:relative;aspect-ratio:1;display:grid;place-items:center;border:0;padding:0;min-width:0;background:transparent;box-shadow:inset -1px 0 #b3905f,inset 0 -1px #b3905f;touch-action:manipulation}.gomoku-cell.star:before{content:"";position:absolute;width:16%;height:16%;border-radius:50%;background:#a17c4d;z-index:0}.gomoku-cell.winning{background:#d9a566}.gomoku-cell:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #da7957;z-index:3}.gomoku-cell .coordinate{z-index:1;color:#96723f;font-size:9px}.gomoku-cell .coordinate.rank{top:50%;left:2px;transform:translateY(-50%)}.gomoku-cell .coordinate.file{bottom:2px;right:3px}.stone{position:relative;width:76%;height:76%;border-radius:50%;z-index:2;pointer-events:none;box-shadow:0 2px 3px #14283c33}.stone.player-0{background:radial-gradient(circle at 32% 28%,#5d7186,#243448 58%,#101a28)}.stone.player-1{background:radial-gradient(circle at 32% 28%,#fff,#e4e8ee 55%,#aab6c4)}.gomoku-cell.last .stone:after{content:"";position:absolute;width:24%;height:24%;border-radius:50%;background:#d97a4f;top:50%;left:50%;transform:translate(-50%,-50%)}.gomoku-cell.winning .stone{outline:3px solid #fff4dc;outline-offset:-3px}.gomoku-hint{font:13px var(--body);color:var(--muted);text-align:center;margin-top:25px}.gomoku-art{width:233px;height:233px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;background:#334b65;padding:14px;border-radius:9px;transform:rotate(11deg) translate(-8px,14px);box-shadow:10px 18px 20px #22344929}.gomoku-art span{display:grid;place-items:center}.art-point{width:14%;height:14%;border-radius:50%;background:#4b6483}.art-stone{width:78%;height:78%;border-radius:50%;box-shadow:0 2px 2px #14283c33}.stone-0{background:#243448}.stone-1{background:#fffaf0}@media(max-width:650px){.gomoku-table{padding:8px 10px 6px}.gomoku-art{width:195px;height:195px}.gomoku-cell .coordinate{font-size:8px}}.seat-mark.seat-matching{animation:matching-pulse 1.4s ease-in-out infinite}@keyframes matching-pulse{0%,to{opacity:1}50%{opacity:.4}}.queue-panel .section-heading .tag{color:#566e66}@media(prefers-reduced-motion:reduce){.seat-mark.seat-matching{animation:none}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .game-art{background:#1c2734}:root:not([data-theme=light]) .four-in-a-row-card .game-art{background:#20293a}}:root[data-theme=dark] .game-art{background:#1c2734}:root[data-theme=dark] .four-in-a-row-card .game-art{background:#20293a}.game-layout{grid-template-rows:auto 1fr;align-items:start}.game-layout>.table{grid-column:1;grid-row:1 / span 2}.match-controls{width:100%;grid-column:2;grid-row:1;display:grid;gap:16px;min-width:0}.game-layout>.sidebar{grid-column:2;grid-row:2}.practice-link{display:inline-block;text-align:center;text-decoration:none}.lobby>.practice-link{display:block;margin-top:10px}.queue-panel>button{display:block;width:100%;margin-top:9px}#queue-elapsed{font-variant-numeric:tabular-nums;font-weight:600}#practice-panel>button{display:block;margin:12px 0}#tutorial-panel{border-left:3px solid var(--blue)}.history-event{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.history-event strong{overflow-wrap:anywhere}.result-banner button{margin-top:12px}@media(max-width:650px){.game-layout>.table,.match-controls,.game-layout>.sidebar{grid-column:1;grid-row:auto}.game-layout>.table{order:2}.match-controls{order:1}.game-layout>.sidebar{order:3}.game-layout.is-playing>.table{order:1}.game-layout.is-playing>.match-controls{order:2}.game-layout.has-tutorial>.match-controls{order:1}.game-layout.has-tutorial>.table{order:2}.match-controls{margin-bottom:16px}}@media(max-width:650px){.header-note{display:none}.match-intro{margin-bottom:14px}.match-intro>p{font-size:13px}.match-controls .status-card{padding-bottom:8px}.game-layout:not(.is-playing) .match-controls{gap:10px}}@media(max-width:650px){.game-layout.is-playing>.match-controls{display:contents}.game-layout.is-playing .match-controls>.status-card{order:0;width:100%}.game-layout.is-playing .match-controls>.panel{order:2;width:100%}.game-layout.has-tutorial .match-controls>#tutorial-panel{order:0}.game-layout.has-tutorial>.table{order:1}}[data-game=crazy-eights] .seat-0{background:#dc9279;border-color:#e9b3a0}[data-game=crazy-eights] .seat-1{background:#4c6386;border-color:#92a8c6}.crazy-frame{padding:0;overflow:hidden}.crazy-table{position:relative;min-height:430px;padding:26px;background:radial-gradient(circle at 50% 48%,#2c4560,var(--ink) 68%);color:#fffaf0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px}.crazy-opponent,.crazy-you{width:100%;display:flex;flex-direction:column;align-items:center;gap:9px}.crazy-hand{display:flex;flex-wrap:wrap;justify-content:center;width:100%;min-height:86px;gap:16px 6px}.crazy-hand .playing-card{flex-shrink:0;margin:0}.crazy-center{display:flex;align-items:flex-end;justify-content:center;gap:38px;width:100%}.crazy-pile{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9fb0c4;font-size:12px}.crazy-pile .playing-card{width:72px;height:100px}.crazy-pile small{min-height:15px}.suit-badge{display:flex;align-items:center;gap:5px;min-height:15px;padding:4px 10px;background:#fffaf0;color:var(--ink);border-radius:20px;font:600 12px Arial,Helvetica,sans-serif;text-transform:capitalize}.suit-badge:empty{background:none;padding:0}.suit-symbol{font-size:16px;line-height:1}.suit-symbol.red{color:#b7463c}.draw-pile{border:0;background:transparent;padding:0;color:#9fb0c4;font:inherit}.draw-pile:not(:disabled){cursor:pointer}.draw-pile:not(:disabled):hover .playing-card{transform:translateY(-3px)}.crazy-you .playing-card{width:62px;height:88px}.crazy-card{transition:transform .16s,box-shadow .16s}.crazy-card:not(:disabled):hover,.crazy-card.selected{transform:translateY(-12px);box-shadow:0 8px 13px #0c252733}.crazy-card:disabled{opacity:.88}.suit-picker{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:3;width:min(310px,88%);padding:20px;background:#fffaf0;color:var(--ink);border-radius:8px;box-shadow:0 14px 35px #10252b88;text-align:center}.suit-picker p{margin:0 0 14px;font:700 18px var(--display)}.suit-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.suit-choice{font-size:29px;padding:12px 0;background:var(--surface);border:1px solid var(--line);border-radius:5px}.suit-choice:nth-child(2),.suit-choice:nth-child(3){color:#b7463c}.suit-choice:hover{background:#e8f0ed}.crazy-art{position:relative;width:235px;height:220px;display:flex;align-items:center;justify-content:center}.crazy-art-card{position:absolute}.crazy-art-card.card-0{transform:rotate(-18deg) translate(-46px,9px);z-index:1}.crazy-art-card.card-1{transform:rotate(4deg) translateY(-12px);z-index:2}.crazy-art-card.card-2{transform:rotate(22deg) translate(46px,10px);z-index:1}.crazy-suit{position:absolute;right:18px;bottom:12px;font:italic 58px Georgia,serif;color:#cc6257}@media(max-width:650px){.crazy-table{min-height:400px;padding:20px 12px}.crazy-center{gap:25px}.crazy-pile .playing-card{width:62px;height:87px}.crazy-you .playing-card{width:51px;height:72px}.crazy-hand{min-height:72px}}.solitaire-page{max-width:960px;margin:auto;padding:32px 0}.solitaire-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;color:var(--text);font-size:13px;text-decoration:none}.solitaire-back:hover{text-decoration:underline}.solitaire-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.solitaire-heading h1{font:700 44px/1.1 var(--display);letter-spacing:-1px;margin:8px 0}.solitaire-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.6;max-width:470px;margin:0}.solitaire-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.solitaire-actions>span{font-size:12px;color:var(--muted);white-space:nowrap}.solitaire-actions button{min-height:44px;padding:10px 15px}.solitaire-board{--sol-gap:12px;--sol-overlap:30px;padding:24px;border:1px solid #40685d;border-radius:12px;background:#245247;box-shadow:inset 0 0 0 5px #ffffff08;-webkit-user-select:none;user-select:none}.sol-top,.sol-tableaus{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sol-gap)}.sol-draw{grid-column:1 / 3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sol-gap)}.sol-foundations{grid-column:4 / 8;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sol-gap)}.sol-slot,.sol-stock,.sol-card-button,.sol-empty-pile{display:block;width:100%;aspect-ratio:5/7;position:relative;padding:0;border:0;border-radius:6px;background:transparent;color:#c1d3c9;font:28px Georgia,serif;min-width:0;touch-action:manipulation}.sol-slot,.sol-empty-pile{border:1px solid #b6d0c14d;background:#163e322e}.sol-slot>span:not(.sol-card){opacity:.6}.sol-card{display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:5/7;box-sizing:border-box;padding:7px;border-radius:6px;background:#fffdf7;color:#25364a;box-shadow:0 2px 3px #102e3340;font:600 19px/1.1 Georgia,serif}.sol-card b{font-weight:600;white-space:nowrap}.sol-card i{align-self:center;font:38px/1 Georgia,serif;margin:auto}.sol-card.red{color:#bb443c}.sol-card-back{border:3px solid #f3f0e4;background-color:#47677a;background-image:radial-gradient(#adc2c9 1px,transparent 1px);background-size:6px 6px;box-shadow:0 1px 2px #102e3360}.sol-stock small{position:absolute;bottom:5px;left:50%;transform:translate(-50%);border-radius:9px;background:#2c4558;color:#fff;padding:2px 7px;font:12px Arial,sans-serif}.foundation-slot>.sol-card{position:absolute;inset:0}.sol-tableaus{margin-top:28px;align-items:start;min-height:300px}.sol-tableau{display:flex;flex-direction:column;min-width:0}.sol-tableau>*{flex-shrink:0}.sol-tableau>:not(:last-child){margin-bottom:calc(var(--sol-overlap) - (100% * 1.4))}.sol-card-button.selected .sol-card{outline:3px solid #f4ca78;outline-offset:1px;background:#fff4d9}.solitaire-board button:focus-visible{outline:3px solid #f4ca78;outline-offset:2px;z-index:2}.solitaire-status{min-height:20px;font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0}.solitaire-help{font-size:12px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding:15px 0}.solitaire-help summary{color:var(--text)}.solitaire-card .game-art{background:#d5e1dc}.solitaire-art{width:290px;max-width:86%;padding:18px 14px 24px;border-radius:9px;background:#245247;box-shadow:6px 12px 18px #193a3b30;transform:rotate(-6deg) translateY(12px)}.solitaire-art-top,.solitaire-art-piles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.solitaire-art-piles{margin-top:14px;align-items:start}.solitaire-art-pile{display:flex;flex-direction:column}.mini-card,.mini-slot{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:5/7;border-radius:3px;padding:3px;background:#fffdf7;color:#25364a;font:12px/1 Georgia,serif;box-shadow:0 1px 2px #14372955}.mini-card b{font-weight:400}.mini-card i{font-style:normal;align-self:center;font-size:17px;margin:auto}.mini-card.red{color:#bb443c}.mini-slot{border:1px solid #acc9b66b;background:transparent;align-items:center;justify-content:center;color:#bcd0c4;box-shadow:none;font-size:19px}.mini-back{background:#47677a;border:2px solid #f3f0e4;background-image:radial-gradient(#adc2c9 .8px,transparent .8px);background-size:4px 4px}.solitaire-art-pile>.mini-back{aspect-ratio:auto;height:7px;border-bottom:0;border-radius:2px 2px 0 0}@media(max-width:800px){.solitaire-heading{flex-wrap:wrap}.solitaire-board{--sol-gap:8px;padding:16px}}@media(max-width:650px){.solitaire-page{padding:20px 0 16px}.solitaire-heading{gap:14px;margin-bottom:14px}.solitaire-heading h1{font-size:34px;margin:4px 0}.solitaire-heading .eyebrow{font-size:11px;margin:0}.solitaire-actions{width:100%;justify-content:flex-end}.solitaire-actions>span{margin-right:auto}.solitaire-board{--sol-gap:4px;--sol-overlap:24px;margin:0 -8px;padding:10px 6px 18px;border-radius:8px}.sol-card{padding:5px 3px;font-size:15px;border-radius:4px}.sol-card i{font-size:24px}.sol-card-back{border-width:2px}.sol-slot,.sol-stock,.sol-card-button,.sol-empty-pile{border-radius:4px;font-size:23px}.sol-tableaus{margin-top:22px;min-height:260px}.solitaire-heading p:not(.eyebrow){font-size:12px}}.freecell-page{max-width:1040px;margin:auto;padding:32px 0}.freecell-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;color:var(--text);font-size:13px;text-decoration:none}.freecell-back:hover{text-decoration:underline}.freecell-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.freecell-heading h1{font:700 44px/1.1 var(--display);letter-spacing:-1px;margin:8px 0}.freecell-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.6;max-width:470px;margin:0}.freecell-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.freecell-actions>span{font-size:12px;color:var(--muted);white-space:nowrap}.freecell-actions button{min-height:44px;padding:10px 15px}.freecell-board{--sol-gap:12px;--sol-overlap:30px;padding:24px;border:1px solid #40685d;border-radius:12px;background:#245247;box-shadow:inset 0 0 0 5px #ffffff08;-webkit-user-select:none;user-select:none}.fc-top,.fc-tableaus{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--sol-gap)}.fc-cells{grid-column:1 / 5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sol-gap)}.fc-foundations{grid-column:5 / 9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sol-gap)}.fc-tableaus{margin-top:28px;align-items:start;min-height:340px}.fc-tableau{display:flex;flex-direction:column;min-width:0}.fc-tableau>*{flex-shrink:0}.fc-tableau>:not(:last-child){margin-bottom:calc(var(--sol-overlap) - (100% * 1.4))}.fc-cell.selected .sol-card{outline:3px solid #f4ca78;outline-offset:1px;background:#fff4d9}.freecell-board button:focus-visible{outline:3px solid #f4ca78;outline-offset:2px;z-index:2}.freecell-status{min-height:20px;font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0}.freecell-help{font-size:12px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);padding:15px 0}.freecell-help summary{color:var(--text)}@media(max-width:800px){.freecell-heading{flex-wrap:wrap}.freecell-board{--sol-gap:6px;padding:16px}}@media(max-width:650px){.freecell-page{padding:20px 0 16px}.freecell-heading{gap:14px;margin-bottom:14px}.freecell-heading h1{font-size:34px;margin:4px 0}.freecell-heading .eyebrow{font-size:11px;margin:0}.freecell-actions{width:100%;justify-content:flex-end}.freecell-actions>span{margin-right:auto}.freecell-board{--sol-gap:3px;--sol-overlap:22px;margin:0 -8px;padding:10px 6px 18px;border-radius:8px}.fc-tableaus{margin-top:20px;min-height:280px}.freecell-heading p:not(.eyebrow){font-size:12px}}.freecell-card .game-art{background:#d5e1dc}.freecell-art{width:290px;max-width:86%;padding:18px 14px 24px;border-radius:9px;background:#245247;box-shadow:6px 12px 18px #193a3b30;transform:rotate(-6deg) translateY(12px)}.freecell-art-top{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.freecell-art-piles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:14px;align-items:start}.freecell-art-pile{display:flex;flex-direction:column}.freecell-art-pile>*:not(:last-child){aspect-ratio:auto;height:9px;overflow:hidden;border-radius:2px 2px 0 0}.minesweeper-page{max-width:720px;margin:auto;padding:32px 0}.minesweeper-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:8px;color:var(--text);font-size:13px;text-decoration:none}.minesweeper-back:hover{text-decoration:underline}.minesweeper-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px}.minesweeper-heading h1{font:700 44px/1.1 var(--display);letter-spacing:-1px;margin:8px 0}.minesweeper-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.6;max-width:420px;margin:0}.minesweeper-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.minesweeper-actions label{font-size:12px;color:var(--muted)}.minesweeper-actions select{min-height:44px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 10px}.minesweeper-actions>span{font-size:12px;color:var(--muted);white-space:nowrap}.minesweeper-actions button{min-height:44px;padding:10px 15px}.minesweeper-board{--mine-cols:9;display:grid;grid-template-columns:repeat(var(--mine-cols),minmax(0,1fr));gap:2px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#8a9aa8;-webkit-user-select:none;user-select:none}.mine-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;padding:0;border:0;border-radius:2px;background:#c4d0da;color:#25364a;font:600 15px/1 Arial,sans-serif;touch-action:manipulation}.mine-cell:not(.revealed):hover{background:#d3dde4}.mine-cell.revealed{background:#eef1f4}.mine-cell.flagged{background:#c4d0da}.mine-cell.mine{background:#e0645a;color:#fff}.mine-cell.revealed.mine{background:#c94a40}.mine-cell.count-1{color:#2452c9}.mine-cell.count-2{color:#1d7d3f}.mine-cell.count-3{color:#c9382f}.mine-cell.count-4{color:#1c2b6b}.mine-cell.count-5{color:#7a2318}.mine-cell.count-6{color:#1b7a7a}.mine-cell.count-7{color:#1a1a1a}.mine-cell.count-8{color:#5c6b74}.mine-cell:focus-visible{outline:3px solid #f4ca78;outline-offset:-2px;z-index:2}.minesweeper-status{min-height:20px;font-size:12px;line-height:1.5;color:var(--muted);margin:12px 0}.minesweeper-card .game-art{background:#d6dade}.minesweeper-art{width:233px;height:233px;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;background:#2b3540;padding:11px;border-radius:9px;transform:rotate(-9deg) translate(9px,12px);box-shadow:10px 18px 20px #22344929}.art-mine-cell{position:relative;display:flex;align-items:center;justify-content:center;border-radius:2px;background:linear-gradient(155deg,#8b96a1,#5c6773);box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px #00000040;font:700 13px Arial,sans-serif;color:#3d4a57}.art-mine-cell.art-mine-revealed{background:#c7ccd2;box-shadow:inset 1px 1px 3px #0003}.art-mine-cell.art-mine-revealed.count-1{color:#2452c9}.art-mine-cell.art-mine-revealed.count-2{color:#1d7d3f}.art-mine-cell.art-mine-revealed.count-3{color:#c9382f}.art-mine-cell.art-mine-mine{background:#c94a40}.art-mine-cell.art-mine-mine:before{content:"";width:9px;height:9px;border-radius:50%;background:#241414;box-shadow:0 0 0 2px #ffffff40}.art-mine-cell.art-mine-flag:before{content:"";position:absolute;left:47%;bottom:22%;width:2px;height:56%;background:#241414}.art-mine-cell.art-mine-flag:after{content:"";position:absolute;left:49%;top:20%;width:11px;height:8px;background:#c9382f;clip-path:polygon(0 0,100% 32%,0 62%)}@media(max-width:650px){.minesweeper-page{padding:20px 0 16px}.minesweeper-heading{gap:10px 14px;margin-bottom:14px}.minesweeper-heading h1{font-size:34px;margin:4px 0}.minesweeper-heading .eyebrow{font-size:11px;margin:0}.minesweeper-heading p:not(.eyebrow){font-size:12px}.minesweeper-actions{flex-wrap:wrap;width:100%}.minesweeper-board{margin:0 -8px;border-radius:8px}.mine-cell{font-size:12px}}.leaderboard-panel{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.leaderboard-panel h2{font:700 20px var(--display);letter-spacing:-.3px;margin:0 0 12px}.leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.leaderboard-row{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 8px;border-radius:4px}.leaderboard-row.own-entry{background:var(--surface);font-weight:700}.lb-rank{width:20px;color:var(--muted);font-size:12px}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-value{font:12px ui-monospace,monospace;color:var(--muted)}.leaderboard-you{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.leaderboard-empty{font-size:12px;color:var(--muted)}.contact-form{display:grid;gap:16px;margin-top:8px}.contact-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--text);padding:10px;width:100%;min-width:0;font:inherit;font-size:13px}.contact-form textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-form .primary{width:auto;justify-self:start;padding:11px 22px;font-size:12px}#contact-status{min-height:1.4em;margin:0;font-size:12px;color:var(--muted)}#contact-status.contact-error{color:#b3402f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) #contact-status.contact-error{color:#e48b7a}}:root[data-theme=dark] #contact-status.contact-error{color:#e48b7a}.badge-shelf{margin:8px 0 34px;padding:24px 0 0;border-top:1px solid var(--line);text-align:center}.badge-shelf .eyebrow{color:var(--muted);margin:0 0 12px}.badge-row{display:grid;place-items:center;height:46px}.badge-row a{grid-area:1/1;display:flex;align-items:center;justify-content:center;line-height:0;border-radius:8px;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .6s ease,transform .6s ease}.badge-row a.is-active{opacity:1;transform:none;pointer-events:auto}.badge-row img{display:block;height:40px;width:auto;max-width:100%}@media(prefers-reduced-motion:reduce){.badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;height:auto}.badge-row a{opacity:1;transform:none;pointer-events:auto;transition:none}}.link-panel{margin:34px 0 8px;padding:26px 0 0;border-top:1px solid var(--line)}.link-panel .eyebrow{color:var(--muted);margin:0 0 10px}.link-intro{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 16px;max-width:68ch}.link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--surface-border);border-radius:6px;background:var(--surface);padding:8px 10px;margin-bottom:8px}.link-row code{font:12px ui-monospace,monospace;color:var(--text);overflow-x:auto;white-space:nowrap;padding:4px 0}.link-copy{font-size:12px;padding:7px 12px;min-width:64px}.disc-slot.last:not(.winning) .disc{position:relative}.disc-slot.last:not(.winning) .disc:after{content:"";position:absolute;width:24%;height:24%;border-radius:50%;background:#d97a4f}.disc-slot.last{position:relative}.rules-question .rules-answer{font:16px/1.6 var(--body);color:var(--text);border-left:3px solid var(--accent);padding-left:14px;margin:18px 0 22px}.rules-question h1{font-size:40px;line-height:1.08}.legal-page table{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:12px}.legal-page th,.legal-page td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}.legal-page th{color:var(--muted);font-weight:600}.rules-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0!important;padding:18px;border:1px solid var(--surface-border);border-radius:6px;background:var(--surface)}.legal-page .rules-cta a.primary{display:inline-flex;align-items:center;color:#fff;text-decoration:none}.rules-cta span{font-size:12px;color:var(--muted)}.rules-more a{color:var(--text)}@media(max-width:650px){.rules-question h1{font-size:32px}.legal-page table{font-size:12px}}.daily-banner{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:12px 16px;border:1px solid var(--accent);border-radius:6px;background:var(--paper)}.daily-banner-mark{font-size:24px;color:var(--accent)}.daily-banner>div{flex:1;min-width:0}.daily-banner .eyebrow{font-size:11px;color:var(--muted);margin:0 0 3px}.daily-banner strong{display:block;font:700 17px var(--display)}.daily-banner small{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}.daily-banner-links{display:flex;flex-direction:column;gap:6px;font-size:12px;text-align:right}.daily-banner-links a{color:var(--text)}.daily-page,.stats-page{margin-bottom:40px}.daily-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:22px}.daily-heading h1{font:700 46px/1 var(--display);letter-spacing:-1.6px;margin:0 0 10px}.daily-heading .eyebrow{font-size:11px;color:var(--muted)}.daily-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.6;margin:0;max-width:460px}.streak-card{display:flex;align-items:center;gap:22px;padding:16px 22px;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface);flex-shrink:0}.streak-flame{font-size:30px;color:var(--accent)}.streak-card strong{display:block;font:700 28px var(--display);line-height:1}.streak-card small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.streak-card a{font-size:12px;color:var(--text)}.daily-strip{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;max-width:420px;margin:0 0 10px}.daily-strip span{aspect-ratio:1;border-radius:3px;background:var(--line)}.daily-strip span.played{background:var(--accent)}.daily-strip span.today{outline:2px solid var(--text);outline-offset:1px}.daily-next{font-size:12px;color:var(--muted);margin:0 0 24px}.daily-next strong{color:var(--text)}.daily-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.daily-card{display:flex;flex-direction:column;border:1px solid var(--surface-border);border-radius:8px;background:var(--surface);padding:22px}.daily-card.daily-done{border-color:var(--accent)}.daily-card .eyebrow{font-size:11px;color:var(--muted)}.daily-done .eyebrow{color:#a86b12}.daily-card h2{font:700 24px var(--display);letter-spacing:-.5px;margin:0 0 8px}.daily-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 14px}.daily-card .daily-result{color:var(--text)}.daily-card>a{align-self:flex-start;text-decoration:none;display:inline-flex;gap:14px;font-size:12px;margin-bottom:18px}.daily-top{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.daily-footnote{font-size:12px;color:var(--muted);margin-top:24px}.daily-footnote a{color:var(--text)}.stats-page h2{font:700 22px var(--display);letter-spacing:-.4px;margin:34px 0 14px}.stats-table-wrap{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:12px}.stats-table th,.stats-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.stats-table thead th{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700}.stats-table tbody th a{color:var(--text);font:700 15px var(--display);text-decoration:none}.stats-table td strong{display:block;font-size:14px}.stats-table td small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.stat-none{color:var(--muted)}.stat-bests{display:flex;flex-wrap:wrap;gap:6px 16px}.stat-best{font-size:12px;color:var(--muted)}.stat-best strong{display:inline!important;color:var(--text);font-size:12px!important;margin-left:4px}.stats-note,.stats-empty{font-size:12px;color:var(--muted)}.stats-reset{margin-top:30px}.sudoku-progress #sudoku-timer{font-variant-numeric:tabular-nums}@media(max-width:900px){.daily-cards{grid-template-columns:1fr}.daily-heading{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.daily-heading h1{font-size:37px}.streak-card{gap:16px;padding:14px 16px;width:100%}.daily-banner{flex-wrap:wrap}.daily-banner-links{flex-direction:row;gap:14px;text-align:left;width:100%}}.seat{position:relative}.seat-clock{flex-shrink:0;font:700 15px ui-monospace,monospace;font-variant-numeric:tabular-nums;padding:5px 9px;border-radius:4px;background:var(--bg);color:var(--muted);border:1px solid var(--line)}.seat-clock.clock-running{background:var(--ink);color:#fff;border-color:var(--ink)}.seat-clock.clock-low{background:#b0463a;border-color:#b0463a;color:#fff}.reaction-bar{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.reaction-button{min-width:40px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--text);font-size:16px;font-weight:700}.reaction-button:hover:not(:disabled){background:var(--paper);border-color:var(--accent)}.reaction-bubble{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 12px;border-radius:18px;background:var(--ink);color:#fff;font-size:18px;box-shadow:0 8px 18px -10px #223449;animation:reaction-pop .25s ease-out}.reaction-bubble small{font-size:12px;opacity:.85}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,6px) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.reaction-bubble{animation:none}}.clock-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:0 0 10px}.clock-choice select{flex:1;max-width:180px}.lobby-waiting{font-size:12px;color:var(--muted);line-height:1.5;margin:8px 0 0;min-height:1.5em}.lobby-waiting.someone-waiting{color:#3d7a5e;font-weight:700}#claim{width:100%}.waiting-badge{position:absolute;right:14px;top:14px;z-index:3;font-size:12px;font-weight:700;letter-spacing:.3px;color:#fff;background:#3d7a5e;padding:6px 10px;border-radius:14px;text-decoration:none}.waiting-badge:hover{background:#2f6149}.review-bar{display:flex;align-items:center;gap:6px;margin:12px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.review-title{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-right:4px}.review-bar button{width:34px;height:30px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--text);font-size:12px}#review-label{flex:1;text-align:center;font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.guide-link{font-size:12px;color:var(--muted);margin:14px 0 0}.guide-link span{color:var(--accent);margin-right:4px}.guide-link a{color:var(--text)}.guide-page .eyebrow{font-size:11px;color:var(--muted)}.guide-intro{font:16px/1.7 var(--body)!important;color:var(--muted)!important}.guide-cta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 8px!important}.guide-cta a{text-decoration:none;display:inline-flex;align-items:center;font-size:12px;width:auto;padding:0 18px}.legal-page .guide-cta a.primary{color:#fff}.guide-list{list-style:none;padding:0!important}.guide-list li{margin:0 0 14px}.guide-list a{font:700 16px var(--display)}.guide-list span{display:block;font-size:12px;color:var(--muted);line-height:1.6}@media(max-width:650px){.platform-footer{align-items:flex-start}.footer-legal{flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;min-width:0}}body.at-table .site-header{height:64px}body.at-table .header-note{display:none}body.at-table .breadcrumbs{margin:14px 0 6px}body.at-table .match-intro{margin-bottom:12px;align-items:center}body.at-table .match-intro .eyebrow{display:none}body.at-table .match-intro h1{font-size:34px;letter-spacing:-1.1px}body.at-table .match-intro>p{font-size:13px;margin:0}body.at-table .players-strip{margin:0 0 12px}body.at-table .seat{padding:8px 12px}@media(min-width:651px){.game-layout{--above-board:210px;--board-ratio:1}.game-layout[data-game=four-in-a-row]{--board-ratio:.96}.game-layout[data-game=gomoku]{--board-ratio:.99}.game-layout[data-game=reversi]{--above-board:240px;--board-ratio:1.06}.game-layout:is([data-game=chess],[data-game=checkers],[data-game=four-in-a-row],[data-game=gomoku],[data-game=reversi]){grid-template-columns:minmax(0,min(650px,calc((100svh - var(--above-board) - 16px) / var(--board-ratio)))) minmax(285px,1fr)}}@media(max-width:650px){body.at-table .breadcrumbs{margin:12px 2px 4px}body.at-table .match-intro{margin:0 2px 10px}body.at-table .match-intro h1{font-size:30px}body.at-table .match-intro>p{display:none}}@media(max-width:650px){#opponent-hand{flex-wrap:nowrap;justify-content:center;gap:0;min-height:0;width:100%;max-width:100%;min-width:0}#opponent-hand .card-back{flex:0 1 36px;width:auto;min-width:14px;height:50px;margin:0 0 0 -16px;box-shadow:-2px 2px 4px #0f1c2b55}#opponent-hand .card-back:first-child{margin-left:0}}@media(max-width:650px){[data-game=cribbage] #your-hand{flex-wrap:nowrap;gap:5px;justify-content:center}[data-game=cribbage] #your-hand .playing-card{width:calc((100vw - 94px) / 6);max-width:52px;height:auto;aspect-ratio:52/72}}@media(max-width:380px){.seat .seat-turn{display:none}}.shelf-intro{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:10px 30px;padding:38px 0 24px}.shelf-intro h1{font:700 54px/1 var(--display);letter-spacing:-.03em;margin:0}.shelf-intro>p{margin:0 0 6px;font-size:17px;line-height:1.5;color:var(--muted);max-width:34ch}.shelf-join{display:grid;gap:6px}.shelf-join label{font-size:14px;color:var(--muted)}.shelf-join .join-row{display:flex;gap:8px}.shelf-join input{width:200px;background:var(--paper);font-size:15px}.shelf-join .primary{width:auto;padding:0 18px;white-space:nowrap}#join-error{font-size:13px;line-height:1.5;color:#9a453b;margin:0}.games-section .filters{display:flex;gap:6px;margin:0 0 16px;padding:0;border:0}.filter{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:20px;padding:8px 16px;font:700 14px var(--body)}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.game-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{display:flex;flex-direction:column;border:0;border-radius:14px;background:var(--surface);overflow:hidden;transition:transform .15s,box-shadow .15s}.game-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px #1f3044}.game-card .game-art{height:auto;aspect-ratio:1/.82;background:transparent;overflow:hidden}.game-card .game-art>*{scale:.62}.game-card-content{display:flex;flex-direction:column;gap:6px;padding:4px 16px 16px;flex:1}.game-card-title{display:block;margin:0;font:700 21px/1.15 var(--display);letter-spacing:-.015em}.game-card-title a{color:var(--text);text-decoration:none}.game-card{position:relative}.game-line{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.game-meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin:auto 0 0;padding-top:4px;font-size:13px;color:var(--muted)}.game-meta span:first-child{font-weight:700;color:var(--text)}.game-card .practice-link{position:relative;z-index:1;align-self:flex-start;font-size:13px;font-weight:700;color:var(--text)}.home-daily{grid-column:span 2;display:flex;align-items:center;gap:20px;margin:0;padding:26px 30px;border:0;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none;transition:transform .15s}.home-daily:hover{transform:translateY(-3px)}.home-daily-mark{font-size:46px;line-height:1;color:var(--accent)}.home-daily-text{display:grid;gap:6px}.home-daily-text strong{font:700 28px/1.1 var(--display);letter-spacing:-.02em}.home-daily-text>span{font-size:15px;line-height:1.5;opacity:.88}.home-streak{min-height:1.5em;font-weight:700;color:var(--accent);opacity:1!important}.recent-section{margin:0 0 30px}.recent-section .library-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.recent-section h2{font:700 24px var(--display);margin:0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--muted)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .home-daily{background:#22324a}}:root[data-theme=dark] .home-daily{background:#22324a}@media(max-width:1100px){.game-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.shelf-intro{grid-template-columns:1fr auto}.shelf-intro>p{grid-column:1/-1;grid-row:2}}@media(max-width:650px){.shelf-intro{grid-template-columns:1fr;padding:26px 2px 18px;gap:10px}.shelf-intro h1{font-size:42px}.shelf-intro>p{grid-row:auto;font-size:16px}.shelf-join input{width:100%}.shelf-join .join-row{display:grid;grid-template-columns:1fr auto}.games-section .filters{overflow-x:auto}.filter{flex:0 0 auto}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-card .game-art>*{scale:.44}.game-card-content{padding:2px 12px 12px}.game-card-title{font-size:18px}.game-line{display:none}.home-daily{grid-column:1/-1;padding:20px;gap:14px}.home-daily-mark{font-size:36px}.home-daily-text strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.game-card,.home-daily{transition:none}}main .game-cards .game-card .game-art{background:transparent}.game-card .practice-link{text-align:left;display:inline}@media(max-width:650px){.practice-extra{display:none}}.game-layout .panel:not(.offer-panel):not(#tutorial-panel){background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0;margin:0}.game-layout .match-controls{gap:0}.game-layout .panel h3{font:700 19px var(--display);margin:0 0 6px}.game-layout .panel>p{font-size:14px;line-height:1.55;color:var(--muted)}.game-layout .score-sheet{border-bottom:1px solid var(--line)}.game-layout .status-card h2{font:700 30px/1.1 var(--display);letter-spacing:-.02em}.game-layout .offer-panel,.game-layout #tutorial-panel{margin:12px 0}.game-actions{margin-top:16px}@media(min-width:651px){.game-layout{row-gap:0}}body.at-table .match-intro>p{display:none}select{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--text)}.clock-choice select{max-width:200px}.reversi-table{width:min(100%,620px);margin:0 auto}.reversi-counts{display:flex;justify-content:center;gap:28px;margin:0 0 9px;font-size:13px;color:var(--muted)}.reversi-counts strong{display:inline-block;min-width:2ch;color:var(--text);font-variant-numeric:tabular-nums}.reversi-board{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:5px;aspect-ratio:1;border-radius:10px;background:#244a43;box-shadow:0 16px 35px -28px #112d2a}.reversi-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:1px;background:#4f8a72;color:inherit}.reversi-cell:nth-child(16n+1),.reversi-cell:nth-child(16n+3),.reversi-cell:nth-child(16n+5),.reversi-cell:nth-child(16n+7),.reversi-cell:nth-child(16n+10),.reversi-cell:nth-child(16n+12),.reversi-cell:nth-child(16n+14),.reversi-cell:nth-child(16n+16){background:#548f76}.reversi-cell.legal{cursor:pointer}.reversi-cell.legal:after{content:"";width:17%;aspect-ratio:1;border-radius:50%;background:#e9dfb8;box-shadow:0 0 0 3px #173c3566}.reversi-cell.legal:hover:after{scale:1.25}.reversi-disc{display:block;width:76%;aspect-ratio:1;border-radius:50%;box-shadow:inset -5px -7px 10px #0004,0 4px 7px #17342d66;animation:reversi-flip .24s ease-out}.reversi-disc.player-0{background:radial-gradient(circle at 34% 28%,#55606a,#111820 58%,#06090d)}.reversi-disc.player-1{background:radial-gradient(circle at 34% 28%,#fff,#e9e5da 62%,#c7c1b4)}.reversi-cell.last{z-index:1;box-shadow:inset 0 0 0 3px #e9b45f}.reversi-cell:focus-visible{z-index:2;outline:3px solid #f4ca78;outline-offset:-3px}@keyframes reversi-flip{0%{transform:rotateY(90deg) scale(.9)}to{transform:none}}@media(prefers-reduced-motion:reduce){.reversi-disc{animation:none}.reversi-cell.legal:after{transition:none}}@media(max-width:650px){.reversi-table{width:min(100%,calc(100svh - 186px))}.reversi-counts{margin-bottom:6px}}.reversi-art{width:232px;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:8px;border-radius:8px;background:#244a43;transform:rotate(-7deg) translate(8px,10px);box-shadow:10px 18px 20px #22344929}.reversi-art>span{display:grid;place-items:center;background:#4f8a72}.reversi-art-disc{display:block;width:76%;aspect-ratio:1;border-radius:50%;box-shadow:inset -2px -3px 4px #0005,0 2px 3px #17342d66}.reversi-art-disc.player-0{background:#111820}.reversi-art-disc.player-1{background:#f1eee5}.name-dialog form{display:grid;gap:10px}.name-dialog h2{font:700 24px var(--display);margin:0}.name-dialog p{margin:0 0 6px;font-size:14px;line-height:1.55;color:var(--muted)}.name-dialog label{font-size:14px;font-weight:700;color:var(--text)}.name-dialog input{font-size:16px;padding:10px 12px;background:var(--bg)}.sudoku-page{max-width:960px;margin:auto;padding:20px 0 36px}.sudoku-card .game-art{background:#d6e2eb}.sudoku-art{display:grid;grid-template-columns:repeat(9,1fr);width:222px;aspect-ratio:1;border:3px solid #435a70;background:#fffdf7;border-radius:3px;transform:rotate(-8deg) translateY(12px);box-shadow:8px 14px 20px #22344930;flex-shrink:0}.sudoku-art>span{display:grid;place-items:center;color:#314760;border-right:1px solid #c5cfd8;border-bottom:1px solid #c5cfd8;font:14px Arial,sans-serif}.sudoku-art>span:nth-child(3n){border-right:2px solid #435a70}.sudoku-art>span:nth-child(9n){border-right:0}.sudoku-art>span:nth-child(n+19):nth-child(-n+27),.sudoku-art>span:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #435a70}.sudoku-art>span:nth-child(n+73){border-bottom:0}.sudoku-art .art-sudoku-selected{background:#c7dfef;color:#2869b0}.sudoku-back{display:inline-flex;align-items:center;min-height:44px;color:var(--text);font-size:12px;text-decoration:none;margin-bottom:14px}.sudoku-back:hover{text-decoration:underline}.sudoku-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.sudoku-heading h1{font:700 48px/1.1 var(--display);letter-spacing:-1.6px;margin:8px 0 10px}.sudoku-heading h1 span{color:var(--accent)}.sudoku-heading p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.sudoku-heading .eyebrow{font-size:11px}.sudoku-solo{font-size:12px;color:var(--muted);padding-bottom:4px}.sudoku-layout{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:60px;align-items:start}.sudoku-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:12px}.sudoku-toolbar label{display:flex;align-items:center;gap:8px;color:var(--muted)}.sudoku-toolbar select{min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--text);padding:8px 26px 8px 10px;font:inherit}.sudoku-toolbar button{min-height:44px;font-size:12px}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid #435a70;border-radius:3px;overflow:hidden;background:var(--paper);box-shadow:0 6px 20px #2234490c}.sudoku-cell{aspect-ratio:1;min-width:0;padding:0;border:0;border-right:1px solid #9cabbc70;border-bottom:1px solid #9cabbc70;background:var(--paper);color:#2869b0;font:normal clamp(19px,3vw,28px)/1 Arial,sans-serif;display:grid;place-items:center;position:relative;touch-action:manipulation}.sudoku-cell:nth-child(3n){border-right:2px solid #435a70}.sudoku-cell:nth-child(9n){border-right:0}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #435a70}.sudoku-cell:nth-child(n+73){border-bottom:0}.sudoku-cell.given{color:var(--text);font-weight:600}.sudoku-cell.related{background:color-mix(in srgb,var(--paper) 88%,#7ba7c6)}.sudoku-cell.matching{background:color-mix(in srgb,var(--paper) 65%,#7ba7c6)}.sudoku-cell.chosen{background:color-mix(in srgb,var(--paper) 52%,#7ba7c6);box-shadow:inset 0 0 0 2px #527a9c}.sudoku-cell.conflict{color:#c33335;text-decoration:underline;text-underline-offset:4px;background:color-mix(in srgb,var(--paper) 80%,#e8a59b)}.sudoku-cell:focus-visible{outline:3px solid #386ca0;outline-offset:-3px;z-index:1}.sudoku-pencil{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:90%;height:90%;font:normal clamp(8px,1.4vw,12px)/1 Arial,sans-serif;color:var(--muted);text-decoration:none}.sudoku-pencil span{display:grid;place-items:center}.sudoku-progress{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:12px 0 18px;gap:8px}.sudoku-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.sudoku-tools button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);font-size:12px}.sudoku-tools button>span{font-size:20px}.sudoku-tools small{font-size:12px;color:var(--muted)}.sudoku-tools button[aria-pressed=true]{border-color:#527a9c;background:color-mix(in srgb,var(--paper) 75%,#7ba7c6)}.sudoku-keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.sudoku-keypad button{min-height:48px;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--text);font:22px Georgia,serif;touch-action:manipulation}.sudoku-keypad button:hover:not(:disabled){border-color:#527a9c;background:var(--surface)}.sudoku-keypad button:disabled,.sudoku-tools button:disabled{opacity:.4;cursor:default}#sudoku-status{min-height:36px;line-height:1.6;font-size:12px;color:var(--muted);margin:14px 0 0}.sudoku-complete{border-color:#4b8b73}.sudoku-guide{padding-top:66px;color:var(--muted);font-size:13px;line-height:1.8}.sudoku-guide h2{font:700 30px/1.25 var(--display);letter-spacing:-.5px;color:var(--text);margin:14px 0 22px}.sudoku-guide h3{font-size:12px;font-weight:600;color:var(--text);margin:22px 0 6px}.sudoku-guide p{margin:0 0 12px}.sudoku-guide .eyebrow{font-size:11px}.sudoku-guide-rule{height:1px;background:var(--line);margin:25px 0}.sudoku-guide details{margin-top:24px;font-size:12px}.sudoku-guide details p{margin-top:10px}@media(min-width:651px){.sudoku-page{padding-top:4px}.sudoku-back{margin-bottom:0;min-height:36px}.sudoku-heading{margin-bottom:12px}.sudoku-heading h1{font-size:36px;margin:4px 0 6px}.sudoku-heading .eyebrow{margin-bottom:6px}.sudoku-layout{grid-template-columns:minmax(0,440px) minmax(0,1fr)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sudoku-cell:not(.given){color:#94c4f1}:root:not([data-theme=light]) .sudoku-cell.conflict{color:#ffaaa3}}:root[data-theme=dark] .sudoku-cell:not(.given){color:#94c4f1}:root[data-theme=dark] .sudoku-cell.conflict{color:#ffaaa3}@media(max-width:800px){.sudoku-layout{gap:30px;grid-template-columns:minmax(0,1fr) 220px}.sudoku-guide h2{font-size:25px}}@media(max-width:650px){.sudoku-page{padding-top:8px}.sudoku-back{margin-bottom:8px}.sudoku-heading{margin-bottom:16px}.sudoku-heading h1{font-size:38px;margin-top:6px}.sudoku-solo{display:none}.sudoku-layout{display:block}.sudoku-play{max-width:500px;margin:auto}.sudoku-cell{font-size:clamp(19px,6vw,26px)}.sudoku-pencil{font-size:clamp(8px,2.6vw,12px)}.sudoku-progress{margin-bottom:14px}.sudoku-guide{padding-top:20px;border-top:1px solid var(--line)}.sudoku-guide>h2,.sudoku-guide>.eyebrow,.sudoku-guide-rule{display:none}.sudoku-keypad{gap:3px}.sudoku-keypad button{font-size:21px}.sudoku-tools{gap:6px}}.merge-page{max-width:900px;margin:auto;padding:8px 0 30px}.merge-back{display:inline-flex;align-items:center;min-height:40px;font-size:12px;color:var(--text);text-decoration:none}.merge-back:hover{text-decoration:underline}.merge-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:8px 0 16px}.merge-heading h1{font:700 48px/1 var(--display);letter-spacing:-2px;margin:0 0 8px}.merge-heading p{margin:0;color:var(--muted);font-size:12px}.merge-scores{display:flex;gap:24px;color:var(--muted);font-size:12px}.merge-scores strong{display:block;color:var(--text);font-size:24px;margin-top:5px;font-variant-numeric:tabular-nums}.merge-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:60px;align-items:start}.merge-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted);margin-bottom:6px}.merge-toolbar button{min-height:44px;font-size:12px}.merge-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;background:#334d65;border-radius:10px;touch-action:none;-webkit-user-select:none;user-select:none;outline-offset:4px}.merge-cell{aspect-ratio:1;min-width:0;background:#ffffff12;border-radius:5px;position:relative}.merge-tile{position:absolute;inset:0;display:grid;place-items:center;border-radius:5px;font:bold clamp(24px,4vw,38px)/1 Arial,sans-serif;letter-spacing:-1px;z-index:1;background:#eaf0f6;color:#243e55}.merge-tile.long-value{font-size:clamp(18px,3vw,29px);letter-spacing:-1px}.tile-4{background:#cddfea}.tile-8{background:#9cc0d7}.tile-16{background:#6595b6;color:#102a40}.tile-32{background:#315d7e;color:#fff}.tile-64{background:#24435e;color:#fff}.tile-128{background:#f5c8b4}.tile-256{background:#efad91}.tile-512{background:#dc8b69;color:#2a2523}.tile-1024{background:#b95c42;color:#fff}.tile-2048{background:#873d2c;color:#fff}.merge-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 12px}.merge-actions button{min-width:84px;min-height:44px}.merge-actions span{font-size:12px;color:var(--muted);text-align:right}.merge-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.merge-directions button{min-height:44px;background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:5px;font-size:24px}.merge-directions button:hover:not(:disabled){background:var(--surface);border-color:var(--muted)}#merge-status{min-height:36px;margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--text)}.merge-guide{padding-top:50px;font-size:13px;line-height:1.8;color:var(--muted)}.merge-guide h2{font:700 29px/1.2 var(--display);color:var(--text);margin:22px 0}.merge-guide h3{font-size:13px;color:var(--text);margin:24px 0 4px}.merge-guide p{margin:0 0 14px}.merge-example{display:flex;align-items:center;gap:10px;color:var(--text)}.merge-example span{display:grid;place-items:center;width:48px;height:48px;border-radius:5px;background:#cddfea;color:#243e55;font:700 24px Arial,sans-serif}.merge-example span:last-child{background:#9cc0d7}.merge-example b{font-weight:400}.merge-guide .merge-credit{font-size:12px;margin-top:26px}.merge-credit a{color:inherit;text-underline-offset:3px}.game-card[class~="2048-card"] .game-art{background:#cddfea}.merge-art{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#334d65;padding:8px;width:220px;aspect-ratio:1;border-radius:8px;transform:rotate(-8deg) translateY(14px);box-shadow:8px 14px 20px #22344930}.merge-art span{display:grid;place-items:center;background:#ffffff12;border-radius:3px;color:#243e55;font:700 24px Arial,sans-serif}.merge-art .art-2{background:#eaf0f6}.merge-art .art-4{background:#cddfea}.merge-art .art-8{background:#9cc0d7}.merge-art .art-16{background:#6595b6}.merge-art .art-128{background:#f5c8b4}.merge-art .art-2048{background:#873d2c;color:#fff;font-size:17px}@media(max-width:800px){.merge-layout{gap:30px;grid-template-columns:minmax(0,400px) minmax(0,1fr)}.merge-scores{gap:16px}.merge-guide h2{font-size:25px}}@media(max-width:650px){.merge-page{padding-top:4px}.merge-heading h1{font-size:42px}.merge-heading{align-items:flex-start;margin-top:8px}.merge-heading p{max-width:145px;line-height:1.6}.merge-scores{gap:14px;padding-top:4px;font-size:12px}.merge-scores strong{font-size:22px}.merge-layout{display:block}.merge-play{max-width:420px;margin:auto}.merge-board{gap:7px;padding:7px}.merge-tile{font-size:clamp(26px,8vw,36px)}.merge-tile.long-value{font-size:clamp(18px,6vw,28px)}.merge-guide{padding-top:22px;border-top:1px solid var(--line);margin-top:12px}.merge-guide h2,.merge-example{display:none}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .game-card[class~="2048-card"] .game-art{background:#1c2734}}:root[data-theme=dark] .game-card[class~="2048-card"] .game-art{background:#1c2734}