.puzzle-studio{height:100%;overflow:auto;position:relative;padding:24px;background:radial-gradient(ellipse at 15% 5%,#fff5d9,transparent 45%),linear-gradient(140deg,#e4f0ed,#ece5f4);color:#294d52;text-align:center}.studio-sky{position:absolute;inset:0;pointer-events:none;color:#d0ae63;font-size:48px;opacity:.35;display:flex;justify-content:space-around;align-items:center}.studio-heading,.studio-board,.studio-footer{position:relative}.studio-heading h2{font-size:clamp(23px,3vw,35px);margin:5px}.studio-heading p{margin:8px}.studio-board{display:grid;gap:12px;max-width:600px;margin:20px auto;grid-template-columns:repeat(4,minmax(0,1fr))}.studio-cell{min-height:78px;border:2px solid #fff9ee;border-radius:18px;background:linear-gradient(145deg,#fffbef,#e5d8ec);box-shadow:0 6px 0 #b9bec9,0 10px 18px #2e425014;color:#2e5056;cursor:pointer;font:800 28px Nunito,sans-serif;transition:transform .15s,background .15s}.studio-cell:hover{transform:translateY(-3px)}.studio-cell:focus-visible{outline:3px solid #427f94;outline-offset:3px}.studio-cell.revealed{background:#fff6dc}.studio-cell.matched{background:#c4dfcc;box-shadow:0 3px 0 #9fbdab}.studio-cell.lit{background:radial-gradient(circle at 35% 30%,#fff9cd,#efc06e);box-shadow:0 5px 0 #c69c64,0 0 24px #f4d391}.studio-cell small{display:block;font-size:12px}.studio-footer{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.studio-board[data-layout=routes]{grid-template-columns:repeat(5,minmax(0,1fr));max-width:460px}.studio-board[data-layout=sequence]{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.studio-board[data-layout=sequence] .studio-cell{font-size:20px;min-height:94px}@media(max-width:480px){.puzzle-studio{padding:14px 10px}.studio-board{gap:8px;margin:14px auto}.studio-cell{min-height:58px;font-size:23px;border-radius:12px}.studio-heading p{font-size:13px}.studio-board[data-layout=sequence] .studio-cell{font-size:16px}}@media(prefers-reduced-motion:reduce){.studio-cell{transition:none}}.reduce-motion .studio-cell{transition:none}

.puzzle-studio{background:linear-gradient(140deg,#e4f0ede8,#ece5f4e8),var(--studio-scene);background-size:cover;background-position:center}

.river-piece{position:relative;padding:0;min-height:78px;overflow:hidden;background:#c8dfbf}.river-piece svg{width:100%;height:75px;display:block}.river-piece small{position:absolute;bottom:2px;left:0;right:0;background:#fdf4d5c9;color:#315357;font-size:10px;min-height:14px}.river-piece.matched{background:#f2d792}.river-piece.matched svg path{stroke:#36879f}@media(max-width:480px){.river-piece{min-height:55px}.river-piece svg{height:55px}.river-piece small{font-size:8px}}
.memory-garden-scene{position:relative;max-width:650px;margin:8px auto;background:#f5edda;border-radius:20px;border:1px solid #e2d3b1}.memory-garden-scene svg{width:100%;height:125px;display:block}.memory-garden-scene p{font-size:12px;margin:0;padding-bottom:8px;font-weight:800}.memory-garden-scene[hidden]{display:none}.puzzle-studio[data-puzzle=memory_garden] .studio-cell{padding:6px}.puzzle-studio[data-puzzle=memory_garden] .studio-cell img{height:52px;width:56px;object-fit:contain;display:block;margin:auto}.puzzle-studio[data-puzzle=memory_garden] .studio-cell strong{font-size:14px;display:block;overflow-wrap:anywhere}.puzzle-studio[data-puzzle=memory_garden] .studio-cell small{font-size:9px}.puzzle-studio[data-garden-round="1"] .studio-board{grid-template-columns:repeat(6,minmax(0,1fr));max-width:650px}@media(max-width:550px){.puzzle-studio[data-garden-round="1"] .studio-board{grid-template-columns:repeat(4,minmax(0,1fr))}.memory-garden-scene svg{height:95px}.puzzle-studio[data-puzzle=memory_garden] .studio-cell img{height:40px;width:44px}.puzzle-studio[data-puzzle=memory_garden] .studio-cell strong{font-size:10px}}
.constellation-map{position:relative;max-width:600px;margin:8px auto;border-radius:18px;background:#254a60d9;border:1px solid #a7bbae;color:#f0e1bb}.constellation-map[hidden]{display:none}.constellation-map svg{display:block;width:100%;height:105px}.constellation-map p{font-size:12px;font-weight:800;margin:0;padding:0 10px 10px}.puzzle-studio[data-puzzle=star_switch]{background:linear-gradient(140deg,#20455ccb,#415f72dc),var(--studio-scene);background-size:cover;color:#f6e8c5}.puzzle-studio[data-puzzle=star_switch] .studio-cell{background:#587b8c;color:#ccdfd0;box-shadow:0 5px 0 #315667;border-color:#9cb5ae}.puzzle-studio[data-puzzle=star_switch] .studio-cell.lit{background:radial-gradient(circle at 35% 30%,#fff9d9,#e5c68a);color:#6b806f;box-shadow:0 5px 0 #a39876,0 0 17px #e6d39933}
/* Let complete DOM puzzle boards and their controls remain in the page flow. */
.arcade-canvas-stage:has(.puzzle-studio){height:auto;min-height:540px}.game-world:has(.puzzle-studio){height:auto}.puzzle-studio{height:auto;min-height:540px;overflow:visible}.game-cabinet:fullscreen .arcade-canvas-stage:has(.puzzle-studio){overflow:auto}@media(max-width:550px){.arcade-canvas-stage:has(.puzzle-studio),.puzzle-studio{min-height:480px}}
.puzzle-studio[data-puzzle=star_switch] .studio-heading .eyebrow{color:#e5d8ad}.puzzle-studio[data-puzzle=star_switch] .studio-footer .quiet-button,.puzzle-studio[data-puzzle=memory_garden] .studio-footer .quiet-button{background:#f5ecd5;color:#31555e;border-color:#ded2b2}.puzzle-studio[data-puzzle=memory_garden]{background:linear-gradient(140deg,#e4f0edb8,#ece5f4c4),var(--studio-scene);background-size:cover;background-position:center}
.nature-scene{position:relative;max-width:760px;margin:14px auto 0;background:#f5eddbc9;border:1px solid #dfd2b2;border-radius:22px;overflow:hidden}.nature-scene svg{display:block;width:100%;height:auto}.nature-stats{position:relative;font-size:13px;font-weight:800;color:#31575a}.nature-experiments .studio-board{display:flex;max-width:760px;flex-wrap:wrap;justify-content:center;gap:10px}.nature-experiments .studio-board button{min-height:48px;background:#fff3dc;color:#355b5b}.nature-experiments{background:linear-gradient(140deg,#e4f0edbb,#ece5f4b0),var(--studio-scene);background-size:cover}

.river-expedition-scene svg{display:block;width:100%;max-height:145px}.river-expedition-scene p{color:#234e54;text-align:center;font-weight:700}