.bx-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;min-width:0}.bx-play{position:relative;overflow:hidden;border:1px solid #54716c66;border-radius:24px;background:#112a2b;min-width:0}.bx-heading,.bx-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:#102022cc;color:#bad2ca;font-size:11px}.bx-heading .eyebrow{color:#e0c28f;font-size:9px;letter-spacing:2px}.bx-level-tag{letter-spacing:1px;color:#b9cbbf;font-size:10px;white-space:nowrap}.bx-stage{position:relative;height:560px;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#365a51,#152e2d 52%,#0c1d20);touch-action:none;user-select:none;cursor:grab;isolation:isolate}.bx-stage::after{content:'';position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 100px #06191b44}.bx-render,.bx-render canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.bx-stage-label{position:absolute;left:22px;top:22px;pointer-events:none;display:grid;gap:8px;z-index:1}.bx-stage-label span{font-size:8px;letter-spacing:2px;color:#9fb7a9}.bx-stage-label strong{font-size:12px;font-weight:500;color:#ecd5ad}.bx-scene-tools{position:absolute;right:18px;top:18px;display:flex;gap:6px;z-index:2}.bx-scene-tools button{background:#142b2cdd;border:1px solid #69877c66;border-radius:10px;padding:10px;color:#c7dcd0;font:inherit;font-size:11px;cursor:pointer;min-height:36px}.bx-scene-tools button[aria-pressed=true]{background:#cbb17e;color:#17272a;border-color:#e6cb94}.bx-handle{position:absolute;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;border:1px solid #ffe4ac;background:#e6c68c;color:#243e38;font-size:23px;font-weight:500;box-shadow:0 4px 20px #0005;z-index:3;cursor:pointer}.bx-handle:hover{background:#ffe1a5;box-shadow:0 0 25px #e8c58455}.bx-handle:disabled{opacity:.4}.bx-gesture-note{position:absolute;bottom:20px;left:15px;right:15px;text-align:center;pointer-events:none;font-size:11px;line-height:1.6;color:#a9c2b8;z-index:1}.bx-dragging{cursor:grabbing}.bx-blocked{box-shadow:inset 0 0 0 2px #ed987b88}.bx-fallback{position:absolute;bottom:6px;right:12px;font-size:9px;color:#bdd1c6}.bx-console{border:1px solid #435b5666;border-radius:24px;background:linear-gradient(160deg,#1b302f,#121e25);padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}.bx-console>.eyebrow{color:#d6b87e;font-size:9px;letter-spacing:1.5px}.bx-console h2{font-size:22px;font-weight:500;margin:0;color:#f1e8d8}.bx-console>p{font-size:12px;line-height:1.65;color:#bdd1c6;margin:0}.bx-console h3{font-size:11px;margin:0;color:#d6e1d6;font-weight:500}.bx-progress{display:grid;gap:9px;padding:10px 0;color:#d5c69f;font-size:11px}.bx-progress progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#0c1c21}.bx-progress progress::-webkit-progress-bar{background:#0c1c21}.bx-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a9895b,#e5cf94)}.bx-pieces{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bx-piece{display:flex;align-items:center;gap:8px;border-radius:10px;background:#16282a;border:1px solid #56746b66;padding:10px;color:#cddacf;font-family:inherit;font-size:11px;cursor:pointer;min-height:44px}.bx-piece[aria-pressed=true]{border-color:#e6c98d;background:#3c4030;color:#ffe4b1}.bx-swatch{width:21px;height:25px;border-radius:4px;background:linear-gradient(100deg,#ffffff33,#0002),var(--wood);box-shadow:inset 0 1px 1px #fff5,0 3px 3px #0004;flex-shrink:0}.bx-piece.bx-removed{opacity:.35}.bx-piece.bx-removed .bx-swatch::after{content:'✓';display:grid;place-items:center;color:#fff}.bx-selection{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #78918530;padding-top:12px}.bx-selection strong{font-size:12px;color:#ecd5ad}.bx-selection span{font-size:9px;color:#9cb8ad}.bx-slide,.bx-history{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bx-console .button{font-size:11px;padding:11px 8px;min-height:42px}.bx-console .bx-message{min-height:42px;font-size:11px;color:#e5c997}.bx-hint-button{color:#f0d298!important;border-color:#96825688!important}.bx-hint{padding:12px;border:1px solid #b3955b66;border-radius:12px;background:#b4914520;font-size:12px;line-height:1.6}.bx-hint p{margin:0 0 10px}.bx-console small{font-size:10px;color:#a1bcb1}.bx-console .quiet-button{font-size:11px;align-self:flex-end}.bx-win{position:absolute;z-index:5;left:50%;bottom:80px;transform:translateX(-50%);width:min(460px,90%);padding:24px;text-align:center;background:#122825f5;border:1px solid #d7bb77;border-radius:18px;box-shadow:0 14px 60px #0008}.bx-win h2{font-size:26px;color:#f6dc9f;margin:9px 0}.bx-win .eyebrow{font-size:8px;color:#b6cfba;letter-spacing:2px}.bx-win p{font-size:12px;color:#bccfc1;margin-bottom:18px}.bx-win .primary{background:#e0c28a!important;color:#18382d!important}.bx-levels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bx-levels button{font-size:12px;text-align:left}.bx-levels button[aria-pressed=true]{border-color:#dac492}.bx-levels .bx-completed::after{content:' ✓';color:#a2d8b4}.bx-gallery p,.bx-options p{font-size:12px;line-height:1.7;color:#abc2b8}.bx-options label{display:flex;align-items:center;gap:10px;font-size:13px;margin:18px 0}.bx-help{width:min(650px,94vw);max-height:90dvh;overflow:auto}.bx-help .bx-demo-stage{height:330px;border-radius:16px}.bx-help ol{font-size:13px;line-height:1.7;padding-left:20px}.bx-help li{margin:8px 0}.bx-demo-actions{display:flex;gap:12px;flex-wrap:wrap}.bx-demo-message{font-size:12px;min-height:36px}.bx-help h2{margin:10px 0 18px}.bx-demo-stage .bx-stage-label{display:none}.bx-demo-stage .bx-gesture-note{font-size:9px}.bx-help .bx-handle{width:35px;height:35px}.bx-confirm{max-width:460px}.bx-confirm p{font-size:13px;line-height:1.7}.bx-confirm .dialog-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(min-width:1001px) and (min-height:600px){#game-container[data-session=caja] .bx-layout{height:max(470px,calc(100dvh - 185px))}.bx-play{display:flex;flex-direction:column}.bx-stage{height:0;flex:1}.bx-console{overflow:auto;min-height:0}}
@media(max-width:1000px){.bx-layout{grid-template-columns:1fr}.bx-stage{height:clamp(400px,70vw,620px)}.bx-console{padding:20px;gap:12px}.bx-console>.eyebrow{display:none}.bx-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}.bx-console .bx-message{min-height:0}.bx-heading,.bx-foot{padding:14px 18px}}
@media(max-width:520px){.bx-stage{height:400px}.bx-heading .eyebrow{font-size:7px;letter-spacing:1px}.bx-level-tag{font-size:8px}.bx-stage-label{top:68px;left:16px}.bx-scene-tools{left:14px;right:14px;top:14px;justify-content:center}.bx-scene-tools button{font-size:10px;padding:9px}.bx-foot{font-size:9px}.bx-foot>span:last-child{display:none}.bx-piece{font-size:10px;padding:8px;gap:6px}.bx-swatch{width:14px}.bx-levels{grid-template-columns:1fr}.bx-win{padding:18px}.bx-win h2{font-size:22px}.bx-help .bx-demo-stage{height:320px}}
body.minimalist-mode .bx-stage{height:100dvh!important;background:radial-gradient(ellipse at center,#365a51,#0c1d20 70%)}body.minimalist-mode .bx-stage-label{top:90px}body.minimalist-mode .bx-scene-tools{top:auto;bottom:70px;left:15px;right:15px;justify-content:center}body.minimalist-mode .bx-gesture-note{bottom:16px}