:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-muted: #64748b;--color-primary: #2563eb;--color-primary-text: #ffffff;--color-border: #e2e8f0;--color-hit: #ef4444;--color-miss: #94a3b8;--color-sunk: #7f1d1d;--color-ship: #1e293b;--color-accent: #f59e0b;--color-p1: #2563eb;--color-p2: #ea580c;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--font-stack: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 6px 18px rgba(0, 0, 0, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-stack);color:var(--color-text);background:var(--color-bg);font-size:16px;line-height:1.45;min-height:100dvh;-webkit-font-smoothing:antialiased}button,select{font-family:inherit;font-size:inherit}.app{max-width:640px;margin:0 auto;padding:var(--space-4);min-height:100dvh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4) 0}.header h1{font-size:22px;font-weight:700;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-primary-text);font-weight:600;cursor:pointer;min-height:48px;transition:transform .06s ease,opacity .1s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--lg{font-size:20px;min-height:64px;padding:var(--space-4) var(--space-5)}.btn--block{width:100%}.btn--icon{padding:var(--space-2) var(--space-3);min-height:40px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stack>*+*{margin-top:var(--space-3)}.stack-lg>*+*{margin-top:var(--space-5)}.row{display:flex;gap:var(--space-3);align-items:center}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.muted{color:var(--color-muted)}.center{text-align:center}.h2{font-size:18px;font-weight:700;margin:0 0 var(--space-2) 0}.big{font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1}.bigger{font-size:96px;font-weight:700;letter-spacing:-2px;line-height:1}.pill-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.pill-toggle .pill-btn{background:transparent;border:0;padding:var(--space-2) var(--space-3);font-weight:600;color:var(--color-muted);cursor:pointer;min-height:40px}.pill-toggle .pill-btn.is-active{background:var(--color-primary);color:var(--color-primary-text)}.lang-select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-weight:600;color:var(--color-text);min-height:40px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;text-align:center}.tile{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.tile:active{transform:scale(.99)}.tile .tile__name{font-weight:700;font-size:17px}.tile .tile__desc{color:var(--color-muted);font-size:14px;margin-top:2px}.tile .tile__chev{color:var(--color-muted);font-size:20px}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.activity-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font:inherit;color:inherit;min-height:96px}.activity-card:active{transform:scale(.99)}.activity-card .activity-card__name{font-weight:700;font-size:16px;line-height:1.2}.activity-card .activity-card__desc{color:var(--color-muted);font-size:13px;line-height:1.3}.board{display:grid;gap:2px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:manipulation}.cell{background:var(--color-surface);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(14px,4vw,22px);line-height:1;color:var(--color-text)}.cell--btn{cursor:pointer}.cell--ship{background:var(--color-ship);color:#fff}.cell--hit{background:var(--color-hit);color:#fff}.cell--miss{background:var(--color-miss);color:#fff}.cell--sunk{background:var(--color-sunk);color:#fff}.cell--x{color:var(--color-p1);font-size:clamp(28px,9vw,56px)}.cell--o{color:var(--color-p2);font-size:clamp(28px,9vw,56px)}.board--dense .cell--x,.board--dense .cell--o{font-size:clamp(12px,3.5vw,20px)}.cell--win{background:#fef9c3}.cell--fresh{box-shadow:inset 0 0 0 3px #facc15;position:relative;z-index:1}.bs-grid{grid-template-columns:repeat(10,1fr)}.bs-resolve-bar{display:flex;align-items:stretch;gap:var(--space-2)}.bs-resolve-bar .banner{flex:1;display:flex;align-items:center;justify-content:center}.bs-resolve-bar .btn{white-space:nowrap}.ttt-board{max-width:360px;width:100%;margin-left:auto;margin-right:auto}.ttt-board.board--dense{max-width:480px}.mem-board{max-width:480px;width:100%;margin-left:auto;margin-right:auto}.mem-card{background:var(--color-primary);font-size:clamp(28px,9vw,56px);transition:background .12s ease,opacity .12s ease}.mem-card.mem-card--up{background:var(--color-surface)}.mem-card.mem-card--matched{opacity:.45}.mem-score{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border-radius:var(--radius-sm);border:2px solid transparent;min-width:80px}.mem-score--p1{background:color-mix(in srgb,var(--color-p1) 12%,var(--color-surface));color:var(--color-p1)}.mem-score--p2{background:color-mix(in srgb,var(--color-p2) 12%,var(--color-surface));color:var(--color-p2)}.mem-score.is-active.mem-score--p1{border-color:var(--color-p1)}.mem-score.is-active.mem-score--p2{border-color:var(--color-p2)}.mem-score__label{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;opacity:.8}.mem-score__value{font-size:28px;font-weight:800;line-height:1}.ck-board{max-width:480px;width:100%;margin-left:auto;margin-right:auto}.ck-cell{position:relative}.ck-cell--light{background:#f1e4c3}.ck-cell--dark{background:#8b6b3a}.ck-cell--selected{box-shadow:inset 0 0 0 4px #facc15;z-index:1}.ck-cell--target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:30%;height:30%;border-radius:50%;background:#facc15d9;pointer-events:none}.ck-cell--hint>.ck-piece{box-shadow:0 0 0 3px #facc15e6,0 1px 3px #00000059}.ck-piece{width:78%;height:78%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4vw,22px);color:#fff;box-shadow:0 1px 3px #00000059}.ck-piece--p1{background:var(--color-p1)}.ck-piece--p2{background:var(--color-p2)}.ck-piece--king:after{content:"♛";color:#fde68a}.chess-board{max-width:480px;width:100%;margin-left:auto;margin-right:auto}.chess-cell{position:relative}.chess-cell--light{background:#f0d9b5}.chess-cell--dark{background:#b58863}.chess-cell--last.chess-cell--light{background:#e8d36b}.chess-cell--last.chess-cell--dark{background:#b09144}.chess-cell--selected{box-shadow:inset 0 0 0 4px #facc15;z-index:1}.chess-cell--target:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:28%;height:28%;border-radius:50%;background:#00000047;pointer-events:none}.chess-cell--capture:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:3px solid rgba(0,0,0,.38);pointer-events:none}.chess-cell--check>.chess-piece{filter:drop-shadow(0 0 6px #dc2626) drop-shadow(0 0 12px #dc2626)}.chess-piece{font-size:clamp(22px,7vw,44px);line-height:1;-webkit-text-stroke:1px rgba(0,0,0,.55);text-shadow:0 1px 2px rgba(0,0,0,.25)}.chess-piece--p1{color:var(--color-p1)}.chess-piece--p2{color:var(--color-p2)}.handoff{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-5);padding:var(--space-5)}.handoff__title{font-size:28px;font-weight:700;margin:0}.handoff__sub{color:var(--color-muted);max-width:28ch}.fleet-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.fleet-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;font-size:13px;background:var(--color-surface)}.fleet-pill.is-sunk{background:var(--color-sunk);color:#fff;border-color:var(--color-sunk);text-decoration:line-through}.dice-faces{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.die{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.die.is-rolling{animation:shake .5s ease}@keyframes shake{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-8deg)}50%{transform:translateY(0) rotate(8deg)}75%{transform:translateY(-3px) rotate(-4deg)}}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;text-align:center}.banner--info{background:#eff6ff;color:#1e40af}.banner--win{background:#ecfdf5;color:#065f46}.banner--hit{background:#fee2e2;color:#991b1b}.banner--miss{background:#f1f5f9;color:#334155}.player-page{--player-color: transparent;border-top:8px solid var(--player-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0;padding:var(--space-3) var(--space-2) 0}.player-page--p1{--player-color: var(--color-p1)}.player-page--p2{--player-color: var(--color-p2)}.player-page .banner--player,.player-page .btn--player{background:var(--player-color);color:#fff}.player-page .btn--player:disabled{opacity:.5}.player-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:999px;background:var(--player-color);color:#fff;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase}label.field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--color-muted);font-weight:600}label.field select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);min-height:40px}.spacer{flex:1}.wa-card{display:flex;align-items:center;justify-content:center;padding:var(--space-7) var(--space-4);min-height:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:48px;font-weight:800;letter-spacing:.5px;text-align:center;color:var(--color-text);word-break:break-word}.wa-card--phrase{font-size:32px;letter-spacing:0;min-height:140px}.wa-card--letter{font-size:120px;line-height:1;color:var(--color-primary);min-height:180px}.cg-round{display:flex;gap:var(--space-3);align-items:stretch}.cg-round>.wa-card{flex:1 1 0;padding:var(--space-5) var(--space-3)}.cg-round>.wa-card--phrase{font-size:26px;min-height:0}.cg-round>.wa-card--letter{font-size:96px;min-height:0}.tq-card{position:relative}.tq-card--hidden .tq-card__text{color:var(--color-muted);font-size:28px;letter-spacing:1px}.tq-card__toggle{position:absolute;top:var(--space-2);right:var(--space-2);font-size:14px;font-weight:600}.tq-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3)}.tq-actions>:first-child{justify-self:start}.tq-actions>:last-child{justify-self:end}.tq-counter{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1}.tq-counter__value{font-size:40px;font-weight:800;color:var(--color-primary)}.tq-counter__label{font-size:12px}.rules-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}.rules-card__title{margin:0 0 var(--space-2) 0;font-size:18px}.rules-card__title+.rules-list{margin-top:0}.rules-card .rules-list+.rules-card__title{margin-top:var(--space-4)}.rules-list{margin:0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);line-height:1.4}.header__actions{display:flex;align-items:center;gap:var(--space-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:none;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal-backdrop.is-open{display:flex}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);max-width:480px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.modal__title{margin:0;font-size:20px;font-weight:700}.modal__body{margin:0;color:var(--color-text);line-height:1.5}.modal__actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}.sol{container-type:inline-size;--sol-gap: 4px;--sol-card-w: calc((100cqi - 6 * var(--sol-gap)) / 7);--sol-card-h: calc(var(--sol-card-w) * 1.4);--sol-down-step: calc(var(--sol-card-h) * .2);--sol-up-step: calc(var(--sol-card-h) * .32);--sol-card-red: #b91c1c;--sol-card-black: #111827}.sol-table{-webkit-user-select:none;user-select:none;touch-action:manipulation}.sol-top{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sol-gap);align-items:start}.sol-stock{grid-column:1}.sol-waste{grid-column:2}.sol-foundation-0{grid-column:4}.sol-foundation-1{grid-column:5}.sol-foundation-2{grid-column:6}.sol-foundation-3{grid-column:7}.sol-tableau{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sol-gap);align-items:start}.sol-col{position:relative;width:100%;min-height:calc(var(--sol-card-h) + var(--down-count, 0) * var(--sol-down-step) + var(--up-count, 0) * var(--sol-up-step))}.sol-col-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;border:1.5px dashed var(--color-border);background:transparent;z-index:0;cursor:pointer}.sol-col.is-target>.sol-col-base{border-color:var(--color-accent);background:#f59e0b1f}.sol-card{width:100%;aspect-ratio:2.5 / 3.5;border-radius:6px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 1px #0000000a;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:3px 5px;gap:2px;font-weight:700;line-height:1;font-size:clamp(12px,3.6vw,18px);cursor:pointer}.sol-card__rank{font-weight:800;line-height:1}.sol-card__suit{font-weight:700;line-height:1}.sol-card--red{color:var(--sol-card-red)}.sol-card--black{color:var(--sol-card-black)}.sol-card--back{background:repeating-linear-gradient(45deg,#1e3a8a 0,#1e3a8a 6px,#1e40af 6px,#1e40af 12px);border:1px solid #cbd5e1;box-shadow:0 -1px #ffffff73 inset,0 1px 2px #00000040;color:#fff}.sol-card.is-selected{outline:3px solid var(--color-accent);outline-offset:-2px}.sol-slot{aspect-ratio:2.5 / 3.5;border-radius:6px;border:1.5px dashed var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent}.sol-slot.sol-card{border:1px solid var(--color-border);background:var(--color-surface)}.sol-foundation-hint{font-size:clamp(18px,5vw,28px);color:var(--color-muted)}.sol-foundation.is-target{border-color:var(--color-accent);background:#f59e0b1f}.sol-stacked{position:absolute;left:0;right:0;top:calc(var(--down, 0) * var(--sol-down-step) + var(--up, 0) * var(--sol-up-step));z-index:calc(var(--down, 0) + var(--up, 0) + 1)}.hangman-svg{display:block;margin:0 auto;max-width:100%;height:auto}.hangman-frame line{stroke:var(--color-text);stroke-width:4;stroke-linecap:round}.hangman-part{stroke:var(--color-text);stroke-width:3;stroke-linecap:round;fill:none}.hangman-word{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.hangman-letter{display:inline-flex;align-items:flex-end;justify-content:center;min-width:28px;padding:0 4px 4px;border-bottom:3px solid var(--color-text);font-size:32px;font-weight:700;line-height:1.1;text-transform:uppercase}.hangman-letter--miss{color:var(--color-hit);border-bottom-color:var(--color-hit)}.hangman-lives{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2)}.hangman-lives__value{font-size:28px;font-weight:700}.hangman-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.hangman-key{min-width:40px;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:700;font-size:18px;text-transform:uppercase;cursor:pointer}.hangman-key:active{transform:scale(.97)}.hangman-key:disabled{cursor:not-allowed;opacity:.7}.hangman-key--hit{background:#ecfdf5;border-color:#065f46;color:#065f46}.hangman-key--miss{background:#fee2e2;border-color:#991b1b;color:#991b1b}@media print{.no-print{display:none!important}.app{max-width:none;padding:0}.board{background:#000;border-color:#000;gap:1px}.cell{background:#fff!important;color:#000!important;border:none}.cell--ship{background:#ddd!important}.card{border:1px solid black;box-shadow:none}.page-break{page-break-after:always}}