:root{--parchment: #f6eeda;--parchment-deep: #eadfc4;--ink: #2b2119;--ink-soft: #6b5b48;--forest: #2c4038;--forest-light: #47604f;--red: #b83b2e;--gold: #e4b363;--shadow: 0 18px 40px rgba(20, 14, 8, .28);--radius: 16px;color-scheme:light;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--forest);overflow:hidden}button{font:inherit}.button{border:2px solid rgba(43,33,25,.18);background:var(--parchment);color:var(--ink);padding:.5rem 1rem;border-radius:999px;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.button:hover:not(:disabled){transform:translateY(-1px);background:#fff8e9}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--red);border-color:var(--red);color:#fff5e8}.button--primary:hover:not(:disabled){background:#cc4436}.button--ghost{background:transparent;color:var(--parchment);border-color:#f6eeda66}.button--small{padding:.35rem .8rem;font-size:.85rem}.button--on{background:var(--forest-light);border-color:var(--forest-light);color:#f3f7ef}.icon-button{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--ink-soft);padding:.25rem .5rem;border-radius:8px}.icon-button:hover{background:#2b211914}.maps{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.75rem;padding:2rem 1.5rem 2.75rem;overflow-y:auto;background-color:#ffd94f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23p)' opacity='0.3'/%3E%3C/svg%3E"),radial-gradient(circle at 50% 4%,#fff6c9,#fff6c900 58%),linear-gradient(180deg,#ffe793,#ffd23f);background-size:180px 180px,auto,auto}.maps__head{position:relative;text-align:center;color:var(--ink);max-width:36rem}.maps__rainbow{display:block;width:clamp(10rem,26vw,15rem);margin:0 auto -.6rem;overflow:visible}.maps__head h1{font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,3.6rem);margin:0 0 .6rem}.maps__head h1 span{text-shadow:2px 2px 0 rgba(43,33,25,.22)}.maps__head p{margin:0;color:#6a4f21;font-size:1.05rem}.maps__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;width:min(100%,60rem)}.map-card{--crayon: #d8432e;position:relative;display:flex;flex-direction:column;gap:.55rem;padding:.7rem .7rem .9rem;border:3px solid var(--crayon);border-radius:255px 16px 235px 14px/14px 225px 18px 255px;background:#fffdf2;box-shadow:0 10px 22px #78540a2e;cursor:pointer;text-align:left;font:inherit;color:var(--ink);transition:transform .15s ease}.map-card:after{content:"";position:absolute;inset:-7px -4px -3px -8px;border:2px solid var(--crayon);border-radius:18px 245px 14px 230px/240px 16px 250px 15px;opacity:.4;pointer-events:none}.maps__grid>:nth-child(odd){transform:rotate(-1.1deg)}.maps__grid>:nth-child(2n){transform:rotate(.9deg)}.map-card:not(.map-card--locked):hover,.map-card:not(.map-card--locked):focus-visible{transform:rotate(0) translateY(-5px)}.map-card--picked{background:#fff7d8}.map-card--picked:after{opacity:.85}.map-card--locked{--crayon: #b3a88d;opacity:.6;cursor:default}.map-card__art{position:relative;display:block;height:120px;border:2px solid rgba(43,33,25,.3);border-radius:16px 190px 14px 200px/180px 12px 195px 15px}.map-card__art--forest-path{background:radial-gradient(circle at 80% 20%,#ffd233 0 13%,transparent 14%),linear-gradient(196deg,transparent 47%,#ecd9a4 47% 55%,transparent 55%),linear-gradient(180deg,#b9e6f4,#d8f0cf 54%,#86c26a)}.map-card__art--castle-courtyard{background:radial-gradient(circle at 78% 18%,#fff3c4 0 12%,transparent 13%),linear-gradient(180deg,transparent 55%,#b3a88f 55% 68%,transparent 68%),linear-gradient(180deg,#c7d3e2,#e9ddc4 58%,#a89e88)}.map-card__art--castle-scullery{background:radial-gradient(circle at 72% 24%,#ffd98a 0 10%,transparent 11%),linear-gradient(180deg,#454b57,#3a3f4a 55%,#2e323a)}.map-card__art--locked{background:linear-gradient(170deg,#ded6c2,#b6ab90)}.map-card__mark{position:absolute;right:.4rem;bottom:.4rem;width:2.1rem;height:2.1rem;filter:drop-shadow(0 2px 3px rgba(43,33,25,.35))}.map-card__body{display:flex;flex-direction:column;gap:.3rem;padding:0 .3rem}.map-card__body strong{font-family:Georgia,serif;font-size:1.15rem;color:var(--crayon)}.map-card__body span{color:var(--ink-soft);font-size:.9rem}.role-picker{width:min(100%,60rem);color:var(--ink)}.role-picker h2{margin:0 0 .85rem;font-family:Georgia,serif;font-size:1.4rem;text-align:center}.role-picker__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.role-option{--crayon: #2a74b8;position:relative;display:flex;flex-direction:column;gap:.35rem;min-height:5.5rem;padding:.9rem 1rem;border:3px solid var(--crayon);border-radius:235px 15px 250px 16px/16px 245px 14px 235px;background:#fffdf2;color:var(--ink);text-align:left;cursor:pointer;font:inherit;transition:transform .15s ease}.role-option:after{content:"";position:absolute;inset:-6px -3px -4px -7px;border:2px solid var(--crayon);border-radius:14px 240px 18px 250px/235px 15px 245px 16px;opacity:.38;pointer-events:none}.role-option:hover,.role-option:focus-visible{transform:translateY(-4px) rotate(-1deg)}.role-option strong{color:var(--crayon)}.role-option span{font-size:.85rem;color:var(--ink-soft)}.maps__resume{border:3px solid #8b4fc0;border-radius:200px 14px 210px 15px/15px 205px 13px 200px;background:#fffdf2;color:#6b3a96;padding:.6rem 1.4rem}.maps__resume:hover:not(:disabled){background:#fff7d8}@media(prefers-reduced-motion:reduce){.map-card,.role-option{transition:none}}.play{display:grid;grid-template-columns:1fr clamp(20rem,30vw,27rem);height:100%;overflow:hidden}.play__stage{position:relative;overflow:hidden;min-width:0}.play__world{position:absolute;inset:0;overflow:hidden;transition:right .55s ease}.play__world--shop{right:62%;overflow-x:auto;overflow-y:hidden;scrollbar-color:#9a795b #f4e7cb;scrollbar-width:auto}.play__world-content{position:relative;width:100%;height:100%}.play__world--shop .play__world-content{width:263.1579%}.stage{position:absolute;inset:0;z-index:1}.stage-generated-map{position:absolute;inset:0;pointer-events:none}.stage-generated-map svg{width:100%;height:100%}.stage-generated-image{width:100%;height:100%;object-fit:cover;display:block}.prebuilt-art{display:block;width:100%;height:100%}.prebuilt-art--steelhacks{object-fit:cover;object-position:center}.prebuilt-controls{position:absolute;inset:0;pointer-events:none;z-index:2}.prebuilt-exit{position:absolute;pointer-events:auto;cursor:pointer}.prebuilt-prop-container{position:absolute;width:clamp(4.5rem,8vw,6.25rem);height:clamp(4.5rem,8vw,6.25rem);pointer-events:none;transform-origin:center}.prebuilt-prop{display:grid;place-items:center;width:100%;height:100%;padding:0;border:2px solid transparent;background:none;filter:drop-shadow(0 5px 4px #162d3470);touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:grab}.prebuilt-prop svg{display:block;width:100%;height:100%}.prebuilt-prop:active{cursor:grabbing}.prebuilt-prop-container--selected .prebuilt-prop{border-color:#fff8e9;box-shadow:0 0 0 2px #314f45,0 3px 12px #162d3470;filter:drop-shadow(0 5px 4px #162d3470)}.prebuilt-resize-handle{position:absolute;right:-10px;bottom:-10px;z-index:2;width:22px;height:22px;padding:0;border:2px solid #fff8e9;border-radius:4px;background:#314f45;box-shadow:0 2px 7px #162d3470;cursor:nwse-resize;pointer-events:auto;touch-action:none}.prebuilt-resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid #fff8e9;border-bottom:2px solid #fff8e9}.prebuilt-editor{position:absolute;z-index:5;display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem;width:max-content;max-width:min(15rem,calc(100% - 1rem));padding:.35rem;border:1px solid #7f735f;border-radius:.75rem;background:#fff8e9;box-shadow:0 5px 15px #162d3470;color:#2b2119;pointer-events:auto}.prebuilt-editor__label{min-width:0;overflow-wrap:anywhere;font-size:.75rem;font-weight:700}.prebuilt-editor button{min-width:2rem;min-height:2rem;padding:.2rem .45rem;border:1px solid #a89a83;border-radius:.45rem;background:#fff;color:inherit;font:inherit;cursor:pointer}.prebuilt-editor button:disabled{opacity:.45;cursor:default}.prebuilt-editor .prebuilt-editor__delete{display:grid;place-items:center;flex:none;color:#8d352e;border-color:#c9a39b}.prebuilt-editor__delete svg{display:block;width:1.1rem;height:1.1rem}.prebuilt-exit{border:2px solid #fff5dc;border-radius:50%;background:#fffaebe6;box-shadow:0 4px 12px #162d3455}.prebuilt-exit{right:5%;top:12%;min-height:2.8rem;padding:.45rem .8rem;border-radius:999px;font-family:inherit;font-size:.85rem;font-weight:700}.prebuilt-prop:hover,.prebuilt-prop:focus-visible{filter:drop-shadow(0 0 7px #fff8cd) drop-shadow(0 5px 4px #162d3470);outline:3px solid #314f45}.prebuilt-exit:hover,.prebuilt-exit:focus-visible{transform:scale(1.12);outline:3px solid #314f45}.map-grid{position:absolute;z-index:2;inset:12% 8% 15%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:2px}.map-tile{border:1px solid rgba(255,255,255,.18);border-radius:12px;opacity:.38}.map-tile--grass{background:#6e9c63}.map-tile--path{background:#d7bd83}.map-tile--water{background:#65a8b3}.map-tile--stone{background:#a7a7a0}.map-tile--flowers{background:#9abe70;box-shadow:inset 0 0 0 7px #f6be8759}.map-tile--cloud,.map-tile--cloudpath{background:#fff;border-radius:48%;opacity:.48}.map-tile--cloudpath{box-shadow:0 8px 18px #e4f4ff80;opacity:.68}.map-tile--air{background:transparent;border:0}.map-grid--sky .map-tile{border-color:transparent}.map-grid--illustrated .map-tile{opacity:0}.map-object,.map-exit,.map-spawn{z-index:1;place-self:center}.map-object,.map-exit{pointer-events:auto;border:2px solid #fff8e9;border-radius:999px;width:3rem;height:3rem;background:#fff8e9;box-shadow:0 3px 10px #233b33a8;font-size:1.4rem;cursor:pointer}.map-object:hover,.map-exit:hover,.map-object:focus-visible,.map-exit:focus-visible{transform:scale(1.12);outline:3px solid #314f45}.map-spawn{color:#fff8e9;text-shadow:0 1px 5px #142a25;font-size:1.5rem}.stage canvas{display:block;touch-action:none;cursor:grab}.stage canvas{transition:opacity .25s ease-in-out}@media(prefers-reduced-motion:reduce){.stage canvas{transition:none}}.imagine-form{display:grid;gap:.55rem;padding:1rem;border-top:1px solid rgba(43,33,25,.16)}.imagine-form label{font-weight:700}.imagine-form textarea{width:100%;resize:vertical;border:1px solid rgba(43,33,25,.3);border-radius:10px;padding:.65rem;font:inherit;background:#fffaf0;color:var(--ink)}.imagine-form__notice{margin:0;font-size:.85rem;color:var(--ink-soft)}.listen-control{margin:.6rem 0 .9rem}.listen-control__speaker{margin-left:.65rem;font-size:.82rem;color:var(--ink-soft)}.listen-control__error{margin:.4rem 0 0;color:var(--red);font-size:.85rem}.dialogue__listen{padding:0 1rem}.stage-hint{position:absolute;bottom:.75rem;left:.75rem;z-index:2;margin:0;padding:.4rem .65rem;border-radius:999px;background:#14221cb8;color:#fffaf0;font-size:.75rem;pointer-events:none}.scenery-layer{position:absolute;inset:0;z-index:3;pointer-events:none;perspective:850px;overflow:hidden}.scenery-cloud{position:absolute;top:16%;left:46%;font-size:clamp(3.5rem,7vw,7rem);opacity:.68;filter:drop-shadow(0 14px 12px #233b3344);transform:translate3d(calc(var(--pointer-x, 0) * -18px),calc(var(--pointer-y, 0) * -8px),-80px);transition:transform .18s ease-out}.scenery-prop{position:absolute;display:grid;place-items:center;width:clamp(5rem,10vw,9rem);height:clamp(6rem,12vw,10rem);padding:0;border:0;background:transparent;font-size:clamp(4rem,8vw,8rem);line-height:1;cursor:grab;touch-action:none;pointer-events:auto;filter:drop-shadow(0 18px 7px #12291d99);transform:translate3d(calc(var(--pointer-x, 0) * -30px),calc(var(--pointer-y, 0) * -14px),35px) rotateY(calc(var(--pointer-x, 0) * 10deg));transition:transform .18s ease-out,filter .18s ease-out}.scenery-prop--0{left:13%;top:46%}.scenery-prop--1{right:13%;bottom:17%;width:clamp(4.5rem,8vw,7rem);height:clamp(4.5rem,8vw,7rem);font-size:clamp(4rem,7vw,7rem)}.scenery-prop:hover,.scenery-prop:focus-visible{transform:translate3d(calc(var(--pointer-x, 0) * -38px),calc(var(--pointer-y, 0) * -18px - 8px),55px) rotateY(12deg) rotate(-7deg);filter:drop-shadow(0 24px 10px #12291dbb);outline:none}.scenery-prop:focus-visible{border-radius:40%;box-shadow:0 0 0 3px #fffaf0}.scenery-prop:active{cursor:grabbing}.scenery-prop__secret{position:absolute;right:14%;top:30%;color:#ffe392;font-size:1.2rem;opacity:0;text-shadow:0 0 5px #7d511e;transform:scale(.4);transition:opacity .18s ease,transform .18s ease}.scenery-prop:hover .scenery-prop__secret,.scenery-prop:focus-visible .scenery-prop__secret{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.scenery-cloud,.scenery-prop,.scenery-prop__secret{transition:none}}.coin-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 1rem;background:#fff3c9}.coin-bar__actions{display:flex;gap:.35rem}.coin-balance{color:#5e3e13;font-weight:800}.placed-decorations{position:absolute;inset:0;z-index:5;pointer-events:none}.character-name-tags{position:absolute;inset:0;z-index:6;pointer-events:none}.character-name-tag{position:absolute;transform:translate(-50%,2px);max-width:9rem;padding:.25rem .65rem;border:1px solid #846d48;border-radius:999px;background:#fff4d5;color:#2b2119;box-shadow:0 2px 5px #162d3470;font:700 .9rem Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.character-name-tag:active{cursor:grabbing}.character-name-tag:focus-visible{outline:3px solid #315a46}.placed-decoration{position:absolute;width:4.5rem;height:4.5rem;display:grid;place-items:center;font-size:3.5rem;line-height:1;cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 5px #10291d88)}.placed-decoration:active{cursor:grabbing}.placed-decoration--selected{border:2px solid #fff8e9;border-radius:10px;box-shadow:0 0 0 2px #314f45,0 3px 12px #162d3470}.placed-decoration:focus-visible{outline:3px solid #fff8e9}.placed-decoration--animated span{animation:shop-float 2.8s ease-in-out infinite alternate}.placed-decoration__remove{position:absolute;right:-.3rem;top:-.3rem;width:1.5rem;height:1.5rem;padding:0;border:1px solid #74665a;border-radius:50%;background:#fffaf0;color:#4b3329;font-size:1.15rem;cursor:pointer;opacity:0}.placed-decoration__resize{position:absolute;right:-.65rem;bottom:-.65rem;width:1.45rem;height:1.45rem;padding:0;border:2px solid #fff8e9;border-radius:4px;background:#314f45;box-shadow:0 2px 7px #162d3470;cursor:nwse-resize;touch-action:none}.placed-decoration__resize:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid #fff8e9;border-bottom:2px solid #fff8e9}.placed-decoration--selected .placed-decoration__remove{opacity:1}@media(hover:none){.placed-decoration__remove{opacity:1}}@keyframes shop-float{to{transform:translateY(-10px) rotate(6deg);filter:drop-shadow(0 0 9px #ffe392)}}@media(prefers-reduced-motion:reduce){.placed-decoration--animated span{animation:none}}.store-panel,.inventory-panel{flex:1;min-height:0;display:flex;flex-direction:column}.inventory-panel__tabs{display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem 1rem}.store-panel__head{display:flex;justify-content:space-between;gap:.5rem;padding:.9rem 1rem;background:var(--parchment-deep)}.store-panel__head h2{margin:0;font:700 1.25rem Georgia,serif}.store-panel__head p{margin:.2rem 0 0;color:var(--ink-soft);font-size:.85rem}.store-panel__balance{margin:0;padding:.6rem 1rem;background:#fff3c9;color:#5e3e13;font-weight:800}.store-panel__scroll{min-height:0;overflow-y:auto;padding:.3rem 1rem 1rem}.store-panel__scroll h3{margin:.9rem 0 .4rem;font:700 1.05rem Georgia,serif}.store-panel__hint{margin:0 0 .6rem;color:var(--ink-soft);font-size:.82rem}.store-panel__items{display:grid;gap:.5rem}.store-item{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.5rem;border:1px solid rgba(43,33,25,.17);border-radius:10px;background:#fffaf0}.store-item__symbol{font-size:1.8rem;text-align:center}.store-item strong,.store-item small{display:block}.store-item small{margin-top:.1rem;color:var(--ink-soft);font-size:.72rem}.store-item .button{padding:.35rem .6rem}.store-panel__picker{display:flex;align-items:center;gap:.5rem;margin:.55rem 0;font-weight:700}.store-panel__picker select{flex:1;min-width:0;padding:.4rem;border:1px solid #aa9d8b;border-radius:8px;background:#fffaf0;font:inherit}.store-panel__notice{padding:.65rem;border-radius:8px;background:#e5eddd}.store-panel__fit{display:grid;gap:.5rem;margin-top:.8rem;padding:.75rem;border:1px solid #a5b89e;border-radius:12px;background:#eff2e7}.store-panel__fit p{margin:0;font-size:.8rem;color:var(--ink-soft)}.store-panel__fit label{display:grid;gap:.2rem;font-size:.82rem;font-weight:700}.store-panel__fit input{width:100%;accent-color:var(--forest-light)}.store-panel__fit .button{justify-self:start}.store-panel__fit+.store-panel__items{margin-top:1.4rem}.store-panel__rooms{display:grid;gap:.9rem;padding:.9rem 0}.store-panel__rooms button{display:grid;gap:.3rem;width:100%;padding:1rem;border:2px solid #bda783;border-radius:16px;background:#fffaf0;color:var(--ink);text-align:left;font:inherit;cursor:pointer;box-shadow:0 5px #cab99b}.store-panel__rooms button:hover,.store-panel__rooms button:focus-visible{border-color:var(--forest-light);transform:translateY(-2px)}.store-panel__rooms span{font-size:2rem}.store-panel__rooms strong{font:700 1.2rem Georgia,serif}.store-panel__rooms small{color:var(--ink-soft)}.store-panel__preview{position:relative;width:100%;height:210px;margin-bottom:.7rem;overflow:hidden;border:2px solid #bda783;border-radius:12px;background:#d9c6a5}.shop-transition{flex:1;display:grid;place-items:center;padding:1rem;color:var(--ink-soft);font:italic 1.2rem Georgia,serif;text-align:center}.shop-stage{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none}.shop-stage__entrance{position:absolute;left:50%;bottom:9%;width:min(37%,17rem);min-width:8rem;transform:translate(-50%);filter:drop-shadow(0 14px 15px #251a1366);transition:opacity .35s ease,transform .6s ease}.shop-stage__entrance svg{display:block;width:100%;height:auto}.shop-stage__door{transform-origin:193px 248px;animation:shop-door .85s ease-in .15s both}.shop-stage__visitor{position:absolute;bottom:0;left:-60%;padding:.55rem;border-radius:50%;background:#547c91;color:#fffaf0;font-size:.8rem;font-weight:800;animation:shop-visitor-walk .9s ease-in forwards}.shop-stage__interior{position:absolute;top:0;right:0;bottom:0;width:62%;display:grid;place-items:center;overflow:hidden;border-left:3px solid #744f38;background:#d6b98d;opacity:0;transform:scale(1.12);transition:opacity .55s ease,transform .55s ease;pointer-events:none}.shop-stage__scene{position:relative;width:min(100%,150vh);aspect-ratio:3 / 2;max-height:100%}.shop-stage__interior svg{display:block;width:100%;height:100%}.shop-stage__sign{position:absolute;top:22%;z-index:3;width:27%;min-height:2.5rem;padding:.3rem;border:2px solid #6d513f;border-radius:8px;background:#fff0bf;color:#52392d;box-shadow:0 4px #8d684b;font:bold clamp(.7rem,1.2vw,1rem) Georgia,serif;cursor:pointer;pointer-events:auto}.shop-stage__sign--map{left:7%}.shop-stage__sign--character{right:7%}.shop-stage__sign:hover,.shop-stage__sign:focus-visible,.shop-stage__sign--selected{background:#fff9df;border-color:#315a46;transform:translateY(-2px)}.shop-stage__avatar{position:absolute;inset:0;z-index:2;pointer-events:none}.shop-stage__player-name{position:absolute;left:50%;top:88%;z-index:3;transform:translate(-50%,2px);padding:.25rem .65rem;border:1px solid #846d48;border-radius:999px;background:#fff4d5;color:#2b2119;font:700 .9rem Georgia,serif;white-space:nowrap}.shop-stage--open .shop-stage__entrance{opacity:0;transform:translate(-50%) scale(2.2)}.shop-stage--open .shop-stage__interior{opacity:1;transform:scale(1);pointer-events:auto}.shop-stage--leaving .shop-stage__interior{opacity:0;transform:scale(1.12)}@keyframes shop-door{to{transform:perspective(280px) rotateY(-68deg)}}@keyframes shop-visitor-walk{to{left:45%;bottom:10%;opacity:0;transform:scale(.55)}}@media(prefers-reduced-motion:reduce){.play__world,.shop-stage__entrance,.shop-stage__interior{transition:none}.shop-stage__door,.shop-stage__visitor{animation:none}}.treasure-message{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0;padding:.55rem 1rem;background:#e5eddd;font-weight:700}.map-speech{position:absolute;z-index:2;box-sizing:border-box;padding:9px 12px;border:1px solid rgba(43,33,25,.72);border-radius:14px;background:#fffaf0d1;color:var(--ink);box-shadow:0 4px 12px #140e0824;transform:translate(-50%,-100%);pointer-events:auto;font-size:15px;line-height:1.35}.map-speech:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;border-right:1px solid rgba(43,33,25,.72);border-bottom:1px solid rgba(43,33,25,.72);background:#fffaf0d1;transform:translate(-50%) rotate(45deg)}.map-speech__speaker{display:block;margin-bottom:3px;font-size:13px}.map-speech__text{display:block;overflow-y:auto;overflow-wrap:anywhere}.map-speech--player{background:#e1f1e9db;border-color:#2c4038bf}.map-speech--player:after{background:#e1f1e9db;border-color:#2c4038bf}.play__rail{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--parchment);border-left:3px solid rgba(43,33,25,.16);overflow:hidden}.rail-nav{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:2px solid rgba(43,33,25,.12);background:var(--parchment-deep)}.topbar{position:absolute;top:0;left:0;right:0;padding:1rem 1.25rem 2rem;background:linear-gradient(rgba(20,14,8,.6),transparent);color:var(--parchment);pointer-events:none}.topbar__tale{margin:0;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;opacity:.75}.topbar h1{margin:.15rem 0 0;font-family:Georgia,serif;font-size:1.35rem}.scene-panel{flex:1;min-height:0;display:flex;flex-direction:column}.scene-panel__scroll{flex:1;min-height:0;overflow-y:auto;padding:1.1rem 1.25rem}.scene-panel__objective{margin:0 0 .6rem;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--red)}.scene-panel__text{margin:0 0 .7rem;font-family:Georgia,serif;line-height:1.55}.scene-panel__hint{margin:.4rem 0 0;font-size:.85rem;color:var(--ink-soft);font-style:italic}.companion-offer{margin-top:1rem;padding:.9rem;border:2px solid var(--gold);border-radius:12px;background:#fff8e9}.companion-offer p{margin:.35rem 0 .8rem;font-size:.9rem}.companion-offer .button{margin:0 .4rem .4rem 0}.codex{flex:1;min-height:0;display:flex;flex-direction:column}.codex__head{display:flex;align-items:flex-start;gap:.5rem;padding:1rem;background:var(--parchment-deep)}.codex__head h2{margin:0;font-family:Georgia,serif;font-size:1.2rem}.codex__head p{margin:.3rem 0 0;font-size:.85rem;color:var(--ink-soft)}.codex__head .icon-button{margin-left:auto}.codex__list{min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.codex__card{display:grid;grid-template-columns:88px 1fr;gap:.8rem;padding:.7rem;border:2px solid rgba(43,33,25,.13);border-radius:12px;background:#fffaf0}.codex__portrait{display:grid;place-items:center;height:88px;border-radius:10px;background:#d9e1cf}.codex__portrait svg{width:80px;height:80px}.codex__details h3{margin:0;font-family:Georgia,serif}.codex__details p{margin:.2rem 0 .5rem;font-size:.8rem;color:var(--ink-soft)}.codex__traits{display:flex;flex-wrap:wrap;gap:.3rem}.codex__card .button{grid-column:1 / -1;justify-self:end}.companion-menu{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.25rem}.companion-menu h2{margin:0;font-family:Georgia,serif}.companion-menu p{margin:0 0 .4rem}.scanner{flex:1;min-height:0;display:flex;flex-direction:column}.scanner__body{min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:.8rem;padding:1rem}.scanner__sources,.scanner__camera-actions{display:flex;flex-wrap:wrap;gap:.6rem}.scanner__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.scanner__camera{padding:.6rem;border-radius:12px;background:var(--forest)}.scanner__camera video{display:block;width:100%;max-height:18rem;object-fit:contain;border-radius:8px}.scanner__camera-actions{padding-top:.6rem}.scanner__original-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.scanner__original-wrap p{margin:0;font-size:.85rem;color:var(--ink-soft)}.scanner__original{position:relative;align-self:center;width:fit-content;max-width:100%;line-height:0}.scanner__original img{display:block;max-width:100%;max-height:14rem;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.scanner__selection{position:absolute;border:2px solid var(--red);background:#b83b2e1f;pointer-events:none}.scanner__mode{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:.6rem;border:1px solid rgba(43,33,25,.22);border-radius:8px}.scanner__mode legend{font-weight:700}.scanner__mode label{display:inline-flex;align-items:center;gap:.2rem;font-size:.88rem}.scanner__label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;font-weight:700}.scanner__label input[type=text]{width:100%;padding:.5rem;border:1px solid rgba(43,33,25,.3);border-radius:8px;background:#fffaf0;font:inherit;font-weight:400}.scanner__label input[type=range]{width:100%}.scanner__profile{margin:0;padding:.7rem;border:1px solid rgba(43,33,25,.22);border-radius:8px}.scanner__profile legend{font-weight:700}.scanner__profile small{display:block;margin-top:.35rem;color:var(--ink-soft)}.scanner__options{display:flex;flex-wrap:wrap;gap:.45rem}.scanner__options label{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem;border:1px solid rgba(43,33,25,.25);border-radius:999px;cursor:pointer}.scanner__custom-input{display:block;width:100%;margin-top:.55rem;padding:.55rem;border:1px solid #aa9d8b;border-radius:8px;background:#fffaf0;font:inherit}.scanner__preview{display:flex;align-items:center;justify-content:center;flex:0 0 260px;width:100%;height:260px;min-height:0;overflow:hidden;padding:12px;border:1px dashed var(--forest-light);border-radius:12px;background:linear-gradient(45deg,#e6e1d6 25%,transparent 25%,transparent 75%,#e6e1d6 75%),linear-gradient(45deg,#e6e1d6 25%,#f6f4ed 25% 75%,#e6e1d6 75%);background-size:24px 24px;background-position:0 0,12px 12px}.scanner__preview img{display:block;width:auto;height:auto;max-width:100%;max-height:234px;object-fit:contain}.scanner__error{margin:0;color:#9f2d25;font-weight:700}.choices{border-top:2px dashed rgba(43,33,25,.18);padding:.9rem 1.25rem 1.1rem;background:#eadfc480}.choices__prompt{margin:0 0 .6rem;font-weight:700}.choices__list{display:flex;flex-direction:column;gap:.5rem}.choice{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;padding:.7rem .9rem;border-radius:12px;border:2px solid rgba(43,33,25,.14);background:#fffaf0;cursor:pointer;line-height:1.35;transition:transform .12s ease,border-color .12s ease}.choice:hover{transform:translate(3px);border-color:var(--gold)}.choice__kind{flex-shrink:0;font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.18rem .45rem;border-radius:6px;color:#fff8e9}.choice__kind--say{background:var(--red)}.choice__kind--act{background:var(--forest-light)}.dialogue{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dialogue__head{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem;border-bottom:2px solid rgba(43,33,25,.12);background:var(--parchment-deep)}.dialogue__head h2{margin:0;font-family:Georgia,serif;font-size:1.2rem}.dialogue__title{margin:.1rem 0 0;font-size:.82rem;color:var(--ink-soft)}.dialogue__traits{margin-left:auto;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.trait{font-size:.7rem;padding:.15rem .45rem;border-radius:999px;background:var(--forest-light);color:#f3f7ef}.dialogue__turns{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.dialogue__game-action{padding:.5rem 1rem .9rem;border-top:1px solid rgba(43,33,25,.12)}.dialogue__game-action .button{width:100%}.memory-game{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem;padding:1rem}.memory-game__head{display:flex;align-items:flex-start;gap:.5rem}.memory-game__head h3{margin:0;font:700 1.25rem Georgia,serif}.memory-game__head p{margin:.3rem 0 0;color:var(--ink-soft);font-size:.9rem}.memory-game__head .icon-button{margin-left:auto}.memory-game__score{margin:0;font-weight:700;color:var(--forest-light)}.memory-game__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.memory-game__card{aspect-ratio:1;min-height:3.5rem;border:2px solid var(--forest-light);border-radius:12px;background:#d5dfd0;color:var(--forest);font:700 2rem Georgia,serif;cursor:pointer;transition:transform .15s ease,background .15s ease}.memory-game__card:hover:not(:disabled),.memory-game__card:focus-visible{transform:translateY(-3px);background:#e5eddd}.memory-game__card--shown{background:#fffaf0}.memory-game__card:disabled{cursor:default;opacity:1}.memory-game__finish{padding:.8rem;border-radius:12px;background:#e5eddd}.memory-game__finish p{margin:.2rem 0 0}.memory-game__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.sequence-game__clue{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:4rem;padding:.5rem;border:2px dashed var(--gold);border-radius:12px;background:#fffaf0;font-size:1.8rem;font-weight:700}.extra-game__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.extra-game__grid--catch{grid-template-columns:repeat(4,minmax(0,1fr))}.extra-game__tile{min-height:3.5rem;border:2px solid #729177;border-radius:12px;background:#f7f2dd;color:var(--forest);font-size:1.8rem;font-weight:800;cursor:pointer}.extra-game__tile:hover:not(:disabled),.extra-game__tile:focus-visible{background:#e5eddd;transform:translateY(-2px)}.extra-game__tile:disabled{cursor:default;opacity:.55}.extra-game__tile--firefly{background:#fff3b9;box-shadow:0 0 12px #ffe392}.extra-game__riddle{margin:0;padding:1rem;border-radius:12px;background:#fffaf0;font:1.1rem Georgia,serif}.extra-game__answers{display:grid;gap:.55rem}.map-tile--searchable{cursor:pointer;font:inherit}.map-tile--searchable:hover,.map-tile--searchable:focus-visible{opacity:.75;outline:2px solid #fff3b9;outline-offset:-3px;transform:translateY(-3px)}.map-grid--illustrated .map-tile--searchable:hover,.map-grid--illustrated .map-tile--searchable:focus-visible{opacity:.35}.dialogue__hint{margin:0;color:var(--ink-soft);font-style:italic}.bubble{margin:0;padding:.65rem .85rem;border-radius:14px;line-height:1.45;max-width:92%}.bubble--character{background:#fffaf0;border:2px solid rgba(43,33,25,.12);font-family:Georgia,serif;align-self:flex-start}.bubble--child{background:var(--forest-light);color:#f3f7ef;align-self:flex-end}.bubble--pending{opacity:.75;font-style:italic}.dots:after{content:"...";display:inline-block;animation:dots 1.2s steps(4,end) infinite;width:1.2em;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.dialogue__notice{margin:0;padding:.6rem 1rem;background:#fbe6c9;border-top:2px solid var(--gold);font-size:.9rem}.dialogue__suggestions{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1rem 0}.chip{border:2px solid rgba(43,33,25,.16);background:#fffaf0;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer;text-align:left;transition:border-color .12s ease,transform .12s ease}.chip:hover{border-color:var(--gold);transform:translateY(-1px)}.dialogue__form{display:flex;gap:.5rem;padding:.85rem 1rem}.dialogue__form input{flex:1;min-width:0;padding:.6rem .8rem;border-radius:999px;border:2px solid rgba(43,33,25,.18);background:#fffaf0;font:inherit}.dialogue__form input:focus{outline:none;border-color:var(--gold)}.dialogue__source{margin:0;padding:0 1rem .85rem;font-size:.75rem;color:var(--ink-soft)}.dialogue__source code{background:#2b211914;padding:.05rem .25rem;border-radius:4px}.log{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--parchment);overflow:hidden;z-index:3}.log__head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:2px solid rgba(43,33,25,.12);background:var(--parchment-deep)}.log__head h2{margin:0;font-family:Georgia,serif;font-size:1.1rem}.log__body{flex:1;min-height:0;overflow-y:auto;padding:1rem}.log__entry{margin:0 0 .8rem;line-height:1.5;font-family:Georgia,serif}.log__entry--narration{color:var(--ink)}.log__entry--choice{color:var(--red);font-weight:600;font-style:italic}.log__entry--say{color:var(--forest-light)}.log__entry--reply{color:var(--ink)}.ending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#140e08b8;z-index:4;overflow-y:auto}.ending__card{width:min(42rem,100%);background:var(--parchment);border-radius:20px;padding:2rem;box-shadow:var(--shadow)}.ending__open{margin:1.2rem 0}.ending__close{float:right}.ending__save{margin:0 0 1.2rem}.ending__eyebrow{margin:0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:700}.ending__card h2{margin:.35rem 0 .5rem;font-family:Georgia,serif;font-size:2rem}.ending__blurb{margin:0 0 1.2rem;color:var(--ink-soft);font-size:1.05rem}.ending__text{margin:0 0 .85rem;font-family:Georgia,serif;line-height:1.6}.ending__full{margin-top:1.2rem;border-top:2px dashed rgba(43,33,25,.18);padding-top:.9rem}.ending__full summary{cursor:pointer;font-weight:600}.ending__scroll{max-height:16rem;overflow-y:auto;margin-top:.8rem;padding-right:.5rem}.ending__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.storybook-overlay{position:fixed;inset:0;z-index:1000;overflow-y:auto;background:#e7dbc2;padding:1.2rem}.storybook-controls{display:flex;justify-content:flex-end;gap:.6rem;max-width:48rem;margin:0 auto 1rem}.storybook{max-width:48rem;margin:auto;color:#2b2119}.storybook__cover,.storybook__page{min-height:35rem;padding:3rem;margin-bottom:1.2rem;background:#fffaf0;box-shadow:0 6px 24px #2b211929;border-radius:8px}.storybook__cover{display:flex;flex-direction:column;justify-content:center;text-align:center;border:12px double #b83b2e}.storybook__cover h1{font:bold clamp(2rem,6vw,3.5rem) Georgia,serif}.storybook__cover p,.storybook__number{color:#8f3529;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.storybook__page{break-inside:avoid}.storybook__illustration{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border:8px solid #f4ead5;border-radius:8px}.storybook__number{text-align:right;font-size:.75rem}.storybook__narration{font:1.2rem/1.7 Georgia,serif}.storybook__moment{margin:.8rem 0;line-height:1.5}.storybook__error{max-width:48rem;margin:0 auto 1rem;color:#9f2d25;font-weight:700}@media print{@page{size:A4;margin:12mm}html,body,#root{height:auto;overflow:visible;background:#fff}#root{display:none}.storybook-overlay{position:static;overflow:visible;padding:0;background:#fff}.storybook-controls,.storybook__error{display:none}.storybook{max-width:none}.storybook__cover,.storybook__page{box-shadow:none;border-radius:0;margin:0;min-height:273mm;padding:12mm;break-after:page}.storybook__cover{border:12px double #b83b2e}.storybook__page{break-inside:auto}.storybook__illustration{print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media(max-width:900px),(max-aspect-ratio:1 / 1){.maps{justify-content:flex-start;overflow-y:auto}.role-picker__options{grid-template-columns:1fr}.play{grid-template-columns:1fr;grid-template-rows:minmax(15rem,46vh) 1fr}.play__rail{border-left:none;border-top:3px solid rgba(43,33,25,.16)}.topbar{padding:.75rem 1rem 1.5rem}.topbar h1{font-size:1.15rem}.scene-panel__scroll{flex:0 1 auto}.scene-panel__scroll>*,.choices__list,.choices__prompt,.dialogue__turns>*,.log__body>*{max-width:46rem;margin-inline:auto}.bubble--child{margin-right:0}.bubble--character{margin-left:0}}