:root{--sky-top: #a9dcf0;--sky-low: #e8f5ee;--cream: #fffaf0;--paper: #fbf3e2;--line: #eadcc0;--ink: #4a3a2a;--ink-soft: #8a7559;--leaf: #5aa469;--leaf-dark: #3f8552;--berry: #d9645a;--sun: #f6c86b;--radius: 22px;--shadow: 0 18px 40px rgba(74, 58, 42, .18), 0 2px 0 rgba(255, 255, 255, .6) inset;font-family:Nunito,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(var(--sky-top),var(--sky-low) 70%);overflow:hidden}h1,h2,h3,.btn,.tabs button{font-family:Fredoka,Nunito,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}.loading-screen{height:100%;display:grid;place-items:center;font-family:Fredoka,sans-serif;font-size:20px;color:var(--ink-soft);padding:16px}.card{background:var(--cream);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.btn{border:2px solid var(--line);background:var(--paper);border-radius:999px;padding:10px 20px;font-size:17px;font-weight:600;transition:transform .12s ease,box-shadow .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--leaf);border-color:var(--leaf-dark);color:#fff;box-shadow:0 4px 0 var(--leaf-dark)}.btn.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--leaf-dark)}.btn.wide{width:100%;padding:14px 20px;font-size:19px}.tabs{display:flex;gap:6px;background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:4px}.tabs button{flex:1;border:0;background:transparent;border-radius:999px;padding:8px 10px;font-size:15px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.tabs button.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px #4a3a2a24}.field{display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--ink-soft)}.field input{font:inherit;font-size:17px;font-weight:600;color:var(--ink);padding:12px 16px;border-radius:14px;border:2px solid var(--line);background:#fff;outline:none}.field input:focus{border-color:var(--leaf);box-shadow:0 0 0 4px #5aa4692e}.field small{font-weight:600;color:var(--ink-soft)}.error{margin:0;padding:10px 14px;border-radius:12px;background:#fde8e4;color:#a2392e;font-weight:700;font-size:14px}.hint{margin:0 0 8px;color:var(--ink-soft);font-size:14px}.login{position:relative;height:100%;display:grid;place-items:center;padding:16px;overflow:hidden}.login-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.85;filter:blur(.5px);animation:drift 60s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:55%;height:160%;left:15%;top:-70%}.cloud:after{width:40%;height:130%;right:12%;top:-45%}.c1{width:180px;height:46px;top:12%;left:8%}.c2{width:240px;height:58px;top:22%;left:62%;animation-duration:85s}.c3{width:140px;height:38px;top:6%;left:40%;animation-duration:70s;opacity:.7}@keyframes drift{0%{transform:translate(-8vw)}50%{transform:translate(8vw)}to{transform:translate(-8vw)}}.hill{position:absolute;border-radius:50% 50% 0 0}.h1{width:120vw;height:46vh;left:-30vw;bottom:-18vh;background:#9fd18a}.h2{width:110vw;height:40vh;right:-40vw;bottom:-20vh;background:#84c27a}.h3{width:140vw;height:30vh;left:-20vw;bottom:-18vh;background:#6fb36c}.login-card{position:relative;width:min(420px,100%);display:grid;gap:18px}.brand{display:flex;align-items:center;gap:12px;justify-content:center}.brand h1{margin:0;font-size:34px;font-weight:700;letter-spacing:.2px}.brand h1 em{font-style:normal;color:var(--leaf)}.brand-leaf{width:34px;height:34px;border-radius:0 60%;background:linear-gradient(135deg,#7cc57f,var(--leaf-dark));transform:rotate(-12deg);box-shadow:inset -3px -3px #00000014}.login-lede{margin:-6px 0 0;text-align:center;color:var(--ink-soft);font-weight:600}.build-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-toggle button{border:2px solid var(--line);background:#fff;border-radius:14px;padding:10px;font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:var(--ink-soft)}.build-toggle button{display:flex;align-items:center;justify-content:center;gap:8px}.build-toggle .sign{font-size:22px;line-height:1;font-family:system-ui,sans-serif}.build-toggle .male .sign{color:#4f86c6}.build-toggle .female .sign{color:#d0628a}.build-toggle button.on{border-color:var(--leaf);color:var(--ink);box-shadow:0 0 0 3px #5aa46940}.creator{height:100%;display:grid;grid-template-columns:1fr minmax(360px,460px);gap:20px;padding:20px;background:radial-gradient(ellipse 70% 45% at 30% 100%,#a8d58f 0 60%,transparent 61%),linear-gradient(var(--sky-top),var(--sky-low) 75%)}.creator-stage{position:relative;min-height:0}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.stage-canvas:active{cursor:grabbing}.stage-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#fffaf0e6;border:2px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px;color:var(--ink-soft)}.creator-panel{min-height:0;display:flex;flex-direction:column;gap:14px;padding:22px}.creator-head{display:grid;gap:10px}.creator-head h2{margin:0;font-size:26px}.creator-body{flex:1;min-height:0;overflow-y:auto;padding:2px 4px 8px 2px}.creator-body h3{margin:16px 0 8px;font-size:16px;font-weight:600}.creator-body h3:first-child{margin-top:4px}.creator-foot{display:grid;gap:10px}.picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}.picker.looks{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.tile{aspect-ratio:1;padding:0;border:2px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;display:grid;place-items:center;transition:transform .1s ease}.tile:hover{transform:translateY(-2px)}.tile.on{border-color:var(--leaf);box-shadow:0 0 0 3px #5aa4694d}.tile img{width:100%;height:100%;object-fit:contain}.tile.look img{object-fit:cover}.tile[hidden]{display:none}.tile.none{font-family:Fredoka,sans-serif;font-weight:600;color:var(--ink-soft);font-size:14px}.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(74,58,42,.2);padding:0}.swatch.big{width:42px;height:42px}.swatch.on{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--leaf)}.swatch.original{background:conic-gradient(#e86a5c,#f3c25b,#78c27a,#5aa0d6,#a77bd1,#e86a5c)!important}.slider{display:grid;gap:4px;margin:10px 0 18px}.slider-label{font-family:Fredoka,sans-serif;font-weight:600}.slider input{width:100%;accent-color:var(--leaf)}.slider-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-soft);font-weight:700}.slider-ends em{font-style:normal}@media (max-width: 820px){body{overflow:auto}.creator{height:auto;min-height:100%;grid-template-columns:1fr;grid-template-rows:52vh auto;padding:12px 16px}.creator-panel{padding:18px}.creator-body{overflow:visible}.tabs button{font-size:14px;padding:8px 6px}}kbd{font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;background:var(--paper);border:1.5px solid var(--line);border-radius:6px;padding:0 5px;margin-left:4px}.hud-left{display:flex;gap:8px;align-items:center}.coins{display:inline-flex;align-items:center;gap:5px;font-family:Fredoka,sans-serif;font-weight:600}.coins img{width:22px;height:22px}.item-icon{position:relative;display:inline-grid;place-items:center;flex:none}.item-icon img{width:100%;height:100%;object-fit:contain}.item-icon .badge{position:absolute;right:-4px;bottom:-4px;width:55%;height:55%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.icon-amber img:first-child{filter:hue-rotate(-115deg) saturate(1.6) brightness(1.15)}.icon-oldCoin img{filter:grayscale(.5) sepia(.4) brightness(.85)}.goal{position:absolute;top:66px;left:16px;max-width:min(340px,calc(100% - 32px));display:flex;gap:12px;align-items:center;padding:12px 16px;font-size:14px}.goal b{display:block;font-weight:700;line-height:1.3}.goal small{color:var(--ink-soft);font-weight:700}.goal-arrow{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--leaf);color:#fff;font-weight:700;font-size:20px;transition:transform .25s ease}.hud-prompt{bottom:108px}.or-click{font-family:Nunito,sans-serif;font-size:12px;font-weight:700;color:var(--ink-soft);margin-left:2px}.hud-prompt.off{opacity:.85;color:var(--ink-soft)}.hud-prompt.urgent{background:#fff1d6;border-color:var(--berry);color:var(--berry);animation:nudge .5s ease infinite alternate}@keyframes nudge{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.07)}}.pockets{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:grid;grid-template-columns:repeat(12,52px);gap:6px;padding:8px;background:#fffaf0eb;border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.slot{position:relative;width:52px;height:52px;border-radius:12px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;padding:0}.slot.empty{background:var(--paper);border-style:dashed}.slot.on{border-color:var(--leaf);box-shadow:0 0 0 3px #5aa4694d}.slot .qty{position:absolute;right:3px;bottom:1px;font-family:Fredoka,sans-serif;font-size:13px;background:var(--cream);border-radius:8px;padding:0 4px}.slot-pop{position:absolute;left:50%;bottom:96px;transform:translate(-50%);display:flex;gap:12px;align-items:center;padding:10px 14px}.slot-pop small{display:block;color:var(--ink-soft);font-weight:700}.toasts{position:absolute;top:76px;left:50%;transform:translate(-50%);display:grid;gap:8px;justify-items:center;pointer-events:none}.toast{background:var(--cream);border:2px solid var(--line);border-radius:14px;padding:10px 16px;font-weight:700;box-shadow:0 8px 20px #4a3a2a2e;animation:pop .25s ease}.toast.good{border-color:var(--leaf)}.toast.warn{border-color:var(--berry);color:#8f3a31}@keyframes pop{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.dev{position:absolute;right:16px;bottom:96px;opacity:.7}.dialog-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c2e1e40}.dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 32px));max-height:calc(100% - 48px);display:flex;flex-direction:column;gap:14px;padding:22px}.dialog.small{width:min(380px,calc(100% - 32px))}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-head h2{margin:0 0 4px;font-size:24px}.dialog-head .coins{background:var(--paper);border:2px solid var(--line);border-radius:999px;padding:6px 12px}.rows{list-style:none;margin:0;padding:0;overflow-y:auto;display:grid;gap:8px}.rows li{display:flex;align-items:center;gap:12px;padding:8px 10px;background:#fff;border:2px solid var(--line);border-radius:14px}.rows li.empty{justify-content:center;color:var(--ink-soft);font-weight:700;padding:18px}.row-name{flex:1;font-weight:700}.row-name small{display:block;color:var(--ink-soft);font-weight:600}.row-price{color:var(--ink-soft);font-weight:700;font-size:13px;white-space:nowrap}.stepper{display:inline-flex;align-items:center;gap:6px}.stepper button{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--paper);font-weight:700;padding:0}.stepper b{min-width:18px;text-align:center;font-family:Fredoka,sans-serif}.dialog-foot{display:flex;justify-content:space-between;gap:10px}.trades li{flex-wrap:wrap}.trade-side{display:flex;gap:10px;flex:1;min-width:150px}.trade-item{display:flex;align-items:center;gap:6px}.trade-item b{font-size:14px}.trade-item small{color:var(--ink-soft);font-weight:700;margin-left:2px}.trade-arrow{font-size:22px;color:var(--leaf);font-weight:700}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.pick{display:grid;justify-items:center;gap:6px;padding:12px 8px;border:2px solid var(--line);border-radius:14px;background:#fff;font-weight:700}.pick:hover{border-color:var(--leaf)}@media (max-width: 820px){.pockets{grid-template-columns:repeat(6,46px);gap:5px}.slot{width:46px;height:46px}.hud-prompt,.slot-pop{bottom:150px}.goal{top:112px}.hud-top{flex-wrap:wrap;gap:8px}}.world{position:relative;height:100%;overflow:hidden;background:#bfe4ee}.world-canvas{width:100%;height:100%;display:block;touch-action:none}.hud-top{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud-top>*{pointer-events:auto}.hud-chip{display:flex;align-items:center;gap:8px;background:var(--cream);border:2px solid var(--line);border-radius:999px;padding:8px 16px;font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;box-shadow:0 6px 16px #4a3a2a29}.brand-leaf.small{width:18px;height:18px}.hud-actions{display:flex;gap:8px}.btn.small{padding:7px 14px;font-size:15px;box-shadow:0 6px 16px #4a3a2a24}.hud-prompt{position:absolute;left:50%;bottom:84px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--cream);border:2px solid var(--line);border-radius:999px;padding:10px 18px;font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;box-shadow:0 8px 20px #4a3a2a33}.hud-prompt kbd{background:var(--leaf);color:#fff;border-radius:8px;padding:2px 8px;font-family:inherit;box-shadow:0 2px 0 var(--leaf-dark)}.hud-toast{position:absolute;left:50%;top:76px;transform:translate(-50%);max-width:min(440px,calc(100% - 32px));background:var(--cream);border:2px solid var(--line);border-radius:16px;padding:12px 18px;font-weight:700;text-align:center;box-shadow:0 8px 20px #4a3a2a2e}.hud-help{position:absolute;left:16px;bottom:18px;max-width:230px;background:#fffaf0d9;border-radius:14px;padding:8px 12px;font-size:13px;font-weight:700;color:var(--ink-soft);line-height:1.8}@media (max-width: 1240px){.hud-help{display:none}}.world-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(var(--sky-top),var(--sky-low));padding:16px}.loading-card{width:min(380px,100%);display:grid;gap:14px;text-align:center}.loading-card h2{margin:0;font-size:22px}.bar{height:14px;border-radius:999px;background:var(--paper);border:2px solid var(--line);overflow:hidden}.bar span{display:block;height:100%;background:var(--leaf);transition:width .3s ease}.minigame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;gap:8px;justify-items:center;padding:18px 20px;width:min(420px,calc(100% - 32px))}.minigame h2{margin:0;font-size:22px}.minigame-canvas{width:100%;max-width:360px;aspect-ratio:360 / 300;touch-action:none;background:var(--paper);border-radius:16px;border:2px solid var(--line);cursor:pointer}.minigame .hint{text-align:center;margin:0}.stepper-gap{width:86px}.pick.journal small{color:var(--ink-soft);font-weight:600;font-size:12px}.pick.journal.unseen img{filter:brightness(0) opacity(.25)}