:root{color:#18364f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#173a5a;--cream:#fff9e9;--orange:#e8652f;--orange-dark:#8a3f24;--cyan:#1ed4f4;--blue:#1b70cf;--violet:#7452bd;--green:#278665;background:#164f79;font-family:Trebuchet MS,Avenir Next Rounded,Arial Rounded MT Bold,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:#164f79;place-items:center;display:grid}button{font:inherit}button:focus-visible{outline-offset:3px;outline:4px solid #fff36d}button:disabled{cursor:default;opacity:.38}.game-shell{background:#69c7ea;width:min(100vw,540px);height:100dvh;max-height:960px;position:relative;overflow:hidden;box-shadow:0 0 48px #0623426b}.progress{z-index:100;top:max(10px, env(safe-area-inset-top));background:#14497057;border:2px solid #fffc;border-radius:999px;width:min(52%,250px);height:8px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px 12px #142f483d}.progress span{width:var(--progress);border-radius:inherit;background:#fff36d;height:100%;transition:width .45s;display:block}.play-layout{grid-template-rows:minmax(0,66%) minmax(0,34%);width:100%;height:100%;min-height:0;display:grid}.game-shell:is([data-phase=ENTER_TOWN],[data-phase=BLUEPRINT_READY],[data-phase=CHOOSE_MATERIALS],[data-phase=CRAFT_OBJECT],[data-phase=TOWN_SAVED],[data-phase=NEXT_DAY_HOOK]) .play-layout{grid-template-rows:minmax(0,80%) minmax(0,20%)}.game-shell:is([data-phase=DISCOVER_MAKER],[data-phase=PLACE_OBJECT]) .play-layout{grid-template-rows:minmax(0,91%) minmax(0,9%)}.scene-stage{contain:layout paint;background:#69c7ea;min-width:0;min-height:0;position:relative;overflow:clip}.scene-image{object-fit:cover;object-position:center 45%;will-change:transform, opacity;width:100%;height:100%;display:block;position:absolute;inset:0}.scene-image--current{animation:8.5s ease-in-out infinite alternate scene-camera-drift}.mood-thinking .scene-image--current{animation-name:scene-camera-thinking;animation-duration:5.5s}.mood-celebrating .scene-image--current{animation-name:scene-camera-celebrate;animation-duration:4.8s}.scene-stage[data-scene-transition=running] .scene-image--current{animation:.76s ease-out both scene-crossfade,8.5s ease-in-out .76s infinite alternate scene-camera-drift}.scene-image--outgoing{z-index:1;animation:.76s ease-in both scene-fade-away}.scene-shade{z-index:2;background:#13384b2e;height:24px;position:absolute;inset:auto 0 0}.maker-dialogue{z-index:35;top:max(34px, calc(env(safe-area-inset-top) + 24px));color:#18364f;background:#fff9e9f0;border:2px solid #20435b47;border-radius:16px 16px 16px 5px;max-width:min(72%,350px);margin:0;padding:8px 12px;font-size:clamp(14px,3.8vw,18px);font-weight:900;line-height:1.2;position:absolute;left:14px;box-shadow:0 5px 14px #0f39532e}.interaction-dock{z-index:80;min-width:0;min-height:0;padding:12px 14px max(12px, env(safe-area-inset-bottom));background:#fff9e9fa;border:3px solid #48565b2e;border-bottom:0;border-radius:28px 28px 0 0;flex-direction:column;justify-content:center;gap:6px;display:flex;position:relative;box-shadow:0 -12px 32px #0f395347,inset 0 3px #ffffffe6}.learning-target{min-height:29px;color:var(--ink);text-align:center;letter-spacing:-.025em;margin:0;font-size:clamp(20px,5.8vw,28px);font-weight:900;line-height:1.05}.feedback{border:2px solid;border-radius:999px;align-self:center;place-items:center;min-height:34px;padding:4px 16px;font-size:18px;font-weight:900;display:grid}.feedback--success{color:#175f49;background:#dff7cf;border-color:#2a8664}.feedback--repair{color:#81421f;background:#fff0b7;border-color:#bf6837}.action-zone{align-content:center;min-width:0;min-height:0;display:grid}.primary-action,.secondary-action,.repair-evidence button,.wish,.material-choice button{cursor:pointer;border:3px solid;border-radius:16px;min-height:48px;font-weight:900;transition:transform .12s,box-shadow .12s}.primary-action{border-color:var(--orange-dark);color:#fffdf1;background:var(--orange);box-shadow:0 6px 0 var(--orange-dark);text-shadow:0 1px #471b0c8c;padding:8px 16px;font-size:19px}.primary-action:hover:not(:disabled),.wish:hover,.material-choice button:hover{transform:translateY(-2px)}.primary-action:active:not(:disabled),.wish:active,.material-choice button:active{box-shadow:0 2px 0 var(--orange-dark);transform:translateY(3px)}.primary-action--wide{justify-self:center;width:min(100%,340px)}.secondary-action{color:#274b62;background:#e2f5f7;border-color:#527994;padding:7px 12px;font-size:16px;box-shadow:0 4px #8eb5bf}.command-builder{gap:6px;min-width:0;display:grid}.command-tray{background:#eaf6ff;border:3px solid #3e6fba;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:52px;padding:5px;display:flex;box-shadow:inset 0 3px #1c548b1a}.command-tray--empty{border-style:dashed}.word-bank{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:50px;display:flex}.word-token{color:#20436d;cursor:grab;background:#fff;border:3px solid #426590;border-radius:13px 18px;min-width:46px;min-height:48px;padding:7px 11px;font-size:clamp(16px,4.2vw,20px);font-weight:900;box-shadow:0 5px #91acc8}.word-token--selected{color:#493071;background:#f0e8ff;border-color:#6847a2;animation:.24s cubic-bezier(.2,1.3,.36,1) both token-snap;box-shadow:0 4px #a68ac7}.role-verb{border-bottom-color:#e86236}.role-size,.role-color,.role-material{border-bottom-color:#7c59bd}.role-preposition{border-bottom-color:#1e9a72}.builder-actions{grid-template-columns:86px minmax(0,1fr);gap:8px;display:grid}.material-choice{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.material-choice button{color:#5d3d25;background:#fff5cf;border-color:#8a653e;font-size:17px;box-shadow:0 5px #b99262}.repair-evidence{z-index:100;justify-content:center;display:grid;position:relative}.repair-evidence button{color:#713d24;background:#ffe29b;border-color:#92512d;min-width:104px;padding:5px 16px;font-size:17px;box-shadow:0 4px #bd8a52}.hint-marker{right:12px;bottom:max(7px, env(safe-area-inset-bottom));background:#54859b;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 1px #1e36422e}.wish-list{z-index:40;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;bottom:5%;left:7%;right:7%}.wish{color:#643b24;background:#fff7caf5;border-color:#784f31;padding:7px 5px;font-size:17px;box-shadow:0 5px #5e39209e}.blueprint-card{z-index:32;color:#e8fdff;background:#0a73a4c2;border:4px solid #bbf6fff2;border-radius:18px;place-items:center;width:72%;min-height:82px;padding:12px;animation:.7s cubic-bezier(.18,.82,.22,1) both blueprint-open;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px #45e1ffe6,inset 0 0 18px #bcf5ff66}.blueprint-card strong{z-index:2;text-shadow:0 2px #075f89;font-size:24px;position:relative}.blueprint-glow{border:2px solid #d3faff8c;border-radius:12px;animation:1.2s ease-in-out .7s infinite alternate blueprint-energy;position:absolute;inset:8px}.word-flight{z-index:34;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:7px;display:flex;position:absolute;bottom:7%;left:8%;right:8%}.flight-word{color:#164982;animation:word-to-backpack .9s calc(var(--flight-index) * 90ms) cubic-bezier(.18, .82, .22, 1) both;background:#fff;border:3px solid #d9fbff;border-radius:12px;padding:6px 10px;font-size:17px;font-weight:900;box-shadow:0 0 18px #27dff5}.assembly{z-index:36;width:150px;height:150px;animation:1.4s ease-in-out .75s infinite alternate assembled-hover;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.assembly-slice{object-fit:contain;filter:drop-shadow(0 0 14px #2ce0ffe6);width:100%;height:100%;position:absolute;inset:0}.assembly-slice--one{clip-path:inset(0 66% 0 0);animation:.7s ease-out both part-left}.assembly-slice--two{clip-path:inset(0 33%);animation:.7s ease-out both part-center}.assembly-slice--three{clip-path:inset(0 0 0 66%);animation:.7s ease-out both part-right}.town-plot{z-index:38;cursor:pointer;background:#1466845c;border:4px solid #fff36d;border-radius:50%;width:72px;height:72px;padding:4px;position:absolute;box-shadow:0 0 0 8px #29daf547,0 0 26px #24dcf4}.town-plot img{object-fit:contain;opacity:.82;width:100%;height:100%;animation:1s ease-in-out infinite alternate plot-pulse}.town-plot--north-plot{bottom:28%;right:19%}.town-plot--west-plot{bottom:8%;left:21%}.town-plot--east-plot{bottom:6%;right:5%}.artifact-layer{z-index:30;pointer-events:none;position:absolute;inset:0}.town-artifact{filter:drop-shadow(0 7px 7px #18373d59);justify-items:center;width:100px;min-height:100px;margin:0;animation:.55s cubic-bezier(.2,1.3,.36,1) both artifact-land;display:grid;position:absolute}.town-artifact img{object-fit:contain;width:100%;height:88px}.artifact--flag img{transform-origin:54% 88%;animation:2.1s ease-in-out .55s infinite alternate flag-sway}.artifact--tower img{animation:3s ease-in-out .55s infinite alternate tower-breathe}.artifact--lantern img{animation:1.7s ease-in-out .55s infinite alternate lantern-float}.town-artifact figcaption{display:none}.artifact--flag{bottom:3%;left:8%}.artifact--tower{width:118px;bottom:17%;right:18%}.artifact--lantern{width:70px;bottom:11%;right:6%}.artifact--lantern.relation--on{bottom:39%;right:24%}.next-day-mark{z-index:50;color:#70421e;background:#fff8bbf0;border:3px solid #fff5a2;border-radius:999px;padding:9px 22px;font-size:26px;font-weight:900;animation:1.1s ease-in-out infinite alternate celebration-mark;position:absolute;top:12%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ffeb5be6}.sr-live{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes scene-crossfade{0%{opacity:.2}to{opacity:1}}@keyframes scene-fade-away{0%{opacity:1;transform:scale(1.025)}to{opacity:0;transform:scale(1.055)translate(-.4%,-.3%)}}@keyframes scene-camera-drift{0%{transform:scale(1.025)translate(-.4%,-.25%)}to{transform:scale(1.055)translate(.55%,.4%)}}@keyframes scene-camera-thinking{0%{transform:scale(1.04)translate(.45%)}to{transform:scale(1.065)translate(-.55%,.35%)}}@keyframes scene-camera-celebrate{0%{transform:scale(1.025)translateY(.45%)}to{transform:scale(1.065)translateY(-.55%)}}@keyframes token-snap{0%{opacity:.45;transform:translateY(8px)scale(.86)}to{opacity:1;transform:none}}@keyframes blueprint-open{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes blueprint-energy{0%{opacity:.52;transform:scale(.97)}to{opacity:1;transform:scale(1.015)}}@keyframes word-to-backpack{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-78px,-128px)scale(.35)}}@keyframes part-left{0%{opacity:0;transform:translate(-72px)rotate(-10deg)}to{opacity:1;transform:none}}@keyframes part-center{0%{opacity:0;transform:translateY(-70px)scale(.7)}to{opacity:1;transform:none}}@keyframes part-right{0%{opacity:0;transform:translate(72px)rotate(10deg)}to{opacity:1;transform:none}}@keyframes assembled-hover{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% - 5px))}}@keyframes artifact-land{0%{opacity:0;transform:translateY(-55px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes flag-sway{0%{transform:rotate(-2deg)}to{transform:rotate(3deg)}}@keyframes tower-breathe{0%{transform:translateY(0)scale(1)}to{transform:translateY(-3px)scale(1.018)}}@keyframes lantern-float{0%{transform:translateY(2px)rotate(-2deg)}to{transform:translateY(-5px)rotate(2deg)}}@keyframes celebration-mark{0%{transform:translate(-50%)scale(.96)}to{transform:translate(-50%)scale(1.04)}}@keyframes plot-pulse{0%{transform:scale(.92)}to{transform:scale(1.06)}}@media (width>=760px){.game-shell{border-radius:26px}}@media (width<=430px){.play-layout{grid-template-rows:minmax(0,64%) minmax(0,36%)}.interaction-dock{padding:9px 10px max(9px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;gap:4px}.learning-target{min-height:25px;font-size:21px}.feedback{min-height:30px;padding:3px 12px;font-size:16px}.command-builder{gap:4px}.command-tray{border-width:2px;gap:4px;min-height:48px;padding:3px}.word-bank{gap:4px;min-height:46px}.word-token{border-width:2px;border-radius:11px 15px;min-width:44px;min-height:44px;padding:5px 8px;font-size:16px;box-shadow:0 4px #91acc8}.builder-actions{grid-template-columns:74px minmax(0,1fr);gap:6px}.primary-action,.secondary-action,.repair-evidence button,.material-choice button{border-width:2px;border-radius:13px;min-height:44px}.primary-action{box-shadow:0 4px 0 var(--orange-dark);font-size:17px}.secondary-action{padding-inline:7px;font-size:14px}.material-choice{gap:5px}.material-choice button{font-size:15px}.wish{min-height:44px;font-size:15px}.town-artifact{width:80px;min-height:80px}.town-artifact img{height:68px}.artifact--tower{width:95px}.artifact--lantern{width:58px}.blueprint-card{min-height:72px;top:47%}.blueprint-card strong{font-size:21px}.assembly{width:125px;height:125px}.flight-word{border-width:2px;padding:5px 8px;font-size:15px}.next-day-mark{font-size:22px}}@media (width<=390px) and (height<=760px){.play-layout{grid-template-rows:minmax(0,60%) minmax(0,40%)}.interaction-dock{padding-top:7px}.learning-target{font-size:19px}.word-token{min-height:42px;padding-block:4px;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.interaction-dock,.word-token,.primary-action,.wish,.material-choice button{forced-color-adjust:auto;border-color:canvastext}.town-plot{outline:4px solid highlight}}