/* The offered Garden cube for players; the bitmap and scene remain unchanged. */
:root{--size:210px;--half:105px}
/* Keep untranslated entrance copy out of the first paint. The loading links stay usable. */
html[data-garden-language-pending] body{visibility:hidden}
html[data-garden-language-pending] .welcome-load-notice{visibility:visible}
.site-header{justify-content:flex-end}
#courtyard,.garden-tools,.garden-credit{position:relative;left:var(--scene-shift,0px);width:calc(100% - var(--scene-inset,0px));margin-left:auto;margin-right:auto}
body .introduction h1,body:not(.list-mode) .introduction h1{max-width:1050px;margin:0 auto 14px;font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:.015em;text-transform:uppercase;text-wrap:balance}
body:not(.list-mode) .introduction{grid-area:auto;width:100%;padding:0;text-align:center}
body:not(.list-mode) .cube-area{grid-area:auto}
.cube-area{margin-top:var(--orb-clearance,0px);transform:translateX(var(--orb-x,0px))}
.introduction .back-link{display:none}
.stage{height:calc(var(--size) + 150px);perspective:1100px;cursor:grab;margin-top:0;touch-action:none}
.stage.cube-held,.stage.cube-held .offered-face{cursor:grabbing}
body:not(.list-mode) .offered-face:is(button,a),body:not(.list-mode) #cube-discover{cursor:grab}
.cube-manipulation{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.cube-manipulation button{min-height:44px;font-size:12px;padding:8px 12px}
body.list-mode .cube-manipulation{display:none}
body.list-mode .stage{touch-action:pan-y}
.cube-position{perspective:1100px;transform-style:preserve-3d}
.offered-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(-12deg)}
.offered-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;border:1px solid #f0d498b0;border-radius:6px;backface-visibility:hidden;background:#183327;box-shadow:inset 0 0 0 7px #d9c88b08;color:#f4ead1;text-align:center}
.offered-face::before{content:"";position:absolute;inset:12px;border:1px solid #eed38c30;border-radius:3px;pointer-events:none}
.offered-face:is(button,a){cursor:pointer;text-decoration:none;touch-action:none;font-family:inherit}
/* Side labels remain painted during a turn; inert still limits activation. */
.offered-cube{user-select:none;touch-action:none}
.offered-face:focus-visible{outline:3px solid #ffe4a0;outline-offset:5px}
.cube-turns{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px auto;max-width:380px}
.cube-selectors{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}
.cube-turns button{min-height:36px;padding:7px;font-size:11px;line-height:1.4;white-space:normal;text-transform:none;letter-spacing:0}
.cube-selectors button[aria-pressed="true"]{border-color:#ffe4a0;background:#4b3267}
.cube-turns[hidden]{display:none}
.offered-front,.offered-front:hover{transform:translateZ(var(--half));background:linear-gradient(140deg,#82609e,#4b3267 65%,#302844);color:#f4ead1;cursor:pointer;touch-action:none}
.offered-right,.offered-right:hover{transform:rotateY(90deg) translateZ(var(--half));background:linear-gradient(135deg,#50694b,#19392f 60%,#183327)}
.offered-back,.offered-back:hover{transform:rotateY(180deg) translateZ(var(--half));background:linear-gradient(140deg,#766647,#384d3a 70%)}
.offered-left{transform:rotateY(-90deg) translateZ(var(--half));background:linear-gradient(140deg,#46676a,#183a3b 70%)}
.offered-top,.offered-top:hover{transform:rotateX(90deg) translateZ(var(--half));background:linear-gradient(140deg,#7f7249,#3c4a35)}
.offered-bottom,.offered-bottom:hover{transform:rotateX(-90deg) translateZ(var(--half));background:linear-gradient(140deg,#655679,#23382f)}
.offered-title{font:400 29px/1.2 Georgia,serif;text-wrap:balance;color:#f4ead1}
.offered-invitation{font-size:13px;line-height:1.5;color:#f4ead1}
.offered-front:hover{border-color:#ffe3a7}
.offered-front:focus-visible{outline:3px solid #ffe4a0;outline-offset:5px}
.offered-front:disabled{cursor:default;pointer-events:none}
.ground-ring{width:230px;height:38px;bottom:5px;border:0;box-shadow:none;background:radial-gradient(ellipse,#0b101257,transparent 70%)}
.orb-hint{font-size:12px;color:#d5d7c5;line-height:1.7;margin:5px 0 10px}
.view-controls{margin-top:4px}
.wobble-garden .offered-front:active{animation:cube-wobble .65s ease-in-out both}
@keyframes cube-wobble{0%,100%{transform:translateZ(var(--half)) scale(1)}50%{transform:translateZ(var(--half)) scale(1.025,.975)}}
body.list-mode .stage{max-width:400px;margin:22px auto 12px;height:auto}
body.list-mode .cube-area{margin-top:0;transform:none}
body.list-mode .cube-position{width:100%;height:auto}
body.list-mode .offered-cube{height:auto;transform:none;transform-style:flat;display:grid;gap:10px}
body.list-mode .offered-face{touch-action:pan-y;position:relative;transform:none;min-height:110px;width:100%;padding:22px 20px;box-shadow:none}
body.list-mode .ground-ring{display:none}
body.list-mode .orb-hint{display:none}
body.list-mode .introduction{padding:0;text-align:center}
body.list-mode .intro-copy{margin:0 auto 12px}
@media(max-width:650px){:root{--size:170px;--half:85px}.offered-face{padding:17px;gap:10px}.offered-title{font-size:24px}.offered-invitation{font-size:12px}}
@media(forced-colors:active){.offered-face,.offered-face:hover{background:Canvas;color:ButtonText;border:2px solid ButtonText;box-shadow:none}.offered-title,.offered-invitation{color:ButtonText}.offered-face::before{border-color:ButtonText}.offered-front:focus-visible{outline-color:Highlight}}
@supports not (transform-style:preserve-3d){.offered-cube{transform:none}.offered-face{position:relative;transform:none}}

/* New pole faces use existing character art and a quiet future-space marker. */
#cube-help{gap:4px;padding:10px}.cube-math-art{width:112px;height:105px;object-fit:contain;pointer-events:none}
#cube-help .offered-title,#cube-discover .offered-title{font-size:23px}
#cube-discover{cursor:default;gap:10px;padding:16px}.coming-soon{font-weight:650;border:1px solid currentColor;border-radius:20px;padding:4px 12px}
.cube-discover-art{display:flex;align-items:flex-end;gap:7px;height:40px;pointer-events:none}
.cube-discover-art i{display:block;width:24px;height:24px;border:2px solid #eddfb5;background:#ad8363;border-radius:4px;transform:rotate(-12deg)}
.cube-discover-art i:nth-child(2){width:29px;height:29px;border-radius:50%;background:#7b9470;transform:none}
.cube-discover-art i:nth-child(3){height:35px;background:#9a83ac;transform:rotate(12deg)}
.cube-selectors small{display:block;font-size:10px;margin-top:2px}
body.list-mode #cube-help{padding:16px;gap:5px}body.list-mode #cube-discover{padding:22px}
@media(max-width:650px){.cube-math-art{width:92px;height:86px}#cube-help .offered-title,#cube-discover .offered-title{font-size:20px}#cube-help .offered-invitation{font-size:11px}#cube-discover{gap:7px;padding:12px}}
@media(forced-colors:active){.cube-discover-art i{background:Canvas;border-color:ButtonText}.offered-face:focus-visible{outline-color:Highlight}}