/* The approved bronze case and late-sun glass, carried into the playable slice. */
body[data-slice] .menu-sanctuary{display:none}
body[data-slice] #screen-menu{max-width:1120px;width:100%}
#slice-menu{width:100%;text-align:center;padding:18px 8px 30px}
#slice-menu h1{font-size:3.1rem;margin:8px 0 4px}
.slice-intro{font-family:Lora,serif;font-size:1.05rem;color:var(--copy-muted);margin:12px 0 32px}
.slice-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.slice-window{min-width:0}
.slice-pick{display:flex;align-items:center;flex-direction:column;width:100%;padding:18px 10px 15px;border:1px solid transparent;background:none;border-radius:5px;box-shadow:none;text-transform:none;letter-spacing:0}
.slice-pick:hover{background:oklch(20% .025 255 / .75);border-color:var(--line-quiet);transform:translateY(-3px)}
.slice-pick::after,.slice-pick::before{display:none}
.slice-window-pane{display:grid;place-items:center;width:100%;max-width:240px;aspect-ratio:1;margin-bottom:26px;background:oklch(17% .022 255);border:12px ridge oklch(62% .07 83);box-shadow:inset 4px 5px 9px oklch(10% .015 250),0 5px 0 oklch(29% .026 80),7px 15px 17px oklch(9% .02 250 / .7)}
.slice-window-pane img{width:100%;height:100%;object-fit:contain}
.slice-window-pane.unrestored{background:linear-gradient(135deg,oklch(27% .047 246 / .7),oklch(15% .03 253 / .6)),repeating-conic-gradient(from 45deg,oklch(30% .045 249) 0 25%,oklch(19% .03 250) 0 50%) 0 / 35px 35px}
.slice-window-pane>span{font-family:Cinzel,serif;font-size:2.8rem;color:oklch(80% .06 84);text-shadow:0 2px 2px oklch(10% .02 250);padding:10px}
.slice-window-title{font-family:Lora,serif;font-size:1.28rem;color:var(--ivory)}
.slice-window-detail{font-size:.875rem;line-height:1.5;color:var(--copy-muted);margin-top:8px}
.slice-window-action{font-size:.875rem;color:var(--brass-light);margin-top:21px}
.slice-replay{margin-top:8px;background:none;border-color:var(--line-quiet);box-shadow:none;font-size:.875rem;padding:9px 18px}
.slice-progress{font-size:.875rem;color:var(--copy-muted);margin:30px 0 0}
body .cell{background:linear-gradient(oklch(19% .028 242),oklch(25% .037 244));box-shadow:inset 1px 2px 3px oklch(9% .02 250 / .7),inset 0 -1px oklch(55% .03 242 / .3)}
body:not(.solved-phase-1) .cell.filled{background:linear-gradient(oklch(92% .045 85 / .22),transparent 35%,oklch(25% .045 238 / .3)),url('assets/glass/tile.webp') center / cover,oklch(62% .06 223);border-color:oklch(62% .045 140);box-shadow:inset 1px 1px oklch(94% .045 90 / .5),inset -1px -2px oklch(28% .04 243),0 2px 0 oklch(15% .025 243)}
body:not(.solved-phase-1) .cell.filled::before,body:not(.solved-phase-1) .cell.filled::after{display:none}
.has-depth-reward{perspective:1100px;isolation:isolate;overflow:visible!important}
.has-depth-reward>.cell,.has-depth-reward>.clue-row,.has-depth-reward>.clue-col{visibility:hidden}
body.solved-phase-2 #game-container.has-depth-reward{--reward-size:min(480px,calc(100vw - 60px),max(220px,calc(100svh - 370px)));display:block;width:var(--reward-size);height:var(--reward-size);background:none;border-color:transparent;box-shadow:none;grid-template-columns:none!important;grid-template-rows:none!important}
body .has-depth-reward>:not(.glass-reward){display:none}
.glass-reward{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;z-index:5}
.reward-object{width:78%;max-height:78%;aspect-ratio:1;position:relative;transform-style:preserve-3d;transform:rotateX(var(--turn-x,5deg)) rotateY(var(--turn-y,-10deg));transition:transform 220ms cubic-bezier(.16,1,.3,1);outline-offset:20px;touch-action:pan-y;user-select:none}
.reward-ready .reward-object{cursor:grab;touch-action:none}
.reward-object.is-dragging{cursor:grabbing;transition:none}
.reward-still,.reward-glass{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.reward-glass{visibility:hidden}.reward-glass.is-live{visibility:visible}
.reward-surround{position:absolute;inset:-8.7%;transform:translateZ(4px);pointer-events:none;--frame-light:#d9c28b;--frame-mid:#89703f;--frame-dark:#403623;--frame-groove:#242823;--inner-top:#322d20;--inner-left:#62583b;--inner-right:#a79864;--inner-bottom:#d4c391;--frame-rim:#34372a}
.reward-surround svg{display:block;width:100%;height:100%;overflow:visible}
.reward-contact{position:absolute;inset:0;transform:translateZ(1px);pointer-events:none;box-shadow:inset 3px 5px 6px #10171b8c,inset -1px -1px 2px #ddca8f5c}
.reward-back{position:absolute;inset:-8.7%;transform:translateZ(-28px);background:#302d25;box-shadow:12px 24px 26px #071016a8,0 3px 10px #07101680}
.reward-side{position:absolute;width:28px;top:-8.7%;height:117.4%;transform-origin:left center;background:linear-gradient(90deg,#282c26,#8b7750 18%,#4a4434 27%,#65583c 80%,#a8915d 98%);transform:rotateY(90deg)}
.reward-side-left{left:-8.7%}.reward-side-right{left:108.7%}
.reward-side-bottom{position:absolute;left:-8.7%;right:-8.7%;height:28px;bottom:-8.7%;transform-origin:center bottom;transform:rotateX(90deg);background:#6e5d3d}
.reward-arriving .reward-object{animation:window-arrive var(--reward-arrival-duration,650ms) cubic-bezier(.16,1,.3,1) both}
@keyframes window-arrive{0%{opacity:0;transform:translateY(8px) scale(.97) rotateX(5deg) rotateY(-6deg)}100%{opacity:1;transform:rotateX(5deg) rotateY(-10deg)}}
.art-inspection{text-align:center;margin:14px 0 0;width:100%;order:0}
.art-inspection[hidden]{display:none}
.art-inspection p{font-family:Lora,serif;font-size:.94rem;color:var(--copy-muted);margin:0 0 10px}
.art-turn-controls{display:flex;justify-content:center;align-items:center;gap:12px}
.art-turn-controls span{font-size:.8125rem;color:var(--copy-muted)}
.art-turn-controls button{min-width:44px;min-height:44px;padding:8px 12px;font-size:1.3rem}
.art-turn-controls .art-center{font-size:.8125rem}
body[data-depth-reward] #win-message{font-family:Lora,serif;letter-spacing:0;margin-top:18px}
body[data-depth-reward].solved-phase-1 .puzzle-progress{display:none}
body[data-depth-reward].solved-phase-1 .game-controls{border:0;margin-top:10px;padding-top:4px}
@media(max-width:700px){.slice-windows{gap:12px}.slice-window-pane{border-width:8px;margin-bottom:20px}.slice-window-title{font-size:1.05rem}.slice-window-detail{font-size:.8125rem}.slice-window-action{font-size:.8125rem}}
@media(max-width:540px){#slice-menu{padding-top:0}.slice-intro{margin-bottom:18px}.slice-windows{grid-template-columns:1fr;gap:10px}.slice-pick{display:grid;grid-template-columns:105px 1fr;text-align:left;column-gap:20px;padding:14px}.slice-window-pane{grid-row:1/4;margin:0;width:105px}.slice-window-pane>span{font-size:2rem}.slice-window-title{align-self:end;font-size:1.1rem}.slice-window-detail{margin-top:3px}.slice-window-action{margin-top:9px;align-self:start}.slice-replay{margin:0 0 10px}.slice-progress{margin-top:18px}.art-turn-controls{gap:8px}.art-turn-controls span{max-width:130px;font-size:.8125rem}.reward-object{width:76%}.art-inspection{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.reward-object{animation:none!important;transition:none!important}.slice-pick:hover{transform:none}}