/* Extra adventures: quiet stages, tactile controls, and visible consequences. */
.xg{--xg-ink:#18345c;--xg-color:#70bfca;color:var(--xg-ink);max-width:1040px;margin:auto}.xg-header{display:flex;align-items:center;gap:20px;margin:0 0 22px;text-align:left}.xg-header img{width:100px;height:100px;object-fit:contain;flex:0 0 auto}.xg-header .p-game-prompt{font-size:clamp(1.35rem,3vw,2.1rem);margin:0 0 8px;line-height:1.4}.xg-description{margin:0;line-height:1.8;font-size:1rem}.xg-stage{background:#fffdf3;border:2px solid #c8dcda;border-radius:28px;padding:24px;box-shadow:0 8px 0 #d7e9e5}.xg-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0}.xg-button{min-height:52px;padding:12px 19px;border:2px solid #18345c;border-radius:17px;background:#fff;color:#18345c;font-weight:800;font:inherit;cursor:pointer;box-shadow:0 4px 0 #d4dfdf}.xg button:focus-visible{outline:4px solid #a24775;outline-offset:4px}.xg-button[aria-pressed=true]{background:#fff0ac;box-shadow:inset 0 0 0 2px #18345c}.xg-primary{background:#ffe68b}.xg button:disabled{opacity:.55;cursor:default}.xg [hidden]{display:none!important}.xg-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}.xg-badge{padding:7px 14px;background:#e4f1ed;border-radius:99px;font-weight:750;font-size:.9rem}.xg-hint{min-height:3em;margin:22px auto 0;text-align:center;font-weight:800;line-height:1.7}.xg-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;min-height:110px;padding:16px;border-radius:20px;background:#f5e8cd;border-bottom:8px solid #ceb99b}.xg-item{padding:10px 5px;border:2px solid transparent;border-radius:16px;background:#fffdf5;cursor:pointer;font:inherit;color:inherit;min-height:100px}.xg-item[aria-pressed=true]{border-color:#18345c;background:#fff0ac;transform:translateY(-5px)}.xg-item svg{display:block;width:100%;height:80px}.xg-item span{display:block;font-weight:800;font-size:.9rem}.xg-baskets{display:flex;gap:18px;justify-content:center;margin-top:28px}.xg-basket{flex:1;min-width:0;max-width:340px;min-height:160px;padding:16px 10px;background:#fff7d9;border:3px solid #b89969;border-top:9px solid #b89969;border-radius:12px 12px 35px 35px;cursor:pointer;font:inherit;color:#18345c}.xg-basket strong{font-size:1.1rem}.xg-basket-content{display:flex;justify-content:center;flex-wrap:wrap;min-height:80px}.xg-basket-content svg{width:60px;height:65px}.xg-basket small{display:block}.xg-red{border-color:#d98d98;background:#ffe8ec}.xg-orange{border-color:#d6a66b;background:#fff0dc}.xg-green{border-color:#91aa75;background:#eff5dc}.xg-drawing-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}.xg-trace{position:relative;width:min(100%,500px);aspect-ratio:1;margin:15px auto;border:2px dashed #d5cabb;border-radius:24px;background:radial-gradient(#e0e7dc 1px,transparent 1px) 0 0/22px 22px;touch-action:none}.xg-trace>svg{width:100%;height:100%;pointer-events:none}.xg-trace-guide{fill:none;stroke:#d6ded6;stroke-width:2;stroke-dasharray:2 4;stroke-linecap:round}.xg-trace-dot{position:absolute;transform:translate(-50%,-50%);width:49px;height:49px;border:3px solid #8092a6;border-radius:50%;background:#fff;font-size:1rem;font-weight:800;color:#18345c;cursor:pointer}.xg-next{background:#ffe17a;border-color:#18345c;box-shadow:0 0 0 6px #ffe17a55;animation:xg-breathe 1.4s ease-in-out infinite}.xg-swatch{border-bottom:8px solid var(--xg-color)}.xg-pads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:660px;margin:28px auto}.xg-pad{background:#fff;border:3px solid #18345c;border-radius:28px;padding:16px;min-height:145px;box-shadow:0 9px 0 var(--xg-color);cursor:pointer;font:inherit;font-weight:800;color:#18345c;transition:transform .15s,background .15s}.xg-pad svg{display:block;width:100%;max-height:105px}.xg-pad:active,.xg-pad.xg-lit{transform:translateY(6px);background:#fff0b7;box-shadow:0 3px 0 var(--xg-color)}.xg-track{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:18px;background:#edf2eb;border-radius:18px;min-height:65px}.xg-note{width:48px;height:48px;border-radius:12px;background:#fff;border:2px solid transparent}.xg-note svg{width:100%;height:100%}.xg-note-done{border-color:#18345c;background:#fff0b7}@keyframes xg-breathe{50%{box-shadow:0 0 0 10px #ffe17a22}}@media(max-width:600px){.xg-header{gap:10px}.xg-header img{width:70px;height:85px}.xg-stage{padding:16px 10px;border-radius:20px}.xg-shelf{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:8px}.xg-item svg{height:62px}.xg-baskets{gap:8px}.xg-basket{padding:12px 5px;min-height:150px}.xg-basket-content svg{width:40px;height:49px}.xg-basket strong{font-size:.95rem}.xg-pads{gap:9px}.xg-pad{padding:8px;min-height:112px;border-radius:20px}.xg-pad svg{height:75px}.xg-tools{gap:9px}.xg-button{font-size:.9rem;padding:10px 13px}.xg-trace-dot{width:48px;height:48px}.xg-description{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.xg *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.xg-theme-label{text-align:center;font-weight:800;letter-spacing:.05em}.xg[data-theme=ocean] .xg-stage{background:#f0fbfb;border-color:#86c3cf}.xg[data-theme=space] .xg-stage{background:#f3effb;border-color:#b4a2d1}.xg[data-theme=town] .xg-stage{background:#fff3e6;border-color:#d6b28c}

.xg-mascot{display:block;width:100px;height:100px;overflow:hidden;flex:0 0 auto}.xg-header .xg-mascot img{display:block;width:200%;height:100%;max-width:none;object-fit:contain}@media(max-width:600px){.xg-mascot{width:70px;height:85px}}