.expansion-surface{background-position:50%;background-size:cover;border:1px solid #c8cebd;border-radius:18px;margin:18px 0;padding:24px;overflow:hidden}.light-surface{background-color:#f3eddd;padding:34px}.expansion-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.expansion-actions button,.soko-pad button{color:#304f37;min-height:44px;font:inherit;cursor:pointer;background:#fffdf5;border:1px solid #b5bdaa;border-radius:9px;padding:10px 14px;font-size:14px}.expansion-actions button[aria-pressed=true]{color:#fff;background:#34553d}.expansion-actions button:disabled{opacity:.45;cursor:default}.expansion-level{color:#56604d;align-items:center;gap:12px;margin:16px 0;font-size:14px;display:flex}.expansion-level select{color:#334d36;min-width:0;max-width:70%;min-height:44px;font:inherit;background:#fffdf6;border:1px solid #b5bdaa;border-radius:8px;padding:9px 12px}.expansion-result{background:#eee5d7;border:1px solid #d2c5af;border-radius:12px;margin:16px 0;padding:18px}.result-won{background:#e7efdf;border-color:#b8c7a3}.expansion-result strong{font-family:var(--font-display);font-size:23px}.expansion-result p{margin:6px 0 0;font-size:14px}.expansion-surface button:focus-visible,.expansion-actions button:focus-visible,.expansion-level select:focus-visible,.soko-pad button:focus-visible,.sokoban-grid:focus-visible{outline-offset:3px;outline:3px solid #bd8b24}.selected,.hinted{outline-offset:2px;outline:3px solid #d6ac48!important}.expansion-card{color:#253a2d;font:inherit;aspect-ratio:.68;text-align:left;cursor:pointer;background:#fffaf0;border:1px solid #d7d0bd;border-radius:7px;padding:5px;display:block;box-shadow:0 2px 3px #0002}.expansion-card:disabled{opacity:1;cursor:default}.expansion-card.card-red{color:#a84e59}.expansion-card>span{flex-direction:column;font-size:clamp(12px,1.3vw,20px);font-weight:700;line-height:1;display:flex}.expansion-card b{font-size:inherit;margin-top:3px}.expansion-card i{text-align:center;font-size:clamp(20px,2.7vw,35px);font-style:normal;display:block}.expansion-card.card-face-down{color:#e8dfbb;background:#41634c;box-shadow:inset 0 0 0 4px #71906a}.card-face-down>span{text-align:center;font-size:28px;display:block}.peak-table,.pyramid-table{aspect-ratio:1.7;margin:10px 0 28px;position:relative}.peak-table .expansion-card,.pyramid-table .expansion-card{width:8.7%;position:absolute;transform:translate(-50%)}.pyramid-table{aspect-ratio:1.45}.pyramid-table .expansion-card{width:10%}.card-stock-row{color:#fff8e8;justify-content:center;align-items:center;gap:24px;font-size:15px;display:flex}.card-stock-row .expansion-card{width:62px}.expansion-stock{color:#2c4e38;min-height:76px;font:inherit;cursor:pointer;background:#edf0d9;border:1px solid #ddd8ba;border-radius:8px;padding:13px}.expansion-stock small{margin-top:6px;display:block}.expansion-stock:disabled{opacity:.55;cursor:default}.expansion-empty{border:1px dashed #d7d8bf;border-radius:8px;padding:24px}.spider-scroll{margin:18px 0;overflow-x:auto}.spider-table{min-width:620px;margin:0;padding:16px}.spider-columns{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;display:grid}.spider-destination{color:#eceddc;cursor:pointer;background:#355a40;border:1px solid #d9dfc5;border-radius:6px;width:100%;min-height:44px;padding:8px 0;font-size:10px}.spider-stack{min-height:130px;margin-top:10px;position:relative}.spider-stack .expansion-card{width:100%;position:absolute;left:0}.spider-stack .expansion-card>span{font-size:15px}.spider-stack .expansion-card i{font-size:25px}.nonogram-grid{grid-template-columns:50px repeat(var(--cells), minmax(0, 1fr));background:#fffdf1;border:1px solid #9caa91;border-radius:8px;gap:2px;max-width:490px;margin:auto;padding:10px;display:grid}.nonogram-corner{color:#617c53;place-items:center;display:grid}.nonogram-column{flex-direction:column;justify-content:end;align-items:center;min-height:58px;padding-bottom:7px;font-size:13px;display:flex}.nonogram-row{display:contents}.nonogram-row-clues{white-space:nowrap;justify-content:end;align-items:center;padding-right:7px;font-size:13px;font-weight:600;display:flex}.nonogram-cell{aspect-ratio:1;color:#607759;font:inherit;cursor:pointer;background:#f7f4e7;border:1px solid #cad0ba;border-radius:2px;padding:0;font-size:18px}.nonogram-cell.filled{background:#41634c;border-color:#2d4b38}.water-board{flex-wrap:wrap;justify-content:center;gap:20px;padding-top:45px;padding-bottom:30px;display:flex}.water-vessel{color:#2d4831;width:77px;font:inherit;cursor:pointer;background:#fffdf4dd;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:12px 7px;font-size:12px;display:flex}.water-vessel small{font-size:10px}.water-glass{background:#fffdf4;border:3px solid #708c74;border-top:0;border-radius:0 0 20px 20px;flex-direction:column;width:47px;padding-top:5px;display:flex;overflow:hidden}.water-layer{color:#fff;place-items:center;height:37px;font-size:25px;display:grid}.petal-0{background:#ad556b}.petal-1{background:#ac7b19}.petal-2{background:#347d87}.block-grid{background:#fffaf0ec;border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;max-width:430px;margin:auto;padding:12px;display:grid}.block-cell{aspect-ratio:1;color:#fffdf0;cursor:pointer;background:#e3e8d6;border:1px solid #bac6a8;border-radius:5px;padding:0;font-size:22px}.block-filled{background:#5e7c51;border-color:#3c5d3d}.block-2{background:#ae8054}.block-3{background:#6f8890}.block-preview{background:#b6c998}.block-hand{justify-content:center;gap:18px;margin-top:24px;display:flex}.block-hand>button{color:#3c593a;cursor:pointer;background:#fffdf4df;border:1px solid #aeb9a0;border-radius:10px;flex-direction:column;align-items:center;gap:9px;min-width:80px;min-height:94px;padding:12px;display:flex}.block-hand>button:disabled{opacity:.45}.block-mini{grid-template-columns:repeat(var(--shape-width), 16px);gap:2px;display:grid}.block-mini i{border-radius:2px;height:16px}.block-mini .mini-filled{background:#587847}.onet-grid{background:#fffcf0c9;border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;max-width:520px;margin:auto;padding:14px;display:grid}.onet-tile,.onet-gap{aspect-ratio:.85;min-width:0}.onet-tile{color:#46623c;cursor:pointer;background:#fff9e9;border:1px solid #b9c0a7;border-radius:7px;padding:0;font-size:clamp(18px,2.7vw,31px);box-shadow:0 3px #b6bea3}.tile-symbol-1,.tile-symbol-7{color:#aa5364}.tile-symbol-4{color:#a5771b}.tile-symbol-5,.tile-symbol-6{color:#377e89}.sokoban-grid{grid-template-columns:repeat(var(--cells), minmax(0, 1fr));background:#ebead8;border-radius:8px;gap:3px;max-width:490px;margin:auto;padding:6px;display:grid}.soko-cell{aspect-ratio:1;color:#5b6f44;background:#e7e1ca;border-radius:5px;place-items:center;font-size:clamp(20px,3.4vw,38px);display:grid}.soko-wall{background:#52674d;border:2px solid #657c5d}.soko-goal{background:#a4b782;border:2px dashed #507046}.soko-pot{color:#fff3d4;background:#bd835d;border:2px solid #935d41}.soko-pot.soko-goal{background:#749953;border-color:#47753c}.soko-player{color:#31573b;background:#f5e9be}.soko-pad{justify-content:center;gap:8px;margin:18px 0;display:flex}.soko-pad button{width:52px;font-size:23px}.word-grid{touch-action:none;background:#fffdf3e8;border-radius:10px;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;max-width:490px;margin:auto;padding:12px;display:grid}.word-grid button{aspect-ratio:1;color:#35533b;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fffdf4;border:1px solid #c9cfb9;border-radius:4px;padding:0;font-size:clamp(13px,2vw,20px)}.word-grid .word-found{background:#d3e1bb;border-color:#a3b481}.word-list{color:#344f38;background:#fffdf0e8;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:12px 18px;max-width:490px;margin:16px auto 0;padding:18px 12px;font-size:14px;list-style:none;display:flex}.word-done{color:#6b8059;text-decoration:line-through}.bubble-surface{padding:18px 30px}.bubble-board{touch-action:none;cursor:crosshair;width:100%;max-width:410px;margin:auto;display:block}.bubble-aim{color:#48603d;align-items:center;gap:16px;margin:18px 0;font-size:14px;display:flex}.bubble-aim input{accent-color:#4b704e;flex:1;min-width:0;min-height:44px}.expansion-surface button:disabled{cursor:default}.spider-scroll-note{display:none}@media (max-width:600px){.spider-table{min-width:660px}.spider-scroll-note{color:#48603d;font-size:13px;display:block}.expansion-surface{border-radius:12px;padding:15px}.light-surface{padding:20px 12px}.card-surface{padding:16px 10px}.peak-table{aspect-ratio:1.5;margin-bottom:15px}.pyramid-table{aspect-ratio:1.25;margin-bottom:12px}.expansion-card{border-radius:4px;padding:3px}.expansion-card>span{font-size:12px}.expansion-card i,.card-face-down>span{font-size:19px}.card-stock-row{gap:18px}.card-stock-row .expansion-card{width:47px}.expansion-stock{min-height:62px;padding:8px;font-size:12px}.nonogram-grid{grid-template-columns:35px repeat(var(--cells), minmax(0, 1fr));gap:1px;padding:7px}.nonogram-column,.nonogram-row-clues{font-size:11px}.nonogram-row-clues{padding-right:4px}.nonogram-cell{font-size:15px}.water-board{gap:10px;padding:30px 10px}.water-vessel{width:70px;padding:10px 6px}.water-glass{width:43px}.water-layer{height:33px}.block-grid{gap:3px;padding:8px}.block-cell{font-size:18px}.block-hand{gap:12px}.block-hand>button{min-width:70px;padding:10px}.onet-grid{gap:5px;padding:8px}.onet-tile{border-radius:5px;font-size:21px}.word-grid{gap:2px;padding:8px}.word-grid button{font-size:14px}.word-list{gap:10px;padding:13px 8px;font-size:12px}.bubble-surface{padding:12px 16px}.expansion-level,.expansion-actions{gap:8px}.expansion-actions button{padding:9px 11px;font-size:13px}}@media (prefers-reduced-motion:reduce){.expansion-surface *{scroll-behavior:auto}}