*{box-sizing:border-box}body{margin:0;background:#123e30;color:#fff6d9;font:18px/1.55 system-ui}header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px 18px;background:#0a2e23}header small{font-size:12px}#offline{font-size:12px;text-align:center;margin:4px}main{max-width:850px;margin:auto;padding:14px}h1{font-size:clamp(23px,4vw,32px);line-height:1.2;color:#ffdf87}#body p{margin:0 0 16px}button{font:700 17px system-ui;color:#143e2d;background:#ffdf87;border:2px solid #f5efca;border-radius:15px;min-height:48px;padding:12px 18px;cursor:pointer}button:focus-visible{outline:4px solid white;outline-offset:3px}button[aria-pressed=true]{background:#a9e7be}#play,#next{width:100%;position:sticky;bottom:8px}#stage{max-width:650px;margin:auto;touch-action:none}canvas{display:block;width:100%;background:#e9dfbd;border-radius:12px}#original{display:block;width:100%;max-height:75vh;object-fit:contain;margin:12px auto}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:16px 0}[hidden]{display:none!important}#game h1{margin:8px 0}#game p{font-size:15px}#message{text-align:center}@media(orientation:landscape)and(max-height:500px){#stage{max-width:45vh}#game h1,#game>p{display:none}.actions{margin:8px}main{padding:6px}#stage canvas{border-radius:4px}}
#pieces{max-height:190px;overflow:auto;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:650px;margin:10px auto}#pieces button{padding:0;min-height:30px;border-radius:4px;border:1px solid #ffdf87;background-color:#e9dfbd;background-size:1000% 500%;aspect-ratio:.5}#pieces button:disabled{visibility:hidden}@media(orientation:landscape)and(max-height:500px){#pieces{max-width:60vw;grid-template-columns:repeat(25,1fr)}#pieces button{min-height:22px}}
#scene-list{display:grid;gap:10px;margin-top:15px}header button{min-height:40px;font-size:14px;padding:6px 12px}

dialog{max-width:min(28rem,calc(100vw - 3rem));max-height:calc(100dvh - 3rem);overflow:auto;border:2px solid #164936;border-radius:1rem;background:#fff9e9;color:#173c2c;padding:1.2rem}dialog::backdrop{background:rgba(15,35,26,.62)}dialog .actions{display:flex;flex-wrap:wrap;gap:.7rem}dialog button:focus-visible{outline:3px solid #164936;outline-offset:3px}