:root{font-family:Inter,Arial,sans-serif;color:#35413b;background:#f3f0e8;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 50% 35%,#fffdf5,#f3f0e8 75%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;min-width:44px;min-height:44px;cursor:pointer;color:inherit;border:1px solid #c6c6b6;background:#faf8f0;border-radius:10px;padding:8px 14px;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #a87b32;outline-offset:3px}.app{max-width:850px;margin:auto;padding:24px 30px}header{display:flex;align-items:center;justify-content:space-between;gap:15px}.wordmark{font-size:20px;letter-spacing:3px;text-decoration:none;color:inherit;font-weight:600}.wordmark span{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#888b7f;margin-top:7px}header button{font-size:11px}.sizes{display:flex;gap:8px;margin:24px 0}.sizes button{flex:1;font-size:12px;border:0;background:#e6e7dd}.sizes button[aria-current=true]{background:#3d4941;color:#fffcef}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#92927e;margin:0 0 6px}h1{font-size:24px;font-weight:500;margin:0}.counter{display:flex;align-items:baseline;gap:6px}.counter strong{font-size:30px;font-weight:400;color:#ad813e;font-variant-numeric:tabular-nums}.counter span{font-size:10px;color:#969786}.instruction{font-size:12px;color:#878e81;margin:14px 0 0;line-height:1.7}#cube-stage{position:relative;height:clamp(400px,62dvh,640px);isolation:isolate;overflow:hidden;border-radius:18px;margin-top:4px}#cube{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}#cube:active{cursor:grabbing}.halo{position:absolute;left:18%;right:18%;height:8%;bottom:8%;border-radius:50%;background:#aab4a349;filter:blur(20px);pointer-events:none}.stage-label{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px;color:#9fa494;pointer-events:none}.board-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#8c9183;margin:8px 0}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{padding:5px;font-size:21px}#fit{font-size:12px}#zoom-value{min-width:40px;text-align:center;font-size:10px}.faces{display:flex;gap:5px;flex-wrap:wrap;padding:8px 0}.faces button{flex:1;font-size:10px;background:transparent;border-color:#d9dccf;min-height:36px;padding:6px 8px}.escape{display:flex;align-items:center;gap:12px;font-size:10px;color:#8a9280;margin:12px 0}.progress-track{height:3px;background:#dfe1d3;flex:1;overflow:hidden;border-radius:3px}.progress-track i{display:block;height:100%;width:0;background:#b99651;transition:width .5s}#progress{min-width:50px;font-variant-numeric:tabular-nums}#status{min-height:40px;font-size:12px;line-height:1.7;color:#827c61;margin:14px 0 8px}.actions{display:flex;gap:10px;position:sticky;bottom:0;padding:10px 0 max(12px,env(safe-area-inset-bottom));z-index:5;background:#f3f0e8ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.actions button{flex:1;min-height:48px;background:linear-gradient(#fffdf5,#e8e4d7);box-shadow:0 2px #c2c0af;border-color:#c7c7b7;font-size:13px}details{border-top:1px solid #dcded0;padding:12px 0;font-size:11px;line-height:1.8;color:#8d9282}summary{cursor:pointer;min-height:35px}footer{text-align:center;font-size:9px;letter-spacing:1px;color:#999f8d;padding:12px 0}footer a{color:#657769;text-underline-offset:3px}dialog{width:min(90vw,350px);border:1px solid #c3c5b1;border-radius:18px;background:#faf8ed;padding:28px;text-align:center;color:#4a574c}dialog::backdrop{background:#2f3a3266;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog button{display:block;width:100%;margin-top:10px}dialog p{font-size:12px}dialog h2{letter-spacing:3px;font-size:21px}@media(max-width:600px){.app{padding:18px 12px}.wordmark{font-size:17px;letter-spacing:2px}h1{font-size:21px}.sizes{margin:19px 0}.sizes button{padding:7px 5px}.instruction{font-size:10px}#cube-stage{height:clamp(360px,57dvh,530px);margin-left:-8px;margin-right:-8px}.faces button{font-size:10px;padding:5px 3px;min-height:44px}.escape{font-size:9px;gap:8px}#status{font-size:11px}.board-caption{font-size:10px}.zoom-controls{gap:3px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.halo{display:none}.game-tools{border:0;padding:0;margin:8px 0 0;font-size:12px;line-height:1.5}.game-tools summary{min-height:44px;min-width:64px;width:max-content;margin-left:auto;padding:12px 10px;cursor:pointer;color:#626957;border-radius:8px}.game-tools summary:focus-visible{outline:2px solid #a87b32;outline-offset:2px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0 8px}.tool-actions button{flex:1;min-height:44px;font-size:12px;box-shadow:none}.tool-actions b{font-weight:400;margin-right:6px}