:root{font-family:Arial,Helvetica,sans-serif;color:#66666b;background:#e3e3e3;color-scheme:light;overscroll-behavior:none}
*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}.game-page{user-select:none;-webkit-user-select:none;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.28}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #939393;outline-offset:4px}a{color:inherit}svg{display:block;width:25px;height:25px;pointer-events:none}button,svg{touch-action:manipulation}[hidden]{display:none!important}
#scene{display:block;width:100%;height:100%;touch-action:none;outline:none;cursor:grab}#scene.holding{cursor:grabbing}.icon-button{appearance:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border:0;background:transparent;color:#66666b;border-radius:13px;text-decoration:none;transition:background .18s,color .18s,transform .18s}.icon-button:hover:not(:disabled){background:#ffffffa0;color:#36363c}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button span{pointer-events:none}
.dock{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:9px 12px;background:#f7f7f5bd;border:1px solid #ffffffb0;border-radius:23px;box-shadow:0 9px 35px #6767670b;backdrop-filter:blur(18px);max-width:calc(100vw - 24px);z-index:3}.divider{display:block;flex:0 0 1px;width:1px;height:24px;background:#8d8d9525;margin:0 8px}.level-tray{display:flex;align-items:center;gap:6px;max-width:min(48vw,360px);min-width:46px;overflow:auto;scrollbar-width:none}.level-tile{position:relative;flex:0 0 48px;width:48px;height:48px;border:1px solid transparent;border-radius:12px;padding:8px;background:transparent}.level-preview{display:block}.level-preview svg{width:31px;height:31px}.level-tile.active{background:#ffffff8c;border-color:#babac44d}.level-tile.active:after,.level-tile.passed:not(.active):after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;background:#a7a2af;border-radius:50%}.level-tile.passed:not(.active):after{background:#899b8e}.level-tile.locked:disabled{opacity:1}.level-tile.locked .level-preview{opacity:.23;filter:saturate(.6)}.level-lock{position:absolute;inset:0;display:grid;place-items:center;color:#96949d}.level-lock svg{width:25px;height:25px;filter:drop-shadow(0 1px 3px #ffffffdd)}
.axis-wheel{position:fixed;width:132px;height:132px;border-radius:50%;transform:translate(-50%,-50%);overflow:hidden;background:#f7f7f4ed;border:1px solid #fff;box-shadow:0 6px 25px #62626812;backdrop-filter:blur(16px);z-index:4;touch-action:none}.axis-sector{position:absolute;inset:0;width:100%;height:100%;appearance:none;border:0;padding:0;border-radius:0;background:transparent;color:#727277;touch-action:none;cursor:grab}.axis-sector:hover,.axis-sector.dragging{background:#ffffffd9;color:#38383d}.axis-sector.dragging{cursor:grabbing}.axis-sector:focus-visible{outline:0;background:#e5e5e5}.axis-horizontal{clip-path:polygon(50% 50%,0 79%,0 0,50% 0)}.axis-vertical{clip-path:polygon(50% 50%,50% 0,100% 0,100% 79%)}.axis-roll{clip-path:polygon(50% 50%,100% 79%,100% 100%,0 100%,0 79%)}.axis-sector span{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none}.axis-horizontal span{left:26%;top:36%}.axis-vertical span{left:74%;top:36%}.axis-roll span{left:50%;top:76%}.axis-sector svg{width:27px;height:27px;stroke-width:1.45}.wheel-dividers{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#ceced0;stroke-width:.8}
.sound-control{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:5;background:#f7f7f56b}.sound-panel{position:fixed;top:max(80px,calc(env(safe-area-inset-top) + 74px));right:max(20px,env(safe-area-inset-right));z-index:6;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;background:#fafaf8ed;border:1px solid #fff;border-radius:20px;box-shadow:0 8px 30px #59596512;backdrop-filter:blur(16px)}#volume{appearance:none;-webkit-appearance:none;width:148px;height:32px;background:transparent;cursor:pointer;touch-action:pan-x;accent-color:#888}#volume::-webkit-slider-runnable-track{height:2px;background:#bdbdbd;border-radius:2px}#volume::-moz-range-track{height:2px;background:#bdbdbd;border-radius:2px}#volume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-6px;background:#fafafa;border:1px solid #929292;border-radius:50%;box-shadow:0 1px 3px #00000013}#volume::-moz-range-thumb{width:12px;height:12px;background:#fafafa;border:1px solid #929292;border-radius:50%}
.timer{position:fixed;top:max(25px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));display:flex;align-items:center;gap:9px;color:#858589;pointer-events:none;z-index:3}.timer svg{width:19px;height:19px}.timer time{font:15px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums}.result{position:fixed;left:50%;top:max(24px,env(safe-area-inset-top));transform:translateX(-50%);display:flex;align-items:center;gap:14px;padding:6px 12px;z-index:4;animation:arrive .5s ease both;color:#777b78}.result-icon svg{width:44px;height:44px;stroke-width:1.1}.result time{font:30px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;color:#686a69;font-variant-numeric:tabular-nums}.result .icon-button{width:40px;height:44px;flex-basis:40px}.next-level{background:#f8f8f5bd;border:1px solid #fff}
.reward-dialog{max-width:min(360px,calc(100vw - 36px));border:1px solid #fff;border-radius:26px;background:#f4f4f1;padding:28px;color:#62616b;box-shadow:0 25px 90px #36353e25;text-align:center;line-height:1.5}.reward-dialog::backdrop{background:#d8d8db8a;backdrop-filter:blur(9px)}.reward-symbol{display:grid;place-items:center}.reward-symbol svg{width:38px;height:38px;color:#909095}.reward-dialog button{display:block;width:100%;padding:12px 15px;border:0;border-radius:12px;background:#e1e1e3;color:#626267;margin-top:9px}#reward-cancel{background:transparent;color:#83818a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pulse{animation:pulse .45s ease 2}@keyframes arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes pulse{50%{background:#fff;scale:1.07}}
@media(max-width:600px){.dock{padding:7px 8px;gap:0;bottom:max(16px,env(safe-area-inset-bottom));border-radius:21px}.icon-button{width:40px;height:44px;flex-basis:40px}.icon-button svg{width:23px;height:23px}.divider{margin:0 5px}.level-tray{max-width:calc(100vw - 180px)}.level-tile{width:42px;height:44px;flex-basis:42px;padding:5px}.axis-wheel{width:140px;height:140px}.sound-control{right:14px;top:14px}.sound-panel{right:14px;top:68px}.timer{left:18px;top:27px}.result{top:15px;gap:8px;padding:6px}.result-icon svg{width:32px;height:32px}.result time{font-size:24px}.result .icon-button{width:34px;flex-basis:34px}}
@media(max-height:450px){.dock{bottom:10px;padding-top:5px;padding-bottom:5px}.sound-control{top:10px}.timer{top:22px}.result{top:8px}.axis-wheel{width:124px;height:124px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.win-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:8;background:#e3e3e35c;backdrop-filter:blur(2px);animation:arrive .3s ease both}.win-card{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(300px,calc(100vw - 44px));padding:34px 28px 20px;background:#f6f6f3e8;border:1px solid #ffffffd9;border-radius:25px;box-shadow:0 18px 70px #66666b16}.win-card time{font:54px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.015em;color:#626267;font-variant-numeric:tabular-nums}.win-card #next-level{appearance:none;width:100%;min-height:50px;padding:12px 20px;border:1px solid #ffffffd9;border-radius:13px;background:#fff;color:#646469;font:16px Arial,Helvetica,sans-serif;letter-spacing:.01em;cursor:pointer}.win-card #next-level:hover{background:#eaeaea}.win-card #replay{margin-top:-12px}.win-card .icon-button svg{width:23px;height:23px}@media(max-height:450px){.win-card{padding:22px 25px 12px;gap:16px}.win-card time{font-size:44px}.win-card #next-level{min-height:44px}}

/* Rotation lives outside the camera's usable rectangle, never on the puzzle. */
.rotation-zone{position:fixed;right:max(18px,env(safe-area-inset-right));top:84px;bottom:108px;width:132px;display:grid;place-items:center;pointer-events:none;z-index:4}
.rotation-zone .axis-wheel{position:relative;left:auto;top:auto;transform:none;width:120px;height:120px;pointer-events:auto}
.start-menu{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:42px;background:#e3e3e3;padding:60px 24px;overflow:hidden}
.menu-open #game,.menu-open .rotation-zone{visibility:hidden;pointer-events:none}
.menu-open .sound-control{z-index:12}.menu-open .sound-panel{z-index:13}
.menu-sculpture{width:min(240px,52vw);height:min(240px,52vw);filter:drop-shadow(0 22px 25px #77777716);animation:menu-drift 9s ease-in-out infinite;pointer-events:none}
.menu-sculpture svg{width:100%;height:100%}
.start-play{appearance:none;display:grid;place-items:center;width:84px;height:84px;flex-shrink:0;padding:0;border:1px solid #ffffffcd;border-radius:50%;background:#f8f8f6c7;color:#68686d;box-shadow:0 10px 35px #7777770c;transition:transform .2s,background .2s}
.start-play svg{width:32px;height:32px;translate:2px 0}.start-play:hover{background:#fff;transform:scale(1.04)}.start-play:active{transform:scale(.95)}
@keyframes menu-drift{0%,100%{transform:translateY(-5px) rotate(-3deg)}50%{transform:translateY(5px) rotate(3deg)}}
@media(max-width:600px) and (min-height:451px){.rotation-zone{left:0;right:0;top:auto;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 74px);width:auto;height:120px}}
@media(max-height:450px){.rotation-zone{right:12px;top:68px;bottom:78px;width:112px}.rotation-zone .axis-wheel{width:104px;height:104px}}

.start-menu{padding:24px;overflow:auto;display:grid;place-items:center;gap:0}
.menu-card{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:32px;width:min(660px,100%);padding:46px 42px;background:#f6f6f3d9;border:1px solid #ffffffd9;border-radius:30px;box-shadow:0 22px 90px #73737310}
.menu-card .menu-sculpture{width:190px;height:190px;max-width:100%;max-height:none}
.menu-brand{margin:0 0 13px;font-size:11px;font-weight:600;letter-spacing:.23em;text-transform:uppercase;color:#949497}
.menu-copy h1{margin:0;font-size:34px;line-height:1.2;font-weight:500;letter-spacing:-.035em;color:#626267}
.menu-description{margin:17px 0 25px;font-size:14px;line-height:1.7;color:#929297;max-width:290px}
.menu-actions{display:flex;flex-direction:column;gap:9px}
.menu-card .start-play,.menu-resume{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;height:auto;padding:13px 18px;border:1px solid #fff;border-radius:14px;background:#fff;color:#69696e;box-shadow:none;font-size:14px;transition:background .15s}
.menu-card .start-play svg{width:19px;height:19px;translate:none}.menu-card .start-play:hover{transform:none;background:#e9e9e7}.menu-card .start-play:active{transform:none;background:#dededc}
.menu-resume{background:transparent;border-color:#d8d8d8}.menu-resume:hover{background:#fff7}
.menu-audio{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px auto 0;padding:6px 12px;border:0;background:transparent;color:#98989c;font-size:12px}.menu-audio svg{width:17px;height:17px}
.menu-open .sound-control{display:none}.menu-open .sound-panel{top:auto;bottom:max(24px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:600px) and (min-height:451px){.start-menu{padding:22px}.menu-card{grid-template-columns:1fr;gap:18px;text-align:center;max-width:380px;padding:30px 28px 20px}.menu-card .menu-sculpture{width:140px;height:140px;margin:auto}.menu-copy h1{font-size:31px}.menu-brand{margin-bottom:10px}.menu-description{margin:13px auto 22px}.menu-audio{margin-top:16px}}
@media(max-height:450px){.start-menu{padding:18px}.menu-card{padding:24px 28px;gap:24px;grid-template-columns:130px minmax(0,1fr);max-width:600px}.menu-card .menu-sculpture{width:130px;height:130px}.menu-brand{margin-bottom:7px}.menu-copy h1{font-size:26px}.menu-description{margin:10px 0 16px;font-size:13px}.menu-actions{flex-direction:row;gap:8px}.menu-card .start-play,.menu-resume{min-height:44px;font-size:13px;padding:10px 12px}.menu-audio{margin-top:11px}}
@media(max-width:600px) and (min-height:451px) and (max-height:700px){.start-menu{padding:18px;align-items:safe center}.menu-card{padding:20px 20px 14px;gap:10px}.menu-card .menu-sculpture{width:80px;height:80px}.menu-copy h1{font-size:28px}.menu-brand{margin-bottom:7px}.menu-description{margin:8px auto 14px;font-size:12.5px;line-height:1.6}.menu-card .start-play,.menu-resume{min-height:44px;padding:10px 14px}.menu-audio{margin-top:10px}}
.start-menu .menu-card{display:block;width:min(320px,100%);padding:24px;border-radius:24px}.start-menu .start-play{width:100%;min-height:54px;font-size:16px}.menu-open #game{visibility:hidden}