.classic-board{max-width:760px;margin:24px auto 60px;padding:clamp(14px,4vw,36px)}.classic-board h2{font:400 clamp(28px,5vw,46px) var(--font-editorial);margin:0}.classic-grid{grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:clamp(2px,1vw,7px);width:min(100%,430px);margin:12px auto 18px;display:grid}.classic-grid button,.nonogram button{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--ink);font:500 clamp(12px,3vw,27px) var(--font-editorial);cursor:pointer;border-radius:clamp(3px,1.2vw,12px);padding:0}.classic-grid button:disabled{opacity:1;cursor:default}.classic-grid button[data-tile=filled],.classic-grid button[data-tile=found],.nonogram button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.classic-grid button[data-tile=covered]{background:var(--surface-hover)}.classic-grid button[data-tile=selected]{outline:2px solid var(--brand-accent)}.classic-grid button[data-tile=wrong]{color:var(--brand-accent)}.classic-grid button[data-tile=given]{background:var(--line)}.classic-pad{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0;display:flex}.classic-pad .world-button{justify-content:center;min-width:44px;min-height:42px;padding:8px 12px}.classic-action{border:1px solid var(--line);background:var(--bg);touch-action:none;border-radius:16px;width:min(100%,420px);margin:12px auto;display:block}.classic-action.is-tall{width:min(100%,250px)}.nonogram{text-align:center;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:6px;width:min(100%,410px);margin:18px auto;display:grid}.nonogram-row{display:contents}.classic-library{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:13px;display:grid}.classic-card{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:22px;flex-direction:column;align-items:start;gap:10px;padding:18px;text-decoration:none;display:flex}.classic-card:hover{border-color:var(--brand-accent)}.classic-card i{border:1px solid var(--line);width:48px;height:48px;font:400 23px var(--font-editorial);color:var(--brand-accent);border-radius:50%;place-items:center;display:grid}.classic-card strong{font:400 23px var(--font-editorial)}.classic-card small{color:var(--muted)}.classic-swipe{touch-action:none}.classic-library{grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(8px,1.1vw,15px)}.classic-library .classic-card{text-align:center;justify-content:start;align-items:center;gap:8px;min-height:166px;padding:12px 10px;position:relative}.classic-edition{top:10px;font:9px var(--font-code);color:var(--muted);position:absolute;inset-inline-start:10px}.classic-card-art{aspect-ratio:1;place-items:center;width:clamp(50px,6vw,72px);margin:5px auto 0;display:grid}.classic-card-art svg{width:100%;height:100%;overflow:visible}.classic-art-bezel{fill:color-mix(in srgb,var(--paper-solid) 82%,var(--world-secondary));stroke:color-mix(in srgb,var(--brand-accent) 24%,var(--line))}.classic-art-line,.classic-art-shade{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}.classic-art-line{stroke:var(--brand-accent)}.classic-art-shade{stroke:color-mix(in srgb,var(--ink) 40%,transparent);opacity:.36}.classic-library .classic-card strong{min-height:2.4em;font:400 clamp(15px,1.5vw,21px)/1.12 var(--font-editorial);overflow-wrap:anywhere;place-items:center;margin:0;display:grid}.classic-library .classic-card small{color:var(--muted);margin:0;line-height:1.45}@media (width<=1070px){.classic-library{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=550px){.classic-library{grid-template-columns:repeat(2,minmax(0,1fr))}}.four-columns,.hanoi-rack,.sequence-pads{gap:6px;width:min(100%,430px);margin:16px auto;display:grid}.four-columns{grid-template-columns:repeat(7,minmax(0,1fr))}.four-columns button,.hanoi-rack button,.sequence-pads button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:12px;padding:5px}.four-columns button{justify-items:center;gap:5px;display:grid}.four-columns button i{aspect-ratio:1;background:var(--paper-solid);border:1px solid var(--line);border-radius:50%;width:100%}.four-columns i[data-disc="1"]{background:var(--brand-accent);border-color:var(--brand-accent)}.four-columns i[data-disc="2"]{background:var(--world-secondary);border-color:var(--world-secondary)}.hanoi-rack{grid-template-columns:repeat(3,minmax(0,1fr))}.hanoi-rack button[aria-pressed=true]{border-color:var(--brand-accent)}.hanoi-pole{border-bottom:2px solid var(--muted);flex-direction:column-reverse;justify-content:start;align-items:center;height:108px;display:flex;position:relative}.hanoi-pole:before{content:"";background:var(--line);width:2px;height:94%;position:absolute;inset:auto 50% 0 auto}.hanoi-pole i{height:16px;width:calc(29% + var(--disc)*14%);background:color-mix(in srgb,var(--brand-accent) calc(25% + var(--disc)*14%),var(--surface));border:1px solid var(--line);border-radius:99px;display:block;position:relative}.classic-grid .light-cell{min-height:35px}.classic-grid .light-cell[aria-pressed=true]{background:var(--brand-accent);box-shadow:inset 0 0 0 3px var(--surface)}.classic-grid .peg-hole{aspect-ratio:1;border-radius:50%;min-height:0}.classic-grid .peg-hole[data-centre=true]{border-color:var(--brand-accent)}.classic-grid .peg-hole[data-occupied=true]:before{content:"";aspect-ratio:1;background:var(--world-secondary);border-radius:50%;width:57%;box-shadow:inset 0 1px 3px #fff5}.classic-grid .peg-hole[aria-pressed=true]:before{background:var(--brand-accent)}.sequence-pads{grid-template-columns:1fr 1fr}.sequence-pads button{--pad:#8153a4;background:color-mix(in srgb,var(--pad) 52%,var(--surface));aspect-ratio:1.55;font:24px var(--font-editorial)}.sequence-pads [data-colour="0"]{--pad:#b5772e}.sequence-pads [data-colour="1"]{--pad:#268373}.sequence-pads [data-colour="2"]{--pad:#9a385c}.sequence-pads button[data-lit=true]{background:var(--pad);color:#fff;box-shadow:inset 0 0 0 4px #fff9}.pong-court{touch-action:none}