@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{color:var(--ink);background:var(--blush);font-synthesis:none;--blush:#fde7e7;--teal:#136a6a;--orange:#d87d4a;--ink:#1c1917;--muted:#6b6560;--line:#111;--card:#fff;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--blush);min-width:320px;min-height:100dvh;color:var(--ink);margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{width:min(100%,760px);min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 22px max(30px, env(safe-area-inset-bottom));margin:0 auto}.setup-form{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.setup{background:var(--card);border:1px solid var(--ink);flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}input{border:1px solid var(--ink);background:var(--blush);width:100%;color:var(--ink);outline:none;margin-top:7px;padding:12px}input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 22%, transparent)}.phone-block{position:relative}.phone-field{border:1px solid var(--ink);background:var(--blush);align-items:stretch;margin-top:7px;display:flex}.phone-field:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 22%, transparent)}.phone-dial{border:0;border-right:1px solid var(--ink);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 10px;font-weight:700;display:flex}.phone-dial:hover{background:color-mix(in srgb, var(--blush) 80%, var(--ink))}.phone-field input{box-shadow:none;background:0 0;border:0;flex:1;min-width:0;margin:0}.phone-field input:focus{box-shadow:none}.flag{font-size:18px;line-height:1}.country-menu{z-index:8;background:var(--card);border:1px solid var(--ink);flex-direction:column;max-height:260px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0}.country-search{text-transform:none;letter-spacing:0;width:calc(100% - 16px);margin:8px;font-size:14px;font-weight:500}.country-list{overflow:auto}.country-list button{width:100%;color:var(--ink);text-align:left;text-transform:none;letter-spacing:0;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.country-list button:hover,.country-list button.selected{background:var(--blush)}.country-name{flex:1;min-width:0}.country-code{color:var(--muted);font-weight:700}.country-empty{color:var(--muted);text-transform:none;letter-spacing:0;margin:0;padding:12px;font-size:13px;font-weight:500}.primary{border:1px solid var(--ink);width:100%;color:var(--ink);background:var(--card);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 18px;font-weight:700;display:flex}.primary:hover{background:var(--blush)}.primary:focus-visible,.board button:focus-visible,.nav-btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.primary:disabled{opacity:.6;cursor:wait}.contact{border:1px dashed var(--ink);width:100%;color:var(--teal);cursor:pointer;background:0 0;padding:11px}.error,.waiting{border:1px solid var(--orange);color:#8a3d18;background:color-mix(in srgb, var(--orange) 12%, var(--card));padding:12px 14px;font-size:13px}.game-shell{grid-template-rows:auto 1fr;max-width:440px;padding-inline:20px;display:grid}.game-nav{justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.nav-btn,.nav-label{color:var(--muted);letter-spacing:.14em;background:0 0;border:0;padding:8px 0;font-size:12px;font-weight:600}.nav-btn{cursor:pointer}.nav-btn:hover{color:var(--ink)}.game-nav-end{justify-content:flex-end}.nav-icon{letter-spacing:0;padding:8px;line-height:0;display:inline-flex}.nav-icon svg{display:block}.game-body{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;padding-bottom:8vh;display:flex}.score{background:var(--card);border:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:stretch;width:100%;display:grid}.score-side{align-items:center;gap:10px;min-width:0;display:flex}.score-x{padding:10px 8px 10px 10px}.score-o{text-align:right;justify-content:flex-end;padding:10px 10px 10px 8px}.score-mark{flex:0 0 36px;place-items:center;width:36px;height:42px;display:grid}.score-x .score-mark{color:var(--teal);border-right:1px solid #d4d0ce;padding-right:10px}.score-o .score-mark{color:var(--orange);border-left:1px solid #d4d0ce;padding-left:10px}.score-mark svg{width:26px;height:26px}.score-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.score-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.1;overflow:hidden}.score-x .score-meta span{color:var(--teal)}.score-o .score-meta span{color:var(--orange)}.score-meta span{letter-spacing:.08em;font-size:9px;font-weight:700}.score em{color:#b0aaa6;place-items:center;padding:0 4px;font-size:12px;font-style:normal;font-weight:500;display:grid}.board{aspect-ratio:1;border:5px solid var(--ink);background:var(--ink);flex:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5px;width:min(340px,100%,100dvh - 14rem);height:auto;display:grid;overflow:hidden}.board button{aspect-ratio:1;background:var(--blush);cursor:pointer;width:100%;min-width:0;height:100%;min-height:0;color:var(--teal);border:0;border-radius:0;place-items:center;padding:0;display:grid}.board button svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:square;width:56%;height:56%}.board button.x{color:var(--teal)}.board button.o{color:var(--orange)}.board button.last{box-shadow:inset 0 0 0 2px var(--orange)}.board button:not(:disabled):hover{background:color-mix(in srgb, var(--blush) 86%, var(--ink))}.board button:disabled{cursor:default}.score-mark svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:square}.board button.o svg,.score-o .score-mark svg{stroke-linecap:round;stroke-width:2.6px}.score-mark.disc svg{fill:currentColor;stroke:none}.board.connect4{aspect-ratio:7/6;border-radius:10px;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;width:min(360px,100%,116.667dvh - 16.3333rem);padding:6px}.board.connect4 button{aspect-ratio:1;border-radius:50%}.board.connect4 button.x{background:var(--teal)}.board.connect4 button.o{background:var(--orange)}.board.connect4 button.last{box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px var(--orange)}.status{color:var(--muted);text-align:center;margin:0;font-size:16px;font-weight:500}.send{width:100%;max-width:340px;margin-top:4px}h1.status{font-size:16px;font-weight:500}.game-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.game-grid .primary{width:100%;padding:12px;font-size:14px}.confirm-row{gap:8px;width:100%;max-width:340px;display:flex}.confirm-row .primary,.confirm-row .contact{flex:1}.shake{animation:.35s gl-shake}@keyframes gl-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.pig{background:color-mix(in srgb, var(--orange) calc(var(--heat,0) * 28%), transparent);border-radius:8px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:8px;display:flex}.pig.bust{background:color-mix(in srgb, #c0392b 35%, var(--blush));animation:.4s gl-shake}.pig-scores{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.pig-scores strong{text-align:center;font-size:42px;display:block}.pig-bar{background:#ead9d9;height:8px;display:block}.pig-bar i{background:var(--teal);height:8px;display:block}.pig-die{border:3px solid var(--ink);background:#fff;place-items:center;width:96px;height:96px;font-size:52px;font-weight:700;display:grid}.pig-actions{gap:10px;width:100%;display:flex}.pig-actions .primary{flex:1}.pig-bank{background:var(--teal);color:#fff}.nim-heaps{gap:10px;width:100%;display:flex}.nim-heap{border:1px solid var(--ink);cursor:pointer;background:#fff;flex:1;padding:10px 6px}.nim-heap.on{outline:3px solid var(--teal)}.nim-sticks{flex-wrap:wrap;place-content:end center;gap:4px;min-height:80px;display:flex}.nim-sticks i{background:#8a5a2a;width:6px;height:28px;display:block}.nim-sticks i.poison{background:#c0392b;animation:1s infinite pulse;box-shadow:0 0 8px #c0392b}@keyframes pulse{50%{opacity:.5}}.nim-take{flex-direction:column;gap:8px;width:100%;display:flex}.gmk-board{border:4px solid var(--ink);background:#e8c990;display:grid}.gmk-cell{aspect-ratio:1;background:0 0;border:0;padding:0;position:relative;box-shadow:inset 0 0 0 .5px #c9a66b}.gmk-cell.b:after,.gmk-cell.w:after{content:"";border-radius:50%;position:absolute;inset:12%}.gmk-cell.b:after{background:#1c1917}.gmk-cell.w:after{background:#fff;border:1px solid #1c1917}.gmk-cell.ghost:after{opacity:.5}.gmk-cell.pulse{box-shadow:inset 0 0 0 2px var(--orange);animation:1.2s infinite pulse}.gmk-cell.threat{background:color-mix(in srgb, var(--orange) 28%, transparent)}.wd-board{flex-direction:column;gap:6px;display:flex}.wd-row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.wd-tile{aspect-ratio:1;border:2px solid var(--ink);text-transform:uppercase;background:#fff;place-items:center;font-weight:700;display:grid}.wd-tile.g{color:#fff;background:#6aaa64;border-color:#6aaa64}.wd-tile.y{color:#fff;background:#c9b458;border-color:#c9b458}.wd-tile.a{color:#fff;background:#787c7e;border-color:#787c7e}.wd-duel{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.wd-keys{flex-direction:column;gap:6px;width:100%;display:flex}.wd-keyrow{justify-content:center;gap:4px;display:flex}.wd-keyrow button{border:1px solid var(--ink);text-transform:uppercase;cursor:pointer;background:#fff;min-width:28px;padding:10px 6px;font-weight:700}.timer-ring{border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.timer-ring span{background:var(--blush);border-radius:50%;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.wh-board,.ang-rack{grid-template-columns:repeat(4,1fr);gap:6px;width:min(320px,100%);display:grid}.ang-rack{grid-template-columns:repeat(7,1fr)}.wh-cell,.ang-tile{aspect-ratio:1;border:2px solid var(--ink);background:#fff;font-size:18px;font-weight:700}.wh-cell.on,.ang-tile.used{background:var(--teal);color:#fff}.wh-found{width:100%;max-height:120px;margin:0;padding:0;list-style:none;overflow:auto}.wh-found li{border-bottom:1px solid #ead9d9;justify-content:space-between;padding:4px 0;display:flex}.ang-word{letter-spacing:.12em;min-height:36px;font-size:28px;font-weight:700}.mm-ladder{flex-direction:column;gap:6px;width:100%;max-height:240px;display:flex;overflow:auto}.mm-guess{align-items:center;gap:8px;display:flex}.mm-peg{cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.mm-peg.big{font-size:42px}.mm-peg.on{outline:2px solid var(--ink)}.mm-slots,.mm-palette{justify-content:center;gap:10px;display:flex}.mm-fb{letter-spacing:2px}.ld-tray{border:1px solid var(--ink);background:#fff;justify-content:center;gap:8px;width:100%;padding:12px;display:flex}.ld-die{font-size:36px}.ld-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.ld-actions .liar{color:#fff;background:#c0392b;grid-column:1/-1}.ld-bids{text-align:center;width:100%;max-height:120px;overflow:auto}.ld-reveal{justify-content:center;gap:6px;min-height:44px;display:flex}.bs-grid{background:#0b3a5b;grid-template-columns:repeat(10,1fr);gap:2px;width:min(340px,100%);padding:4px;display:grid}.bs-grid.small{width:min(220px,80%)}.bs-cell{aspect-ratio:1;background:#1a6a9a;border:0;padding:0}.bs-cell.ship{background:#888}.bs-cell.hit{background:#c0392b}.bs-cell.miss{background:#dfe6ea}.bs-cell.sunk{background:#6b1c14}.bs-cell.aim{outline:2px solid #fff}.bs-cell.incoming{animation:.4s pulse}.ck-board{border:4px solid var(--ink);width:min(340px,100%);display:grid}.ck.rot .ck-board{transform:rotate(180deg)}.ck-sq{aspect-ratio:1;border:0;padding:0}.ck-sq.light{background:#f3e2c6}.ck-sq.dark{background:#7a4a28}.ck-sq.dest:after{content:"";background:#ffffff80;border-radius:50%;width:28%;height:28%;margin:auto;display:block}.ck-sq.dim{opacity:.35}.ck-sq.trail{box-shadow:inset 0 0 0 3px var(--orange)}.ck-man{color:gold;background:#1c1917;border-radius:50%;width:70%;height:70%;margin:auto;font-size:12px;line-height:1.8;display:block}.ck-man.w,.ck-man.W{color:#1c1917;background:#f4f0ea;border:1px solid #1c1917}.ck-man.B,.ck-man.W{box-shadow:inset 0 0 0 2px gold}@media (width<=560px){.shell{padding-inline:16px}.field-grid{grid-template-columns:1fr}.board{width:min(320px,100%,100dvh - 14rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}