@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{color-scheme:light;--bg: #1c120a;--bg-2: #2a1a0f;--panel: rgba(38, 25, 15, .92);--grid: #6e4b32;--grid-strong: #d1a06f;--text: #f2e4d1;--muted: #c6ae95;--accent: #e0a36f;--accent-2: #c98347;--danger: #d06a5e;--shadow: 0 18px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:Share Tech Mono,Courier New,monospace;color:var(--text);background:radial-gradient(circle at top,#382215 0%,var(--bg) 55%,#0e0906 100%);min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;gap:24px;padding:clamp(16px,4vw,32px);max-width:1100px;margin:0 auto;min-height:100vh}.app.suite{min-height:100vh;justify-content:center}.header{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.35em;color:var(--muted);font-size:.7rem}h1{margin:6px 0;font-size:clamp(2rem,5vw,3.4rem);color:var(--accent);text-shadow:0 0 10px rgba(224,163,111,.25)}h2{margin:0;font-size:1.4rem;color:var(--text)}.subtitle{margin:0;max-width:460px;color:var(--muted)}.status{display:flex;gap:12px;flex-wrap:wrap}.badge{border:1px solid var(--grid);padding:8px 14px;border-radius:999px;background:#26190f99;box-shadow:inset 0 0 12px #e0a36f26;font-size:.85rem}.badge.solved{border-color:var(--accent);color:var(--accent)}.tag{border-radius:999px;padding:6px 12px;font-size:clamp(.55rem,2.4vw,.75rem);border:1px solid var(--grid);text-transform:uppercase;letter-spacing:.2em}.tag.live{border-color:var(--accent);color:var(--accent)}.tag.soon{color:var(--muted)}.controls{display:flex;flex-direction:column;gap:16px;align-items:stretch;padding:12px 16px;border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}@media (min-width: 720px){.controls{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}}.control-group{display:flex;gap:12px;flex-wrap:wrap}.difficulty-group{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}.difficulty-group::-webkit-scrollbar{display:none}.difficulty-group .control{flex:0 0 auto;min-width:clamp(96px,28vw,148px)}.control{border:1px solid var(--grid);background:transparent;color:var(--text);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;padding:10px 14px;border-radius:10px;cursor:pointer;transition:all .2s ease}.control-input{border:1px solid var(--grid);background:#140d09b3;color:var(--text);letter-spacing:.08em;font-size:.8rem;padding:10px 12px;border-radius:10px;min-width:220px}.control-input::placeholder{color:var(--muted)}.control-input:disabled{opacity:.5}.control:hover,.control.active{border-color:var(--accent);box-shadow:0 0 10px #e0a36f40;color:var(--accent)}.control.ghost{border-color:#fff3}.control:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.toggle input{accent-color:var(--accent)}.menu{min-height:100vh;justify-content:center}.menu-card{background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:24px;max-width:820px;width:min(92vw,520px);margin:0 auto;box-shadow:var(--shadow);display:grid;gap:16px}.menu-title{margin:0;text-transform:uppercase;letter-spacing:.24em;color:var(--muted);font-size:.8rem}.menu-grid{display:grid;gap:12px}.menu-option{width:100%;text-align:left;padding:14px 16px;border-radius:12px;border:1px solid var(--grid);background:transparent;color:var(--text)}.menu-option.ghost{cursor:default;background:#180f0966;border-color:#ffffff1a;color:var(--muted)}.suite-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));min-width:0}.game-card{border:1px solid var(--grid);border-radius:18px;background:var(--panel);padding:20px;box-shadow:var(--shadow);display:grid;gap:16px;overflow:hidden;min-width:0}.game-card.featured{border-color:#e0a36fcc;box-shadow:0 0 20px #e0a36f40;grid-column:span 2}@media (max-width: 720px){.game-card.featured{grid-column:span 1}}.game-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.game-desc{margin:0;color:var(--muted);min-height:48px}.game-card .control{width:100%;max-width:100%;min-width:0;display:block;justify-self:stretch}.board{display:grid;grid-template-rows:repeat(9,1fr);gap:0;border:2px solid var(--grid-strong);border-radius:18px;overflow:hidden;background:#120c08d9;box-shadow:var(--shadow);aspect-ratio:1 / 1;width:min(92vw,540px);align-self:center}.row{display:grid;grid-template-columns:repeat(9,1fr)}.cell{border:1px solid rgba(209,160,111,.22);background:transparent;color:var(--text);font-size:clamp(1.1rem,3.8vw,1.6rem);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.cell.fixed{color:var(--accent);text-shadow:0 0 8px rgba(224,163,111,.3)}.cell.related{background:#e0a36f14}.cell.selected{background:#e0a36f33;box-shadow:inset 0 0 12px #e0a36f73}.cell.same-value{background:#e0a36f29;box-shadow:inset 0 0 10px #e0a36f40}.cell.wrong{color:var(--danger);background:#d06a5e33;box-shadow:inset 0 0 12px #d06a5e4d}.cell.conflict{color:var(--danger);background:#d06a5e26;box-shadow:inset 0 0 10px #d06a5e40}.cell.hint-focus{background:#e0a36f1f}.cell.hint-target{border-color:var(--accent);box-shadow:inset 0 0 14px #e0a36f73}.notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;width:100%;height:100%;padding:6px;font-size:clamp(.55rem,2.4vw,.75rem);color:var(--muted)}.note{display:grid;place-items:center;opacity:.9}.row:nth-child(3n) .cell{border-bottom-color:var(--grid-strong)}.row .cell:nth-child(3n){border-right-color:var(--grid-strong)}.kakuro-board{display:grid;grid-template-rows:repeat(7,1fr);gap:0;border:2px solid var(--grid-strong);border-radius:18px;overflow:hidden;background:#120c08d9;box-shadow:var(--shadow);aspect-ratio:1 / 1;width:min(92vw,520px);align-self:center}.k-row{display:grid;grid-template-columns:repeat(7,1fr)}.k-cell,.k-block{border:1px solid rgba(209,160,111,.22);position:relative}.k-block{background:#0e0906e6;color:var(--muted);font-size:.7rem}.k-block .diag{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 49%,rgba(209,160,111,.3) 50%,transparent 51%);pointer-events:none}.k-block .sum{position:absolute;font-size:.7rem;color:var(--muted)}.k-block .sum.down{top:6px;left:6px}.k-block .sum.across{bottom:6px;right:6px}.k-cell{background:transparent;color:var(--text);font-size:clamp(1rem,3vw,1.4rem);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.k-cell.selected{background:#e0a36f33;box-shadow:inset 0 0 12px #e0a36f73}.k-cell.same-value{background:#e0a36f29;box-shadow:inset 0 0 10px #e0a36f40}.k-cell.wrong{color:var(--danger);background:#d06a5e33;box-shadow:inset 0 0 12px #d06a5e4d}.k-cell.conflict{color:var(--danger);background:#d06a5e26;box-shadow:inset 0 0 10px #d06a5e40}.k-cell.hint-focus{background:#e0a36f1f}.k-cell.hint-target{border-color:var(--accent);box-shadow:inset 0 0 14px #e0a36f73}.nonogram-board{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:8px;align-self:center;width:min(92vw,640px)}.nonogram-corner{width:64px;height:64px;border-radius:12px;border:1px solid var(--grid);background:#180f0966}.nonogram-col-clues{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;align-items:end}.nonogram-col{display:grid;gap:2px;justify-items:center;font-size:.75rem;color:var(--muted)}.nonogram-row-clues{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:4px;justify-items:end;font-size:.75rem;color:var(--muted)}.nonogram-row{display:flex;gap:6px;align-items:center;justify-content:flex-end}.nonogram-clue{min-width:16px;text-align:center}.nonogram-grid{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:4px}.nonogram-grid-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.n-cell{aspect-ratio:1 / 1;border-radius:8px;border:1px solid rgba(209,160,111,.25);background:#140d09d9;color:var(--muted);font-size:1rem;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.n-cell.filled{background:#e0a36fbf;box-shadow:inset 0 0 6px #140d0999}.n-cell.marked{color:var(--accent)}.n-cell.conflict{background:#d06a5e4d;color:var(--danger)}.n-cell.hint-target{border-color:var(--accent);box-shadow:inset 0 0 8px #e0a36f99}.chromogram-app{--chrom-red: #d85b55;--chrom-blue: #4b89d4;--chrom-yellow: #e4b84f;--chrom-purple: #936bd6;--chrom-green: #4fa37a;--chrom-orange: #d98a4d;--chrom-empty: rgba(18, 12, 8, .85);--chrom-outline: rgba(209, 160, 111, .4);--chrom-ink: rgba(17, 10, 6, .75)}.chromogram-app.colorblind{--chrom-red: #d18a3f;--chrom-blue: #2f8f7f;--chrom-yellow: #bda84a;--chrom-purple: #7d6fb4;--chrom-green: #4b9a6e;--chrom-orange: #c27a3f}.chromogram-app.high-contrast{--chrom-empty: #0b0704;--chrom-outline: #f2e4d1;--chrom-ink: rgba(12, 8, 4, .9)}.chromogram-legend{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}.legend-item{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.legend-swatch{width:16px;height:16px;border-radius:6px;border:1px solid var(--chrom-outline);background:var(--chrom-empty)}.legend-swatch.red{background:var(--chrom-red)}.legend-swatch.blue{background:var(--chrom-blue)}.legend-swatch.purple{background:var(--chrom-purple)}.legend-swatch.yellow{background:var(--chrom-yellow)}.legend-swatch.green{background:var(--chrom-green)}.legend-swatch.orange{background:var(--chrom-orange)}.legend-swatch.impossible{background:#1e150de6;border-style:dashed}.chromogram-board{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:var(--chrom-gap, 10px);align-self:center;width:min(94vw,var(--chrom-max, 520px));position:relative}.chromogram-board.is-generating{pointer-events:none}.chromogram-generating{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:18px;background:#0c0804d1;border:2px solid rgba(209,160,111,.5);box-shadow:inset 0 0 18px #e0a36f59;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.3em;font-size:.8rem;color:var(--text);z-index:2}.chromogram-corner{width:52px;height:52px;border-radius:12px;border:1px solid var(--chrom-outline);background:#180f0966}.chromogram-col-clues{display:grid;grid-template-columns:repeat(var(--chrom-size, 5),minmax(0,1fr));gap:var(--chrom-gap, 6px);align-items:end}.chromogram-col{display:grid;gap:4px;justify-items:center;font-size:.75rem;color:var(--muted)}.chromogram-row-clues{display:grid;grid-template-rows:repeat(var(--chrom-size, 5),minmax(0,1fr));gap:var(--chrom-gap, 6px);justify-items:end;font-size:.75rem;color:var(--muted)}.chromogram-row{display:flex;gap:8px;align-items:center;justify-content:flex-end}.chromogram-clue{min-width:26px;text-align:center;padding:2px 6px;border-radius:999px;border:1px solid var(--chrom-outline);font-size:.72rem;letter-spacing:.04em;color:var(--muted);background:#180f0980}.chromogram-clue.clue-R{color:#fbe9e1;background:#d85b554d;border-color:#d85b55b3}.chromogram-clue.clue-B{color:#e4f1fb;background:#4b89d440;border-color:#4b89d4b3}.chromogram-clue.clue-P{color:#efe6ff;background:#936bd647;border-color:#936bd6b3}.chromogram-clue.clue-Y{color:#fff4d6;background:#e4b84f47;border-color:#e4b84fb3}.chromogram-clue.clue-G{color:#e2f6ea;background:#4fa37a47;border-color:#4fa37ab3}.chromogram-clue.clue-O{color:#ffe7d4;background:#d98a4d47;border-color:#d98a4db3}.chromogram-clue.clue-empty{opacity:.7}.chromogram-grid{display:grid;grid-template-rows:repeat(var(--chrom-size, 5),minmax(0,1fr));gap:var(--chrom-gap, 6px)}.chromogram-grid-row{display:grid;grid-template-columns:repeat(var(--chrom-size, 5),minmax(0,1fr));gap:var(--chrom-gap, 6px)}.c-cell{aspect-ratio:1 / 1;border-radius:var(--chrom-radius, 10px);border:1px solid var(--chrom-outline);background:var(--chrom-empty);color:var(--muted);font-size:var(--chrom-font, 1rem);font-weight:700;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.chromogram-board[style*="--chrom-size: 7"]{--chrom-gap: 5px;--chrom-radius: 8px;--chrom-font: .9rem;--chrom-max: 560px}.chromogram-board[style*="--chrom-size: 9"]{--chrom-gap: 4px;--chrom-radius: 7px;--chrom-font: .85rem;--chrom-max: 620px}@media (max-width: 720px){.chromogram-board{--chrom-gap: 4px;--chrom-radius: 6px;--chrom-font: .82rem;--chrom-max: 96vw}.chromogram-board[style*="--chrom-size: 9"]{--chrom-gap: 3px;--chrom-font: .78rem}.chromogram-clue{min-width:22px;font-size:.68rem}.chromogram-corner{width:44px;height:44px}}.c-cell:hover{transform:translateY(-1px)}.c-cell.red{background:var(--chrom-red);color:var(--chrom-ink);box-shadow:inset 0 0 10px #0c080459}.c-cell.blue{background:var(--chrom-blue);color:var(--chrom-ink);box-shadow:inset 0 0 10px #0c080459}.c-cell.yellow{background:var(--chrom-yellow);color:var(--chrom-ink);box-shadow:inset 0 0 10px #0c080459}.c-cell.purple{background:var(--chrom-purple);color:var(--chrom-ink);box-shadow:inset 0 0 12px #0c080459}.c-cell.green{background:var(--chrom-green);color:var(--chrom-ink);box-shadow:inset 0 0 12px #0c080459}.c-cell.orange{background:var(--chrom-orange);color:var(--chrom-ink);box-shadow:inset 0 0 12px #0c080459}.c-cell.derived{border-style:dashed;box-shadow:inset 0 0 12px #c8b48c40}.c-cell.impossible{background:#180f09e6;color:var(--accent);border-style:dashed}.c-cell.conflict{border-color:var(--danger);border-width:2px;background:#d06a5e52;box-shadow:inset 0 0 16px #d06a5e8c,0 0 8px #d06a5e73;color:#ffe1dc}.c-cell.hint-target{border-color:var(--accent);box-shadow:inset 0 0 14px #e0a36f99,0 0 10px #e0a36f66}.chromogram-app.patterns .c-cell.red{background-image:repeating-linear-gradient(45deg,#ffffff4d 0,#ffffff4d 6px,#fff0 6px,#fff0 12px)}.chromogram-app.patterns .c-cell.blue{background-image:repeating-linear-gradient(-45deg,#ffffff47 0,#ffffff47 6px,#fff0 6px,#fff0 12px)}.chromogram-app.patterns .c-cell.purple{background-image:radial-gradient(circle,rgba(255,255,255,.3) 15%,transparent 16%),radial-gradient(circle,rgba(255,255,255,.3) 15%,transparent 16%);background-size:10px 10px;background-position:0 0,5px 5px}.chromogram-app.patterns .c-cell.yellow{background-image:repeating-linear-gradient(0deg,#ffffff52 0,#ffffff52 6px,#fff0 6px,#fff0 12px)}.chromogram-app.patterns .c-cell.green{background-image:repeating-linear-gradient(90deg,#ffffff47 0,#ffffff47 6px,#fff0 6px,#fff0 12px)}.chromogram-app.patterns .c-cell.orange{background-image:repeating-linear-gradient(135deg,#ffffff4d 0,#ffffff4d 6px,#fff0 6px,#fff0 12px)}.sokoban-board{display:grid;gap:0;border:2px solid var(--grid-strong);border-radius:18px;overflow:hidden;background:#120c08d9;box-shadow:var(--shadow);width:min(92vw,520px);align-self:center}.s-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(28px,1fr))}.s-cell{aspect-ratio:1 / 1;border:1px solid rgba(209,160,111,.2);background:#140d09cc}.s-cell.wall{background:#0a0705f2;box-shadow:inset 0 0 8px #d1a06f33}.s-cell.target{background:#e0a36f26}.s-cell.box{background:#c1865499;box-shadow:inset 0 0 6px #0e090666}.s-cell.box.on-target{background:#e0a36fb3}.s-cell.player{background:#ffe3c580;box-shadow:inset 0 0 10px #e0a36f99}.sokoban-pad{width:min(92vw,360px);align-self:center;display:grid;gap:10px}.sokoban-pad-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.instruction-panel{width:min(92vw,540px);align-self:center;border-radius:16px;padding:16px 18px;border:1px solid var(--grid);background:#20140cd9;box-shadow:var(--shadow);display:grid;gap:8px;order:999;margin-top:auto}.instruction-title{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--muted)}.instruction-list{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--text);line-height:1.4}.completion-banner{width:min(92vw,540px);align-self:center;border-radius:18px;border:1px solid rgba(224,163,111,.7);background:linear-gradient(135deg,#26190ff2,#3a2416f2);box-shadow:0 18px 36px #0006;display:flex;gap:16px;align-items:center;padding:16px 20px}.completion-mark{width:56px;height:56px;border-radius:50%;border:2px solid rgba(224,163,111,.6);display:grid;place-items:center;position:relative}.completion-burst{width:32px;height:32px;border-radius:50%;background:#e0a36f33;border:1px solid rgba(224,163,111,.7);box-shadow:inset 0 0 16px #e0a36f59}.completion-copy{flex:1;min-width:0}.completion-title{margin:0;text-transform:uppercase;letter-spacing:.24em;color:var(--accent);font-size:.85rem}.completion-subtitle{margin:6px 0 0;color:var(--text);line-height:1.4;font-size:.95rem}.completion-cta{flex:0 0 auto;white-space:nowrap}.pad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(92vw,540px);align-self:center}.pad-key{border:1px solid var(--grid);background:#20140ccc;color:var(--text);font-size:1rem;padding:12px;border-radius:12px;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:all .2s ease}.pad-key:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #e0a36f33}.pad-key:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pad-key.wide{grid-column:span 5}.hint-card{width:min(92vw,540px);align-self:center;border-radius:16px;padding:16px 18px;border:1px solid var(--grid);background:#20140cd9;box-shadow:var(--shadow);display:grid;gap:6px}.hint-badge{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--muted)}.hint-text{color:var(--text);line-height:1.4}.hint-cta{color:var(--muted);font-size:.85rem}.footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:var(--muted);order:990}.hint{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #e0a36f59}@media (max-width: 720px){.pad{grid-template-columns:repeat(3,minmax(0,1fr))}.pad-key.wide{grid-column:span 3}}.minesweeper-board{display:grid;gap:4px;width:min(92vw,560px);align-self:center}.ms-cell{aspect-ratio:1 / 1;border-radius:8px;border:1px solid rgba(209,160,111,.25);background:#140d09d9;color:var(--text);font-size:.9rem;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.ms-cell.revealed{background:#e0a36f26}.ms-cell.mine{background:#d06a5e59;color:var(--danger)}.ms-cell.flagged{color:var(--accent)}.binary-board{display:grid;grid-template-rows:repeat(auto-fit,minmax(0,1fr));gap:6px;width:min(92vw,520px);align-self:center}.binary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}.b-cell{aspect-ratio:1 / 1;border-radius:10px;border:1px solid rgba(209,160,111,.25);background:#140d09d9;color:var(--text);font-size:1.2rem;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.b-cell.selected{background:#e0a36f33;box-shadow:inset 0 0 10px #e0a36f73}.b-cell.conflict{background:#d06a5e33;color:var(--danger)}.bubble-board{position:relative;border:2px solid var(--grid-strong);border-radius:18px;background:#120c08d9;box-shadow:var(--shadow);align-self:center;overflow:hidden}.bubble{position:absolute;width:32px;height:32px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 8px #140d0980}.bubble.projectile{box-shadow:0 0 12px #e0a36f59}.bubble.shooter{box-shadow:0 0 14px #e0a36f80}.bubble-aim{position:absolute;width:4px;height:120px;background:#e0a36f66;transform-origin:bottom center;border-radius:999px}.next-bubble{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.2em}.bubble-preview{width:32px;height:32px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 8px #140d0980}.solitaire-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:min(92vw,820px);align-self:center;--card-width: clamp(56px, 10vw, 72px);--card-height: clamp(78px, 14vw, 96px);--card-offset: clamp(14px, 2.6vw, 22px)}.foundation-row{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap}.card-slot{width:var(--card-width);height:var(--card-height);border-radius:12px;border:1px dashed rgba(224,163,111,.6);background:#1c120abf;display:grid;place-items:center;color:var(--accent)}.card-slot.stock{border-style:solid;background:#1c120ae6}.card-back-mini{width:calc(var(--card-width) - 8px);height:calc(var(--card-height) - 8px);border-radius:10px;border:1px solid rgba(209,160,111,.55);background:linear-gradient(135deg,#583823eb,#3e2516f5);box-shadow:inset 0 0 10px #120c0899}.card-slot.selected{border-color:var(--accent);box-shadow:inset 0 0 12px #e0a36f66}.solitaire-tableau{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;width:min(92vw,820px);align-self:center;min-height:220px;overflow-x:auto;padding-bottom:12px;--card-width: clamp(56px, 10vw, 72px);--card-height: clamp(78px, 14vw, 96px);--card-offset: clamp(14px, 2.6vw, 22px)}.tableau-pile{position:relative;min-height:calc(var(--card-height) + 8 * var(--card-offset))}.card{position:absolute;width:var(--card-width);height:var(--card-height);border-radius:12px;border:1px solid rgba(209,160,111,.45);background:#1c120aeb;color:var(--text);display:grid;place-items:center;cursor:pointer}.card.face{cursor:grab}.card.back{cursor:default}.card.face{background:#f8ebd8f5;color:#2a160d;box-shadow:inset 0 0 0 1px #311b1026}.card.back{background:linear-gradient(135deg,#583823eb,#3e2516f2)}.card.selected{outline:2px solid var(--accent)}.card-face{font-weight:600;letter-spacing:.02em;text-shadow:0 1px 0 rgba(255,255,255,.4)}.card-face.red{color:#a23e2c}.card-face.black{color:#2d1a12}.tableau-slot{position:absolute;bottom:0;left:0}.mahjong-board{display:grid;gap:6px;width:min(92vw,700px);align-self:center}.mahjong-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.mahjong-slot{min-height:clamp(40px,8vw,48px)}.mahjong-tile{min-height:clamp(46px,9vw,56px);border-radius:10px;border:1px solid rgba(209,160,111,.35);background:#180f09bf;color:var(--text);font-size:clamp(.6rem,2.4vw,.75rem);padding:clamp(4px,1.4vw,6px);display:grid;place-items:center;cursor:pointer;text-align:center;line-height:1.2}.mahjong-tile.free{border-color:#e0a36fbf;box-shadow:0 0 0 2px #e0a36f59,inset 0 0 12px #e0a36f40}.mahjong-tile.selected{outline:2px solid var(--accent)}.twenty48-board{display:grid;gap:10px;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow);width:min(92vw,520px);align-self:center;touch-action:none}.twenty48-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.twenty48-cell{aspect-ratio:1 / 1}.tile{width:100%;height:100%;border-radius:12px;display:grid;place-items:center;font-size:clamp(1.1rem,5vw,1.6rem);font-weight:700;color:#2a160d;background:#20140ca6;border:1px solid rgba(209,160,111,.3);text-shadow:0 1px 0 rgba(255,255,255,.35)}.tile-empty{background:#20140c80;border:1px dashed rgba(209,160,111,.25)}.tile-2{background:#f2e4c8}.tile-4{background:#f2caa2}.tile-8{background:#efb47b;color:#3a1d10}.tile-16{background:#e07a3f;color:#fef4e8;text-shadow:none}.tile-32{background:#c96432;color:#fff1e4;text-shadow:none}.tile-64{background:#b85c38;color:#fff1e4;text-shadow:none}.tile-128{background:#a65a3e;color:#fff1e4;text-shadow:none}.tile-256{background:#8f4c34;color:#fff1e4;text-shadow:none}.tile-512{background:#7a4a2f;color:#fff1e4;text-shadow:none}.tile-1024{background:#6a3d2a;color:#fff1e4;text-shadow:none}.tile-2048{background:#5a2e1d;color:#fff1e4;text-shadow:none}.move-pad{display:grid;gap:6px}.move-row{display:flex;gap:6px}.slither-board{display:grid;gap:6px;width:min(92vw,520px);aspect-ratio:1 / 1;align-self:center;padding:12px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.slither-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);align-self:center;justify-self:center;box-shadow:0 0 10px #e0a36f66}.slither-edge{border:1px solid rgba(209,160,111,.25);background:#1c120a80;border-radius:999px;cursor:pointer;padding:0;transition:border-color .2s ease,background .2s ease}.slither-edge.horizontal{height:10px;align-self:center}.slither-edge.vertical{width:10px;justify-self:center}.slither-edge.state-1{background:linear-gradient(90deg,#e0a36fd9,#d18347e6);border-color:#e0a36fbf;box-shadow:0 0 10px #e0a36f59}.slither-edge.state-2{position:relative;border-color:#fff3}.slither-edge.state-2:after{content:"×";font-size:.9rem;color:#c6ae95b3;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.slither-cell{width:100%;height:100%;border-radius:10px;background:#1c120a99;border:1px solid rgba(209,160,111,.2);display:grid;place-items:center;font-size:clamp(.9rem,2.4vw,1.1rem);color:var(--text)}.slither-cell.match{color:var(--accent);box-shadow:inset 0 0 12px #e0a36f40}.slither-cell.error{color:var(--danger);border-color:#d06a5e99;box-shadow:inset 0 0 12px #d06a5e40}.bridges-board{width:min(92vw,520px);aspect-ratio:1 / 1;align-self:center;padding:12px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.bridges-svg{width:100%;height:100%}.bridge-slot{stroke:#d1a06f33;stroke-linecap:round;cursor:pointer}.bridge-slot.active{stroke:#e0a36f66}.bridge-line{stroke:#e0a36ff2;stroke-width:.1;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(224,163,111,.4))}.bridge-island{fill:#1c120af2;stroke:#e0a36f80;stroke-width:.04}.bridge-island.match{stroke:#e0a36ff2;filter:drop-shadow(0 0 4px rgba(224,163,111,.45))}.bridge-island.error{stroke:#d06a5ed9;filter:drop-shadow(0 0 4px rgba(208,106,94,.4))}.bridge-label{fill:var(--text);font-size:.35px;font-weight:600;text-anchor:middle;dominant-baseline:middle;pointer-events:none}.hidato-board{display:grid;gap:8px;width:min(92vw,520px);align-self:center;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.hidato-cell{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(209,160,111,.3);background:#1c120aa6;color:var(--text);font-size:clamp(.95rem,2.6vw,1.2rem);text-align:center;outline:none;padding:0;transition:border-color .2s ease,box-shadow .2s ease}.hidato-cell:focus{border-color:var(--accent);box-shadow:inset 0 0 12px #e0a36f59}.hidato-cell.given{color:var(--accent);background:#26190fd9;text-shadow:0 0 10px rgba(224,163,111,.35)}.hidato-cell.error{border-color:#d06a5eb3;color:var(--danger);box-shadow:inset 0 0 10px #d06a5e4d}.tents-board{display:grid;gap:8px;width:min(92vw,560px);align-self:center;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.tents-corner{min-height:32px;aspect-ratio:1 / 1}.tents-label{display:grid;place-items:center;border-radius:10px;border:1px solid rgba(209,160,111,.3);background:#1c120a99;color:var(--muted);font-size:.85rem;height:100%;aspect-ratio:1 / 1}.tents-label.match{color:var(--accent);border-color:#e0a36f99;box-shadow:inset 0 0 10px #e0a36f40}.tents-label.error{color:var(--danger);border-color:#d06a5e99;box-shadow:inset 0 0 10px #d06a5e33}.tents-cell{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(209,160,111,.25);background:#1c120a99;color:var(--text);font-size:clamp(.9rem,2.6vw,1.2rem);display:grid;place-items:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.tents-cell.tree{color:var(--accent);border-color:#e0a36f8c;box-shadow:inset 0 0 12px #e0a36f40;text-shadow:0 0 10px rgba(224,163,111,.35)}.tents-cell.tent{color:#fef4e8;background:#7a4a2fa6;border-color:#e0a36f80}.tents-cell.grass{color:var(--muted)}.tents-cell.error{border-color:#d06a5eb3;box-shadow:inset 0 0 10px #d06a5e40}.tents-cell.match{border-color:#e0a36fd9}.hitori-board{display:grid;gap:8px;width:min(92vw,520px);align-self:center;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.hitori-cell{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(209,160,111,.3);background:#1c120a99;color:var(--text);font-size:clamp(.95rem,2.6vw,1.2rem);display:grid;place-items:center;cursor:pointer;position:relative;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.hitori-cell.black{background:#0a0806f2;border-color:#3c2d23e6;color:#ffffff14}.hitori-cell.dot{color:var(--text)}.hitori-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #e0a36f80;position:absolute;bottom:8px;right:8px}.hitori-cell.error{border-color:#d06a5eb3;box-shadow:inset 0 0 10px #d06a5e40}.shisen-board{display:grid;gap:8px;width:min(92vw,620px);align-self:center;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.shisen-slot{aspect-ratio:1 / 1}.shisen-tile{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(209,160,111,.4);background:#1c120ab8;color:var(--text);display:grid;place-items:center;padding:8px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.shisen-tile:hover{border-color:#e0a36fb3;box-shadow:inset 0 0 12px #e0a36f33}.shisen-tile.selected{border-color:var(--accent);box-shadow:0 0 14px #e0a36f59;transform:translateY(-2px)}.shisen-label{font-size:clamp(.75rem,2.2vw,.95rem);text-align:center;text-transform:uppercase;letter-spacing:.08em}.cask-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:16px;width:min(92vw,720px);align-self:center;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.cask-tube{border:1px solid rgba(209,160,111,.35);border-radius:14px;background:#1c120abf;padding:8px;display:grid;gap:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.cask-tube.selected{border-color:var(--accent);box-shadow:0 0 12px #e0a36f59;transform:translateY(-2px)}.cask-tube.target{border-color:#e0a36f99;box-shadow:inset 0 0 10px #e0a36f40}.cask-liquid{height:32px;border-radius:8px;background:#180f0973;border:1px solid rgba(0,0,0,.2)}.cask-liquid.empty{background:#180f0959;border:1px dashed rgba(209,160,111,.2)}.suite-info{margin-top:24px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}.suite-info-block{border:1px solid var(--grid);border-radius:18px;background:var(--panel);padding:18px;box-shadow:var(--shadow)}.suite-info-block summary{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);cursor:pointer}.suite-info-block summary::-webkit-details-marker{display:none}.suite-info-block summary:after{content:"▼";float:right;font-size:.7rem;color:var(--muted);transition:transform .2s ease}.suite-info-block[open] summary:after{transform:rotate(180deg)}.suite-info-block p{margin:10px 0 0;color:var(--muted);line-height:1.5}.suite-info-block ul{margin:10px 0 0;padding-left:20px;color:var(--muted);line-height:1.5}.suite-info-block li{margin-bottom:6px}.suite-credits{margin-top:24px;border:1px solid var(--grid);border-radius:18px;background:var(--panel);padding:20px;box-shadow:var(--shadow);display:grid;gap:10px}.suite-credits h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.2em;color:var(--accent)}.suite-credits p{margin:0;color:var(--muted);line-height:1.5}.slider-board{display:grid;gap:10px;width:min(92vw,520px);align-self:center;padding:16px;border-radius:18px;border:2px solid var(--grid-strong);background:#120c08d9;box-shadow:var(--shadow)}.slider-tile{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(209,160,111,.35);background:#1c120ad9;color:var(--text);font-size:clamp(1.1rem,4vw,1.6rem);font-weight:600;display:grid;place-items:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.slider-tile:hover{border-color:#e0a36fb3;box-shadow:0 0 12px #e0a36f40;transform:translateY(-1px)}.slider-tile.empty{background:#180f0973;border-style:dashed;border-color:#d1a06f33;cursor:default;box-shadow:none}