.avatar-icon{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(2px 2px #092d26)}.menu-avatar{width:24px;height:26px;object-fit:contain;image-rendering:pixelated;vertical-align:middle}.menubar button{min-height:36px}.puzzle-page{padding:22px 28px 28px}.puzzle-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.puzzle-heading h1{font:bold clamp(28px,3.5vw,39px)/1.1 var(--mono);letter-spacing:-.06em;margin:0}.puzzle-heading .eyebrow{margin:0 0 5px}.puzzle-intro{margin:10px 0 16px;font-size:16px}.puzzle-timer{background:#253d36;border:3px inset #c9cdd3;color:#f5e1b7;padding:7px 15px;min-width:145px}.puzzle-timer span{font:12px var(--mono);display:block;letter-spacing:.12em}.puzzle-timer output{font:bold 27px/1.3 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.puzzle-record{display:flex;align-items:center;justify-content:space-between;border:1px solid #aba99b;background:#eee8d5;margin-bottom:20px;padding:9px 13px;gap:10px}.puzzle-record>div{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.record-label{font:12px var(--mono);letter-spacing:.04em}.puzzle-record strong{font:bold 23px var(--mono)}#record-name{font-size:14px;overflow-wrap:anywhere}.puzzle-record button{padding:2px 9px}.puzzle-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(255px,1fr);gap:24px;align-items:start}.puzzle-main{min-width:0;max-width:360px}.puzzle-board-wrap{position:relative}#puzzle-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:7px;background:#253a3f;border:4px inset #e3e5e8;aspect-ratio:1}.puzzle-cell{border:1px solid #5f7276;background:#344c51;color:#192b2b;font:bold clamp(14px,2vw,21px) var(--mono);padding:0;min-width:0;aspect-ratio:1;touch-action:manipulation;opacity:1}.puzzle-cell:disabled{cursor:default}.puzzle-cell.filled{background:var(--piece);border:3px outset color-mix(in srgb,var(--piece),white 45%)}.puzzle-cell:focus-visible{outline:3px solid #fff;outline-offset:-4px;z-index:1}.puzzle-cell.ghost-valid{box-shadow:inset 0 0 0 3px #f6f1bd;background:#6c836b}.puzzle-cell.ghost-invalid{box-shadow:inset 0 0 0 3px #edb4b0;background:#8b5358}#puzzle-cover{position:absolute;inset:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#203c35ed;color:#f4f3e7;padding:15px}#puzzle-cover strong{font:bold clamp(18px,2.5vw,26px)/1.3 var(--mono);max-width:250px}#puzzle-cover p{font-size:14px;margin:12px 0 20px}#puzzle-cover button{padding:11px 18px}#puzzle-feedback{font-size:14px;line-height:1.5;min-height:44px;margin:10px 0 0}.puzzle-tools{background:#e5e7ea;border:2px outset white;padding:17px;min-width:0}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.tray-heading h2{font:bold 20px var(--mono);margin:0}.tray-heading>span{font:12px var(--mono)}#puzzle-tray{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.piece-button{height:79px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#f5f4f0;border:2px outset white;font:bold 13px var(--mono);min-width:0;padding:5px;opacity:1}.piece-button:disabled{cursor:default}.piece-button.is-placed{background:#d4d8d9}.piece-button.is-placed .piece-mini{opacity:.32}.piece-button[aria-pressed=true]{background:#fff2c9;border:2px inset #b18c4d;outline:2px solid #a57935}.piece-mini{display:grid;gap:0;flex-shrink:0}.piece-mini i{background:var(--piece);border:1px solid #344640;display:block;position:relative}.piece-mini i.anchor:after{content:'';position:absolute;width:5px;height:5px;left:50%;top:50%;transform:translate(-50%,-50%);background:#243b34;border:1px solid #fff}.selected-piece{display:flex;gap:13px;align-items:center;min-height:68px;margin:11px 0 6px;border-top:1px solid #b8bfc3;padding-top:12px}#piece-preview{min-width:60px;display:flex;justify-content:center}.selected-piece p{font-size:14px;line-height:1.35;margin:0}.transform-controls,.puzzle-utilities{display:flex;gap:8px;margin-top:8px}.transform-controls button{flex:1;padding:8px 7px;font-size:14px;white-space:nowrap}.transform-controls kbd{font:12px var(--mono);color:#66746e;margin-left:6px}.puzzle-utilities button{flex:1;font-size:14px;padding:6px}.puzzle-help{font-size:14px;line-height:1.5;margin:13px 0 0}.puzzle-page button:disabled{cursor:default}.puzzle-page .retro-button:disabled{opacity:.5}.puzzle-result{margin-top:20px;border:3px double #7d855c;background:#f1e6c8;padding:23px}.puzzle-result h2{font:bold 30px var(--mono);margin:0 0 8px}.puzzle-result p{margin:8px 0 15px}#record-form{margin:18px 0}#record-form label{display:block;font-weight:bold;margin-bottom:7px}#record-form>div{display:flex;gap:8px;max-width:420px}#record-player{background:#fff;border:2px inset #e0e1d9;padding:10px;min-width:0;flex:1;color:#203a31;font-size:16px}#record-form>p{font-size:13px;max-width:430px}#record-save-status{font-size:14px}.puzzle-notes{font-size:14px;line-height:1.6;margin-top:22px;border-top:1px solid #bbc1bb;padding-top:13px}.puzzle-notes summary{cursor:pointer}.puzzle-notes p{max-width:760px}
@media(max-width:1000px){.puzzle-page{padding:20px}.puzzle-layout{gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(245px,1fr)}.puzzle-tools{padding:12px}.piece-button{height:74px}.puzzle-record>div{gap:9px}.puzzle-timer{min-width:132px}.transform-controls kbd{display:none}}
@media(max-width:760px){.puzzle-page{padding:18px 13px}.puzzle-heading{gap:10px}.puzzle-heading h1{font-size:29px}.puzzle-heading .eyebrow{font-size:12px;letter-spacing:0}.puzzle-timer{padding:5px 9px;min-width:115px}.puzzle-timer output{font-size:23px}.puzzle-layout{grid-template-columns:1fr}.puzzle-main{max-width:none}.puzzle-tools{padding:14px}.puzzle-record>div{gap:8px}.record-label{width:100%}.puzzle-record strong{font-size:21px}#puzzle-tray{grid-template-columns:repeat(4,1fr)}.piece-button{height:76px}.piece-mini{transform:scale(.85)}.selected-piece{min-height:63px}.puzzle-result{padding:17px}.puzzle-result h2{font-size:26px}.puzzle-help{margin-bottom:0}.puzzle-intro{font-size:15px}.menubar .edition{display:none}.menubar button{font-size:14px;padding:4px 8px}}
@media(max-width:400px){#puzzle-tray{grid-template-columns:repeat(4,1fr)}.puzzle-heading h1{font-size:26px}.puzzle-heading .eyebrow{max-width:130px}.puzzle-timer{min-width:110px}.puzzle-record{padding:8px 10px}}
.resume-symbol{display:inline-block;width:15px;height:18px;vertical-align:-3px;color:inherit;flex-shrink:0}.desktop-icon .resume-symbol{width:25px;height:29px;vertical-align:initial}
.piece-button{height:98px}
.puzzle-page{max-width:840px;margin-inline:auto}
@media(min-width:761px){.puzzle-layout{grid-template-columns:minmax(0,360px) minmax(245px,1fr)}}
@media print{.puzzle-page{display:none}}