.collection-shell{max-width:1000px;margin:auto;padding:1.5rem 1rem 2rem}.collection-shell h1{font-size:clamp(1.7rem,4.5vw,2.5rem);margin:0 0 .5rem}.intro{color:var(--bw-text-muted);line-height:1.6;margin:0 0 1rem}.collection-shell button,.collection-shell select,.collection-shell input{font:inherit;border:1px solid var(--bw-border-strong);border-radius:.6rem;min-height:44px;padding:.6rem .8rem;background:var(--bw-panel);color:var(--bw-text);cursor:pointer}.collection-shell button:disabled{opacity:.4;cursor:default}.collection-shell [hidden]{display:none!important}.collection-shell label{font-size:.8rem;display:flex;align-items:center;gap:.5rem}.collection-shell button[aria-pressed=true],.collection-shell #newGame{background:var(--bw-accent);color:#0a1822}.collection-shell .toolbar,.collection-shell .tools,.online-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.7rem 0}#stats{color:var(--bw-text-muted);font-size:.85rem;line-height:1.7;margin:.7rem 0}#message{min-height:2.8em}#challengeLabel{font-size:.8rem}.play-area{max-width:620px;margin:1rem auto;background:#0d2231;border:1px solid var(--bw-border-strong);border-radius:1rem;padding:1rem}#board{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#board button{touch-action:manipulation}#directions{display:grid;grid-template-columns:repeat(3,60px);justify-content:center;gap:6px;margin:1rem auto}#directions [data-dir=up]{grid-column:2}#directions [data-dir=left]{grid-column:1}#directions button{font-size:1.3rem}.merge-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:420px;margin:auto;touch-action:none}.merge-tile{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#223b4c;color:#153047;font-size:clamp(20px,5vw,38px);font-weight:700}.value-2{background:#e1eced}.value-4{background:#d8e4b4}.value-8{background:#ffc486}.value-16{background:#ffa178}.value-32{background:#ff8c81}.value-64{background:#fc6b76}.value-128{background:#eace7f;font-size:30px}.value-256{background:#edc167;font-size:30px}.value-512{background:#e8b252;font-size:30px}.value-1024,.value-2048{background:#ffe286;font-size:clamp(17px,4vw,27px)}.mahjong-board{position:relative;width:100%;height:calc((min(580px,100vw - 60px) / var(--columns)) * var(--rows) * 1.36 + 12px)}.collection-shell .mahjong-tile{position:absolute;left:calc(var(--x) * 100% / var(--columns) + var(--z) * -3px);top:calc(var(--y) * 100% / var(--rows) + var(--z) * -3px);width:calc(100% / var(--columns) - 2px);height:calc(100% / var(--rows) - 3px);min-height:0;z-index:calc(var(--z) * 2 + 1);padding:1px;border-radius:4px;border:1px solid #c4c1a6;border-bottom:4px solid #94a78e;box-shadow:2px 3px 3px #0009;background:#fff9e6;color:#214334;display:flex;flex-direction:column;justify-content:center;gap:2px;font-family:Georgia,serif}.mahjong-tile b{font-size:clamp(12px,2.5vw,21px)}.mahjong-tile span{font-size:clamp(7px,1.8vw,14px)}.collection-shell .mahjong-tile.suit-1{color:#a33542}.collection-shell .mahjong-tile.suit-2{color:#264f8d}.collection-shell .mahjong-tile.blocked{background:#c6cbbf;color:#546151}.collection-shell .mahjong-tile.selected,.collection-shell .mahjong-tile.hinted{background:#ffeca2;outline:2px solid #ffb765}.nonogram-board{display:grid;grid-template-columns:minmax(42px,auto) repeat(var(--n),minmax(0,1fr));gap:1px;border:1px solid #59728c;background:#415970}.clue{background:#132b3e;color:#e0ebf4;font-size:clamp(10px,2vw,16px);font-weight:700;display:flex;align-items:center;justify-content:center}.column-clue{flex-direction:column;justify-content:flex-end;padding:.4rem 0;gap:.15rem}.row-clue{padding:0 .25rem;white-space:nowrap}.clue.complete{color:#73cca6}.collection-shell .picture-cell{aspect-ratio:1;min-height:0;padding:0;border:0;border-radius:0;background:#c9d6df;color:#324758;font-size:18px}.collection-shell .picture-cell.filled{background:#65c8b6}.picture-cell:nth-child(5n){outline-offset:-1px}.word-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;touch-action:none}.collection-shell .letter{padding:0;aspect-ratio:1;min-height:0;font-size:clamp(13px,3vw,22px);font-weight:700;border-radius:4px;touch-action:none}.collection-shell .letter.selected,.collection-shell .letter.hinted{background:#b99b58;color:#0b1e2d}.collection-shell .letter.found{background:#347568;color:#fff}#wordList{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem 1rem;margin:1rem 0;font-size:.85rem}#wordList .found{text-decoration:line-through;color:#73cca6}.arcade-canvas{display:block;width:100%;max-width:420px;margin:auto;border:1px solid #415d74;border-radius:.6rem;touch-action:none}.aim-controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;justify-content:center;margin:1rem 0}.aim-controls input{max-width:170px}.table-board{max-width:560px;margin:auto}.table-board svg{display:block;width:100%;max-height:620px}.table-board svg [role=button]{cursor:pointer;touch-action:manipulation}.table-board svg [role=button]:focus{outline:none;filter:brightness(1.8)}.table-board.checkers,.table-board.reversi{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:3px solid #5e7487;background:#1c3443}.collection-shell .board-cell{aspect-ratio:1;min-height:0;padding:4px;border:0;border-radius:0;opacity:1;position:relative}.board-cell.light{background:#acbcb5}.board-cell.dark{background:#294e47}.reversi .board-cell.light,.reversi .board-cell.dark{background:#244f46;border:1px solid #173b35}.piece{display:flex;align-items:center;justify-content:center;border-radius:50%;width:80%;height:80%;background:var(--piece);color:#263c44;box-shadow:inset 0 0 0 3px #fff6,0 2px 4px #0008;font-size:clamp(15px,4vw,30px)}.collection-shell .board-cell.selected{outline:3px solid #ffecab;outline-offset:-3px}.move-dot{font-size:2.4rem;color:#f5dd9e}#tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.8rem 0}#tokens button{display:flex;flex-direction:column;gap:.4rem;min-width:84px}#tokens small{font-size:.7rem;color:var(--bw-text-muted)}#onlinePanel{border:1px solid var(--bw-border);padding:1rem;border-radius:.7rem}#onlinePanel input{max-width:9rem}#roomCode{font-weight:700;letter-spacing:.15em}#roomInfo{line-height:2}#outcome{border:1px solid var(--bw-accent);background:var(--bw-panel);border-radius:.7rem;padding:1rem;margin:1rem 0}#outcome p{font-weight:700}#shareText{background:var(--bw-panel);color:var(--bw-text);border:1px solid var(--bw-border-strong);padding:.8rem;width:100%;min-height:7rem;font:inherit;font-size:.8rem}#saved{font-size:.75rem;color:var(--bw-text-muted);line-height:1.7}.game-rules{color:var(--bw-text-muted);font-size:.85rem;line-height:1.8;margin-top:1.5rem}.game-rules summary{color:var(--bw-text);font-weight:700;cursor:pointer}@media(max-width:600px){.collection-shell{padding:1rem .5rem}.collection-shell .toolbar{gap:.4rem}.collection-shell .toolbar button,.collection-shell .toolbar select{font-size:.8rem}.play-area{padding:.5rem}.merge-board{gap:6px}.word-board{gap:2px}.collection-shell .board-cell{padding:2px}.piece{width:87%;height:87%}.collection-shell .mahjong-tile{border-bottom-width:2px}#message{font-size:.8rem}.clue{font-size:11px}.nonogram-board{grid-template-columns:minmax(36px,auto) repeat(var(--n),minmax(0,1fr))}}