:root{font-family:Arial,Helvetica,sans-serif;color:#34383e;background:#e3e3e3;color-scheme:light;overscroll-behavior:none;--ui-ink:#34383e;--ui-muted:#697078;--ui-surface:#faf9f6;--ui-warm:#f17b9f;--ui-warm-hover:#f58ead;--ui-warm-ink:#4c2734;--ui-cool:#7bf1cd;--ui-cool-soft:#e1f5ef;--ui-cool-ink:#28574b;--ui-border:#d1d3d2;--vk-inset-top:0px;--vk-inset-bottom:0px;--vk-inset-left:0px;--vk-inset-right:0px}
/* Public build marker is baked into HTML, never enabled by query parameters. */
html[data-edition=public] #home,html[data-edition=public] #menu-level-tray,html[data-edition=public] .menu-settings{display:none!important}
html[data-edition=public] #pause{right:max(68px,calc(var(--vk-inset-right) + 68px),calc(env(safe-area-inset-right) + 68px));top:max(14px,calc(var(--vk-inset-top) + 8px),env(safe-area-inset-top))}
.opening-screen.menu-open #game{visibility:visible;pointer-events:auto}
.start-menu.interactive-opening{background:transparent;pointer-events:none;padding:0;overflow:hidden}
.start-menu.interactive-opening .menu-card{position:absolute;top:calc(43% + clamp(78px,14vw,120px));left:50%;transform:translateX(-50%);width:min(260px,calc(100vw - 48px));padding:0;background:none;border:0;box-shadow:none;pointer-events:none}
.start-menu.opening-ready .menu-card{pointer-events:auto;animation:arrive .5s ease both}
.opening-guide{position:fixed;z-index:5;pointer-events:none;transform:translate(-50%,-50%)}
.opening-character{position:absolute;left:0;bottom:0;width:80%;aspect-ratio:1;image-rendering:auto}
.opening-demo{position:absolute;right:0;top:0;width:26%;height:100%;background:#fafbfc;border:1px solid #d1d6da;border-radius:7px}
.opening-demo svg{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.start-menu.opening-ready .menu-card{animation: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}#scene.edge-hover,#scene.turning{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M25 13a10 10 0 1 0-1 10M25 5v8h-8' fill='none' stroke='white' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25 13a10 10 0 1 0-1 10M25 5v8h-8' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 16 16,grab}.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;padding:24px 20px;overflow:auto;background:#e3e3e378;backdrop-filter:blur(5px);animation:arrive .35s ease both}
.win-card{display:flex;flex-direction:column;align-items:center;gap:20px;width:min(350px,100%);padding:32px 28px 28px;background:var(--ui-surface);border:1px solid #fff;border-radius:26px;box-shadow:0 16px 55px #34383e13;text-align:center;animation:win-arrive .55s cubic-bezier(.2,.8,.2,1) both}
.win-card h1{margin:0;color:#55555d;font-size:26px;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.win-time{display:flex;flex-direction:column;gap:8px;margin:0 0 4px}.win-time>span{font-size:12px;color:var(--ui-muted);letter-spacing:.04em}.win-card time{font:500 32px ui-rounded,system-ui,Arial,sans-serif;letter-spacing:.01em;color:var(--ui-ink);font-variant-numeric:tabular-nums;line-height:1.15}
.win-actions{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.win-card #next-level{appearance:none;display:flex;align-items:center;justify-content:center;gap:12px;flex:1;min-width:0;min-height:50px;padding:12px 16px;border:0;border-radius:13px;background:var(--ui-warm);color:var(--ui-warm-ink);font:650 17px ui-rounded,system-ui,Arial,sans-serif;letter-spacing:0;cursor:pointer;transition:background .18s,transform .18s}.win-card #next-level:hover{background:var(--ui-warm-hover)}.win-card #next-level:active{transform:scale(.98)}.win-card #next-level svg{width:17px;height:17px}
.win-card #replay{width:50px;height:50px;flex:0 0 50px;border-radius:13px;background:var(--ui-cool-soft);color:var(--ui-cool-ink)}.win-card #replay:hover{background:var(--ui-cool)}.win-card #replay svg{width:24px;height:24px}
@keyframes win-arrive{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:450px){.win-overlay{padding:12px 20px}.win-card{padding:18px 25px;gap:12px}.win-card h1{font-size:22px}.win-time{gap:4px;margin:0}.win-card time{font-size:28px}.win-card #next-level{min-height:44px}.win-card #replay{width:44px;height:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){.win-overlay,.win-card{animation:none}.win-card #next-level{transition:none}}

/* 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}
.turn-link{position:fixed;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible;stroke:#aaa;stroke-width:1;stroke-dasharray:3 5;opacity:.55}
.piece-turn{position:fixed;width:60px;height:60px;transform:translate(-50%,-50%);padding:0;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#f8f8f5f2;color:#65656a;box-shadow:0 5px 18px #55555516,0 0 0 2px var(--piece-color);z-index:4;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.piece-turn .turn-symbol{pointer-events:none}.piece-turn .turn-symbol svg{width:24px;height:24px;transform:rotate(var(--turn-angle,0deg));stroke-width:1.65}
.piece-turn .turn-directions{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#85858a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.piece-turn:hover,.piece-turn.dragging{background:#fff;box-shadow:0 5px 22px #55555520,0 0 0 3px var(--piece-color)}.piece-turn.dragging{cursor:grabbing}.piece-turn.dragging .turn-directions{stroke:#444;stroke-width:2}
.piece-turn.introduce{animation:handle-intro .65s ease-out 1}.menu-open .piece-turn,.menu-open .turn-link{display:none}
@keyframes handle-intro{0%{opacity:.3;box-shadow:0 0 0 10px #ffffff66}100%{opacity:1}}
.turn-arrows{position:fixed;inset:0;z-index:4;pointer-events:none}.turn-arcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;pointer-events:none}.arc-ink{stroke:#aaa;stroke-width:1.4;opacity:.65;pointer-events:none}.arc-hit{stroke:transparent;stroke-width:24;pointer-events:stroke;cursor:grab;touch-action:none}.turn-arrow{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:48px;height:48px;padding:0;border:1px solid #fff;border-radius:50%;background:#f9f9f7f2;box-shadow:0 3px 12px #66666612;color:#67676c;pointer-events:auto;touch-action:none;cursor:grab}.turn-arrow svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.turn-arrow:hover,.turn-arrow.active{background:#fff;box-shadow:0 0 0 2px var(--piece-color),0 4px 15px #66666615;color:#424248}.turn-arrow.active{cursor:grabbing}.turn-arrow[data-turn="4"] svg{width:23px;height:23px}.menu-open .turn-arrows{display:none}
.piece-tools{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:3px;padding:4px;border:1px solid #ffffffd9;border-radius:18px;background:#f3f3f1ed;box-shadow:0 5px 22px #5555550c;z-index:4;user-select:none;-webkit-user-select:none}
.piece-tools button{appearance:none;display:grid;place-items:center;width:46px;height:42px;padding:0;border:0;border-radius:13px;background:transparent;color:#99999d;touch-action:manipulation;transition:background .16s,color .16s}
.piece-tools button svg{width:23px;height:23px;stroke-width:1.5}.piece-tools button[aria-pressed=true]{background:#fff;color:#55555b;box-shadow:0 1px 5px #5555550c}.piece-tools button:hover{color:#55555b}.piece-tools.engaged{opacity:.65;pointer-events:none}.menu-open .piece-tools{display:none}#scene.rotate-mode{cursor:grab}#scene.rotate-mode.turning{cursor:grabbing}
.platform-vk .timer{top:max(25px,calc(var(--vk-inset-top) + 12px),calc(env(safe-area-inset-top) + 12px));left:max(18px,calc(var(--vk-inset-left) + 12px))}
.platform-vk .sound-control{top:max(14px,calc(var(--vk-inset-top) + 8px),calc(env(safe-area-inset-top) + 8px));right:max(14px,calc(var(--vk-inset-right) + 10px))}
.platform-vk .sound-panel{top:max(68px,calc(var(--vk-inset-top) + 62px),calc(env(safe-area-inset-top) + 62px));right:max(14px,calc(var(--vk-inset-right) + 10px))}
.platform-vk .dock{bottom:max(16px,calc(var(--vk-inset-bottom) + 10px),calc(env(safe-area-inset-bottom) + 10px));max-width:calc(100vw - max(12px,var(--vk-inset-left)) - max(12px,var(--vk-inset-right)))}
.platform-vk .start-menu,.platform-vk .win-overlay{padding:max(24px,var(--vk-inset-top)) max(20px,var(--vk-inset-right)) max(24px,var(--vk-inset-bottom)) max(20px,var(--vk-inset-left))}

/* Quiet neutral surfaces; rose / its opposite mint are reserved for actions.
   Puzzle colors stay on the pieces, never blended into decorative gradients. */
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--ui-cool-ink)}
.icon-button,.piece-turn,.piece-tools button,.axis-sector{color:var(--ui-muted)}
.icon-button:hover:not(:disabled),.piece-tools button:hover{background:var(--ui-cool-soft);color:var(--ui-ink)}
.dock,.sound-panel,.color-palette,.axis-wheel,.piece-tools{background:#faf9f6ed;box-shadow:0 7px 24px #34383e0b}
.sound-control,.piece-turn{background:var(--ui-surface)}
.timer{color:var(--ui-muted)}
.level-tile,.level-tile.active{border:0;outline:0}.level-tile.active{background:var(--ui-surface)}
.level-tile:focus-visible{outline:0;box-shadow:none;background:var(--ui-cool-soft)}
.win-card #next-level:focus-visible{outline:0;box-shadow:none;background:var(--ui-warm-hover)}
.level-tile.active:after{background:var(--ui-warm)}.level-tile.passed:not(.active):after{background:var(--ui-cool-ink)}
.win-card h1{color:var(--ui-ink)}
.start-menu .menu-card{background:var(--ui-surface);box-shadow:0 12px 40px #34383e0b}
.start-menu.interactive-opening .menu-card{background:none;box-shadow:none}
.start-menu .menu-card .start-play,#reward-confirm{background:var(--ui-warm);color:var(--ui-warm-ink);border-color:transparent}
.start-menu .menu-card .start-play:hover,#reward-confirm:hover{background:var(--ui-warm-hover)}
.reward-dialog{background:var(--ui-surface);color:var(--ui-ink)}.reward-symbol svg{color:var(--ui-warm-ink)}#reward-cancel{color:var(--ui-muted)}
#volume{accent-color:var(--ui-cool-ink)}#volume::-webkit-slider-thumb{border-color:var(--ui-cool-ink)}#volume::-moz-range-thumb{border-color:var(--ui-cool-ink)}
.pause-control{position:fixed;right:max(78px,calc(env(safe-area-inset-right) + 78px));top:max(20px,env(safe-area-inset-top));z-index:5;background:var(--ui-surface)}
.pause-control[aria-pressed=true]{background:var(--ui-cool-soft);color:var(--ui-cool-ink)}
.home-control{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:9;background:var(--ui-surface)}
#reset-confirm{background:var(--ui-warm);color:var(--ui-warm-ink)}#reset-cancel{background:transparent;color:var(--ui-muted)}
@media(max-width:600px){.pause-control{right:64px;top:14px}}@media(max-height:450px){.pause-control{top:10px}}
.platform-vk .pause-control{top:max(14px,calc(var(--vk-inset-top) + 8px),calc(env(safe-area-inset-top) + 8px));right:max(64px,calc(var(--vk-inset-right) + 64px))}
.platform-vk .home-control{top:max(14px,calc(var(--vk-inset-top) + 8px),calc(env(safe-area-inset-top) + 8px));right:max(14px,calc(var(--vk-inset-right) + 10px))}
.start-menu.interactive-opening .menu-card{width:min(360px,calc(100vw - 40px));padding:9px 12px;background:var(--ui-surface);border:0;border-radius:20px;box-shadow:0 7px 24px #34383e0b}
.start-menu .menu-level-tray{width:max-content;max-width:100%;margin:auto;padding:2px;min-width:0}
.menu-settings{margin-top:7px;padding-top:7px;border-top:1px solid var(--ui-border)}
.menu-sound{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:3px;padding:0 8px 0 0}.menu-sound label{font-size:13px;color:var(--ui-muted)}.menu-sound .icon-button{width:38px;height:40px;flex-basis:38px}.menu-sound .icon-button svg{width:21px;height:21px}.menu-sound #volume{width:auto;min-width:0;flex:1}
@media(max-width:600px){.home-control{right:14px;top:14px}}
@media(max-height:450px){.home-control{top:10px}}
/* Main menu: hollow projected cuboids, like the game's target shells. */
html[data-edition=public] .start-menu{background:var(--game-background,#e3e3e3)}
html[data-edition=public] .start-menu.interactive-opening{background:transparent}
html[data-edition=public] #menu-level-panel{width:min(330px,calc(100vw - 44px));padding:0;background:none;border:0;box-shadow:none}
#main-campaign-menu{display:grid;gap:6px;width:100%;padding:0 2px 4px;pointer-events:auto}
.shell-button{appearance:none;position:relative;display:grid;place-items:center;width:100%;height:86px;padding:0;border:0;background:transparent;color:#292d32;cursor:pointer;isolation:isolate;transition:translate .18s}
.shell-button-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#34383e;stroke-width:1.3;stroke-linejoin:round;pointer-events:none}
.shell-rear{stroke:#909294;fill:#ffffff05}.shell-front{fill:#ffffff14}.shell-top{fill:#ffffff25}.shell-side{fill:#34383e08}.shell-edge{stroke:#909294}
.shell-copy{position:relative;display:grid;justify-items:center;gap:5px;margin-left:20px;transform:translateY(3px) rotate(-2.5deg);pointer-events:none}
.shell-copy strong{font-size:17px;font-weight:650;letter-spacing:.025em}.shell-copy span{font-size:12px;color:#51575c;letter-spacing:.015em;font-variant-numeric:tabular-nums}
.shell-symbol{position:absolute;left:30px;top:45%;width:22px;height:22px;transform:rotate(-2.5deg);pointer-events:none}.shell-symbol svg{width:100%;height:100%;stroke-width:1.4}
#campaign-settings{height:65px}.shell-button:hover .shell-front{fill:#ffffff55}.shell-button:active{translate:2px 2px}.shell-button:focus-visible{outline:0}.shell-button:focus-visible .shell-front{fill:var(--ui-cool-soft)}
.main-sound{position:fixed;right:max(14px,calc(var(--vk-inset-right) + 10px),env(safe-area-inset-right));top:max(14px,calc(var(--vk-inset-top) + 8px),env(safe-area-inset-top));z-index:6;background:var(--ui-surface)}
.main-settings{width:min(320px,calc(100vw - 36px));max-height:calc(100dvh - 28px);box-sizing:border-box;overflow:auto;padding:22px 24px 24px;border:1px solid #6d72766b;border-radius:18px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:7px -6px 0 -1px #faf9f699,7px -6px 0 0 #6d727666;font:14px Arial,Helvetica,sans-serif}
.main-settings::backdrop{background:#e3e3e378;backdrop-filter:blur(5px)}
.main-settings header{display:flex;justify-content:space-between;align-items:center;margin:-6px -8px 18px 0;gap:16px}.main-settings h2{margin:0;font-size:19px;font-weight:600}.main-settings header .icon-button{width:40px;height:40px;flex-basis:40px}
.main-settings fieldset{border:0;margin:0 0 18px;padding:0}.main-settings legend{padding:0;margin-bottom:12px;color:var(--ui-muted);font-size:13px}.background-options{display:flex;gap:14px}.background-swatch{width:42px;height:42px;display:grid;place-items:center;padding:10px;background:var(--swatch);border:1px solid #858b8f60;border-radius:50%;color:var(--ui-ink)}.background-swatch svg{width:21px;height:21px;visibility:hidden}.background-swatch[aria-pressed=true] svg{visibility:visible}
.setting-toggle{display:flex;position:relative;justify-content:space-between;align-items:center;min-height:50px;cursor:pointer;border-top:1px solid var(--ui-border)}.setting-toggle input{position:absolute;right:0;width:46px;height:28px;opacity:0;margin:0;cursor:pointer}.toggle-track{width:42px;height:24px;background:#d4d7d6;border:1px solid #a7adaa;border-radius:20px;pointer-events:none;transition:background .15s}.toggle-track:after{content:'';display:block;width:18px;height:18px;margin:2px;background:var(--ui-surface);border:1px solid #6c7670;border-radius:50%;box-sizing:border-box;transition:translate .15s}.setting-toggle input:checked+.toggle-track{background:var(--ui-cool)}.setting-toggle input:checked+.toggle-track:after{translate:18px 0}.setting-toggle input:focus-visible+.toggle-track{outline:2px solid var(--ui-cool-ink);outline-offset:3px}
.settings-volume{display:grid;gap:4px;margin-top:16px;color:var(--ui-muted);font-size:13px}.settings-volume #volume{width:100%}
@media(max-height:450px){html[data-edition=public] #menu-level-panel{width:270px}.shell-button{height:69px}#campaign-settings{height:51px}.shell-copy strong{font-size:15px}.shell-copy span{font-size:11px}.main-settings{padding:14px 20px}.main-settings header{margin-bottom:8px}.main-settings fieldset{margin-bottom:10px}.setting-toggle{min-height:42px}.settings-volume{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.shell-button,.toggle-track,.toggle-track:after{transition:none}}