*{box-sizing:border-box}:root{--bg: #fdf6ec;--card: #ffffff;--ink: #3a2e2a;--ink-soft: #8a7a72;--green: #4caf6d;--green-dark: #378552;--orange: #ff9f43;--pink: #ff6b81;--sky: #54a0ff;--purple: #9c88ff;--yellow: #ffd166;--radius: 22px;--shadow: 0 4px 14px rgba(90, 60, 30, .12)}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Comic Sans MS,Chalkboard SE,Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.45}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;font-size:1rem;border:none;border-radius:999px;padding:.6em 1.3em;cursor:pointer;background:var(--green);color:#fff;font-weight:700;transition:transform .08s ease;min-height:44px}button:hover{transform:scale(1.04)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:default;transform:none}button.secondary{background:#efe5d8;color:var(--ink)}button.pink{background:var(--pink)}button.sky{background:var(--sky)}input,textarea,select{font-family:inherit;font-size:1rem;min-height:44px;border:3px solid #efe0cd;border-radius:14px;padding:.55em .9em;background:#fff;color:var(--ink);outline:none;width:100%}input:focus,textarea:focus{border-color:var(--green)}.banner{background:var(--yellow);color:#6b4d12;text-align:center;padding:8px 12px;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px}.banner .tts{background:none;padding:0 4px;font-size:1.1rem;color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:12px}.topbar .brand{font-size:1.4rem;font-weight:800}.topbar .avatar-btn{background:var(--card);color:var(--ink);box-shadow:var(--shadow);font-size:1.4rem;padding:6px 14px}.nav{display:flex;gap:8px;padding:0 20px 14px;flex-wrap:wrap}.nav a{text-decoration:none;background:var(--card);color:var(--ink);border-radius:999px;padding:8px 18px;font-weight:700;box-shadow:var(--shadow);font-size:1.05rem}.nav a.active{background:var(--green);color:#fff}.page{padding:8px 20px 60px;max-width:980px;margin:0 auto;width:100%}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px}h1{font-size:1.9rem;margin:.4em 0}h2{font-size:1.35rem;margin:.3em 0 .5em}.soft{color:var(--ink-soft)}.center{text-align:center}.unlock-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px}.avatar-grid{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:22px}.avatar-pick{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 26px;text-align:center;cursor:pointer;border:4px solid transparent;min-width:130px}.avatar-pick:hover{border-color:var(--green)}.avatar-pick .face{font-size:3.4rem}.avatar-pick .name{font-weight:800;font-size:1.15rem;margin-top:6px}.pinpad{display:grid;grid-template-columns:repeat(3,76px);gap:12px;margin-top:20px}.pinpad button{font-size:1.5rem;padding:14px 0;border-radius:18px;background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.pin-dots{font-size:2rem;letter-spacing:10px;min-height:44px;margin-top:14px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.tile{display:block;text-decoration:none;color:var(--ink);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 14px;text-align:center;border-bottom:6px solid var(--green)}.tile:hover{transform:translateY(-3px)}.tile .big{font-size:2.2rem}.tile .label{font-weight:800;margin-top:6px}.cat-play{border-color:var(--pink)}.cat-learn{border-color:var(--sky)}.cat-make{border-color:var(--orange)}.cat-watch{border-color:var(--purple)}.goal{margin-bottom:14px}.goal .bar{background:#f1e6d7;border-radius:999px;height:22px;overflow:hidden;margin-top:6px}.goal .fill{background:linear-gradient(90deg,var(--green),#7ed957);height:100%;border-radius:999px;min-width:8px}.cheer{font-size:.95rem;background:#fff4d6;border-radius:12px;padding:6px 10px;margin-top:6px}.points-jar{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800}.points-jar .jar{font-size:2.2rem}.chat{display:flex;flex-direction:column;gap:10px;min-height:300px}.msg{max-width:80%;padding:12px 16px;border-radius:18px}.msg.kid{align-self:flex-end;background:var(--sky);color:#fff;border-bottom-right-radius:4px}.msg.scout{align-self:flex-start;background:#eef7ee;border:2px solid #d4ecd7;border-bottom-left-radius:4px;white-space:pre-wrap}.msg .open-tile{margin-top:8px}.chat-input{display:flex;gap:10px;margin-top:14px}.entry{background:#fffdf8;border:2px solid #f1e6d7;border-radius:16px;padding:12px 16px;margin-bottom:14px}.entry .when{font-size:.85rem;color:var(--ink-soft)}.entry .what{font-size:1.1rem;font-weight:700}.entry img{max-width:260px;border-radius:14px;margin-top:8px;display:block}.annotation{background:#fdeef2;border-radius:12px;padding:8px 12px;margin-top:8px;font-size:.95rem}canvas.draw{border:3px dashed #e3d2ba;border-radius:14px;background:#fff;touch-action:none;width:100%;max-width:460px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.reward{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;text-align:center}.reward .cost{font-weight:800;color:var(--green-dark);font-size:1.1rem}.thread-list .thread-item{display:block;width:100%;text-align:left;background:var(--card);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;margin-bottom:10px;font-size:1.05rem}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{padding:10px 14px;border-radius:16px;margin-bottom:8px;max-width:75%}.bubble.kid{background:var(--sky);color:#fff}.bubble.member{background:#f3ecff}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2e2a73;z-index:45;display:flex;align-items:center;justify-content:center;padding:16px}.sheet{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto}@media (max-width: 640px){.sheet-backdrop{align-items:flex-end;padding:0}.sheet{border-radius:var(--radius) var(--radius) 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}.toasts{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:#fff;border-radius:999px;padding:10px 22px;font-weight:700;box-shadow:var(--shadow);animation:pop .25s ease}.toast.error{background:var(--pink)}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confetti{font-size:2rem;text-align:center}.grownup-form{max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:12px}@media (max-width: 1024px){.page{padding:8px 16px 60px}.tile-grid,.reward-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 820px){.tile-grid{grid-template-columns:repeat(3,1fr)}.msg{max-width:90%}}@media (max-width: 640px){body{font-size:17px}h1{font-size:1.5rem}h2{font-size:1.2rem}.topbar{padding:10px 14px}.topbar .brand{font-size:1.15rem}.topbar .avatar-btn{font-size:1.2rem;padding:6px 12px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--card);box-shadow:0 -4px 14px #5a3c1e24;padding:6px 6px calc(6px + env(safe-area-inset-bottom));gap:4px;flex-wrap:nowrap;justify-content:space-around}.nav a{flex:1;text-align:center;box-shadow:none;padding:8px 2px;font-size:.72rem;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;line-height:1.15}.page{padding:4px 12px 96px}.toasts{bottom:84px}.card{padding:14px;border-radius:18px}.tile-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tile{padding:14px 10px}.tile .big{font-size:1.9rem}.tile .label{font-size:.95rem}.reward-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reward{padding:12px}.chat{min-height:220px}.chat-input{flex-direction:row}.chat-input input{min-width:0}.pinpad{grid-template-columns:repeat(3,72px);gap:10px}.pinpad button{min-height:56px;padding:10px 0}.avatar-pick{min-width:108px;padding:16px 18px}.avatar-pick .face{font-size:2.7rem}canvas.draw{max-width:100%}.entry img{max-width:100%}.bubble{max-width:88%}.unlock-wrap{padding:20px 12px 90px}}@media (max-width: 360px){.pinpad{grid-template-columns:repeat(3,64px)}.pinpad button{min-height:56px}.tile-grid{grid-template-columns:repeat(2,1fr)}}@media (hover: none){button:hover,.tile:hover{transform:none}.avatar-pick:hover{border-color:transparent}.avatar-pick:active{border-color:var(--green)}button:active{transform:scale(.97)}}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/press-start-2p-latin-_wFEWmAB.woff2) format("woff2")}.iso-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--wall) 32%,#12142a),#0c0e20 75%);display:flex;align-items:center;justify-content:center}.iso-room{position:relative;width:76vmin;height:72vmin;margin-top:2vmin;transform:scale(1.22);transform-origin:50% 46%}.iso-wall{position:absolute;top:0;width:38vmin;height:34vmin;background:var(--wall);transition:background .5s}.iso-wall.wl{left:0;transform-origin:100% 0;transform:skewY(-26.565deg);border-left:.7vmin solid rgba(0,0,0,.28);box-shadow:inset 0 -2.2vmin #00000029}.iso-wall.wr{left:38vmin;transform-origin:0 0;transform:skewY(26.565deg);background:color-mix(in srgb,var(--wall) 82%,#000);border-right:.7vmin solid rgba(0,0,0,.28);box-shadow:inset 0 -2.2vmin #0003}.iso-floorbox{position:absolute;top:34vmin;left:0;width:76vmin;height:38vmin;pointer-events:none}.iso-floor{position:absolute;left:50%;top:50%;width:53.74vmin;height:53.74vmin;transform:translate(-50%,-50%) scaleY(.5) rotate(45deg);background:var(--floor);background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.09) 0 .5vmin,transparent .5vmin 6.7vmin);transition:background-color .5s;pointer-events:auto}.iso-rug{position:absolute;left:50%;top:50%;width:55%;height:55%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at center,#fff6 0,#fff6 35%,#0000001a 35%,#0000001a 60%,#ffffff47 60%,#ffffff47);pointer-events:none}.iso-window{position:absolute;left:12%;top:12%;width:42%;height:52%;background:#aee3ff;border:.9vmin solid rgba(0,0,0,.3);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.iso-window .bar-h{position:absolute;left:0;right:0;top:50%;height:.55vmin;background:#0000004d}.iso-window .bar-v{position:absolute;top:0;bottom:0;left:50%;width:.55vmin;background:#0000004d}.iso-sun{position:absolute;top:7%;right:8%;font-size:2.6vmin;line-height:1}.iso-garden{font-size:2.6vmin;line-height:1;padding-bottom:5%;letter-spacing:-.4vmin}.tier-sapling .iso-garden{font-size:3.6vmin}.tier-grove .iso-garden{font-size:4.8vmin}.iso-poster{position:absolute;font-size:3.4vmin;line-height:1}.iso-poster.small{font-size:2.6vmin}.iso-poster .frame{background:#fff;padding:.7vmin .9vmin;box-shadow:.4vmin .4vmin #0000004d;display:inline-block}.iso-sticker{position:absolute;transform:translate(-50%,-50%);background:none;border:none;padding:.3vmin;min-height:0;font-size:4vmin;line-height:1;cursor:default;filter:drop-shadow(.3vmin .3vmin 0 rgba(0,0,0,.25))}.decorating .iso-sticker{cursor:pointer}.decorating .iso-sticker:hover{transform:translate(-50%,-50%) scale(1.2) rotate(-8deg)}.iso-obj,.iso-decor{position:absolute;transform:translate(-50%,-92%);line-height:1}.iso-decor{font-size:9vmin;filter:drop-shadow(.5vmin .9vmin 0 rgba(0,0,0,.25))}.iso-decor.small{font-size:6vmin}.iso-obj{border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.6vmin;padding:.5vmin;min-height:0;border-radius:0;transition:transform .12s ease}.iso-obj:hover{transform:translate(-50%,-92%) scale(1.09)}.iso-obj:focus-visible{outline:.5vmin solid #ffd166;outline-offset:.4vmin}.iso-obj:disabled{opacity:.35;cursor:default}.iso-obj .glyph{font-size:8vmin;line-height:1;filter:drop-shadow(.5vmin .9vmin 0 rgba(0,0,0,.25))}.tier-sprout .iso-obj .glyph{font-size:10vmin}.tier-grove .iso-obj .glyph{font-size:7vmin}.iso-obj .tag{font-family:"Press Start 2P",monospace;font-size:1.35vmin;text-transform:uppercase;letter-spacing:.05em;color:#f2f2f8;background:#101530;border:.3vmin solid #f2f2f8;padding:.5vmin .9vmin;white-space:nowrap}.tier-sprout .iso-obj .tag{opacity:0;transition:opacity .2s}.tier-sprout .iso-obj:hover .tag,.tier-sprout .iso-obj:focus-visible .tag{opacity:1}.iso-obj.bob .glyph{animation:bob 2.2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1vmin)}}.decorating .iso-wall,.decorating .iso-floor{cursor:crosshair;outline:.5vmin dashed #ffd166;outline-offset:-.5vmin}.rwin{background:#101530;color:#f2f2f8;border:.45rem double #f2f2f8;box-shadow:.5rem .5rem #0006;border-radius:0;padding:12px 14px;font-family:"Press Start 2P",monospace}.rtitle{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#ffd166;margin:0 0 6px;line-height:1.5}.rstat{font-size:.6rem;line-height:1.6}.hud-name{position:absolute;top:14px;left:14px;z-index:20}.hud-menu{position:absolute;bottom:14px;left:14px;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:200px}.hud-decor{position:absolute;bottom:14px;left:14px;z-index:20;max-width:min(430px,calc(100vw - 28px));max-height:60vh;overflow-y:auto}.rmenu-item{display:block;width:100%;text-align:left;background:none;border:none;border-radius:0;color:#f2f2f8;font-family:inherit;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 8px 22px;position:relative;min-height:0;cursor:pointer;line-height:1.4}.rmenu-item:before{content:"▶";position:absolute;left:4px;color:#ffd166;opacity:0}.rmenu-item:hover,.rmenu-item:focus-visible{background:#232a55;transform:none}.rmenu-item:hover:before,.rmenu-item:focus-visible:before{opacity:1}.rmenu-item:active{transform:none}.rmenu-item .mi-glyph{font-size:.9rem;margin-right:4px}.rmenu-item.done{margin-top:8px;color:#9be89d}.rrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.rlabel{font-size:.55rem;text-transform:uppercase;color:#9aa3d0;min-width:52px}.rchip{background:#232a55;border:.2rem solid #f2f2f8;border-radius:0;font-size:1.05rem;padding:3px 7px;min-height:36px;color:#f2f2f8}.rchip.on{background:#ffd166;border-color:#ffd166}.rchip:hover{transform:none}.rswatch{width:30px;height:30px;min-height:30px;border-radius:0;padding:0;border:.2rem solid rgba(255,255,255,.5)}.rswatch.on{border-color:#ffd166;transform:scale(1.12)}.rhint{font-size:.55rem;line-height:1.7;color:#9aa3d0;margin-bottom:6px}.room-sheet{max-width:720px;background:#101530}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sheet-head .rtitle{font-size:.78rem;margin:0}.rclose{background:#232a55;border:.2rem solid #f2f2f8;border-radius:0;color:#f2f2f8;font-family:"Press Start 2P",monospace;font-size:.7rem;padding:6px 10px;min-height:36px}.rclose:hover{background:#38407c;transform:none}.rbody{font-family:Comic Sans MS,Chalkboard SE,Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--bg);border:.25rem solid #f2f2f8;padding:14px;max-height:64vh;overflow-y:auto}.rbody h3{margin:.3em 0 .5em}.tile-grid.sprout-tiles{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.tile-grid.sprout-tiles .big{font-size:3.2rem}.tile-grid.sprout-tiles .label{font-size:1.05rem}.topbar.hud{position:fixed;top:0;right:0;left:auto;z-index:25;padding:14px;background:transparent}.topbar.hud .brand{display:none}.topbar.hud .avatar-btn{background:#101530;color:#f2f2f8;border:.25rem solid #f2f2f8;border-radius:0;box-shadow:.3rem .3rem #0006}@media (max-width: 640px){.iso-room{margin-top:-8vmin}.hud-name{top:8px;left:8px;padding:8px 10px}.hud-name .rtitle{font-size:.55rem;margin-bottom:3px}.hud-name .rstat{font-size:.5rem}.hud-menu{bottom:8px;left:8px;right:8px;min-width:0;flex-direction:row;flex-wrap:wrap;gap:0}.hud-menu .rmenu-item{width:auto;flex:1 1 33%;font-size:.52rem;padding:8px 4px 8px 14px}.hud-decor{bottom:8px;left:8px;right:8px;max-height:52vh}.iso-obj .tag{font-size:1.9vmin}.room-sheet{max-width:100%}}@media (prefers-reduced-motion: reduce){.iso-obj.bob .glyph{animation:none}.iso-obj,.iso-wall,.iso-floor{transition:none}}.iso-obj:disabled{transform:translate(-50%,-92%)}@media (orientation: portrait) and (max-width: 640px){.iso-room{transform:scale(1.3);transform-origin:50% 40%}}.sprite{image-rendering:pixelated;display:block}.tier-sprout .iso-obj .glyph{transform:scale(1.25)}.tier-grove .iso-obj .glyph{transform:scale(.9)}.mi-glyph .sprite{display:inline-block;vertical-align:-4px}.iso-wallobj{position:absolute;left:42%;top:16%;background:none;border:none;border-radius:0;padding:0;min-height:0;cursor:pointer;filter:drop-shadow(.4vmin .4vmin 0 rgba(0,0,0,.3))}.iso-wallobj:hover{filter:drop-shadow(.4vmin .4vmin 0 rgba(0,0,0,.3)) brightness(1.15);transform:none}.iso-wallobj:focus-visible{outline:.5vmin solid #ffd166}.iso-wallobj:disabled{opacity:.35;transform:none}.wbadge{position:absolute;top:-.8vmin;right:-.8vmin;background:#ffd166;color:#241d3d;font-family:"Press Start 2P",monospace;font-size:1.4vmin;padding:.5vmin .7vmin;border:.3vmin solid #241d3d}