@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#163b36;background:#f4f1e9;font-synthesis:none;--ink: #163b36;--muted: #6e827a;--paper: #f7f4ec;--line: rgba(22, 59, 54, .14);--green: #1c6a53;--lime: #c9df56;--coral: #ef7660;--sun: #f8ca5b;--shadow: 0 22px 60px rgba(25, 66, 56, .16)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:var(--paper)}button,input{font:inherit}button{cursor:pointer}.shell{position:relative;min-height:100dvh;overflow:hidden}.home-shell{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);background:#f4f1e9}.home-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.14;pointer-events:none;background-image:radial-gradient(#1d594c .65px,transparent .65px);background-size:12px 12px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 72%);mask-image:linear-gradient(90deg,#000,transparent 72%)}.home-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:8vw 5.5vw}.brand-lockup{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font:700 14px/1 Space Grotesk,sans-serif;letter-spacing:.16em}.brand-lockup.compact{color:#f4f1e9;font-size:12px;letter-spacing:.12em}.brand-leaf{color:var(--coral);font-size:21px;transform:rotate(15deg)}.eyebrow,.modal-kicker,.shop-kicker,.objective-kicker{color:var(--green);font:500 11px/1.2 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin:68px 0 22px}.home-copy h1{max-width:620px;margin:0;color:var(--ink);font:600 clamp(52px,7vw,104px)/.93 "Space Grotesk",sans-serif;letter-spacing:-.07em}.home-copy h1 em{color:var(--coral);font-style:normal}.home-description{max-width:430px;margin:30px 0 36px;color:#557069;font-size:16px;line-height:1.55}.home-actions{display:flex;flex-wrap:wrap;gap:12px}.button{border:0;border-radius:999px;padding:15px 20px;font:700 12px/1 Space Grotesk,sans-serif;letter-spacing:.08em;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff9e9;background:var(--green);box-shadow:0 10px 24px #1c6a532e}.button-primary span{margin-left:22px;color:var(--lime);font-size:18px;vertical-align:-2px}.button-quiet{color:var(--ink);background:transparent;border:1px solid var(--line)}.button-quiet span{margin-left:20px;color:var(--coral);font-size:17px}.home-meta{display:flex;align-items:center;gap:12px;margin-top:72px;color:var(--muted);font:11px DM Mono,monospace}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #c9df562e}.meta-divider{width:1px;height:12px;background:var(--line)}.home-scene{position:relative;min-height:100dvh;overflow:hidden;background:#aedac8;isolation:isolate}.home-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(160deg,#d9f0d8 0,#d9f0d8 32%,#acd8c7 62%,#79b59e)}.scene-sun{position:absolute;top:14%;right:17%;width:110px;height:110px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 28px #f8ca5b29}.generated-mascot{position:absolute;z-index:4;right:13%;bottom:22%;width:min(31vw,355px);filter:drop-shadow(0 24px 12px rgba(28,84,69,.18));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(1deg)}}.scene-cloud{position:absolute;width:170px;height:32px;border-radius:40px;background:#f7f4ec94}.scene-cloud:before,.scene-cloud:after{content:"";position:absolute;bottom:8px;border-radius:50%;background:inherit}.scene-cloud:before{left:26px;width:56px;height:56px}.scene-cloud:after{left:78px;width:42px;height:42px}.cloud-one{top:18%;left:12%}.cloud-two{top:31%;right:4%;transform:scale(.7);opacity:.7}.scene-store{position:absolute;z-index:2;left:16%;bottom:18%;width:48%;min-width:270px}.store-roof{display:flex;justify-content:space-around;align-items:center;height:55px;color:#fff9e9;background:var(--coral);border-radius:18px 18px 0 0;font:700 15px Space Grotesk;letter-spacing:.1em;box-shadow:inset 0 -8px #b84a3f2e}.store-awning{display:flex;height:26px;overflow:hidden;background:#fff4d3}.store-awning i{flex:1;background:#fff4d3}.store-awning i:nth-child(odd){background:var(--coral);border-radius:0 0 13px 13px}.store-front{display:grid;grid-template-columns:1fr 50px 1fr;gap:12px;min-height:180px;padding:16px;background:#f6cf83;border:7px solid #eeaf60;border-top:0}.store-window{position:relative;min-height:118px;background:#9dcfbd;border:6px solid #fff0c3}.store-door{background:#527f6f;border:6px solid #fff0c3}.window-right{display:grid;place-items:center}.window-apple,.window-cup{display:block;padding:18px;color:var(--coral);font-size:32px;text-align:center}.window-lines{position:absolute;bottom:13px;left:16%;right:16%;height:4px;background:#163b362e;box-shadow:0 -12px #163b362e}.scene-ground{position:absolute;right:-12%;bottom:-12%;left:-5%;height:36%;border-radius:50% 50% 0 0;background:#80b598}.scene-card{position:absolute;z-index:5;display:grid;gap:5px;padding:16px 18px;border:1px solid rgba(22,59,54,.12);border-radius:15px;color:var(--ink);background:#f8f6ead6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scene-card span{color:var(--green);font:10px DM Mono;letter-spacing:.14em}.scene-card strong{font:600 16px Space Grotesk}.scene-card small{color:var(--muted)}.card-top{top:23%;right:11%}.card-bottom{right:9%;bottom:11%}.scene-flower{position:absolute;z-index:3;color:var(--sun);font-size:28px}.flower-a{bottom:9%;left:12%}.flower-b{right:5%;bottom:30%;color:var(--coral)}.flower-c{right:34%;bottom:6%}.scene-monkey{display:none}.modal{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#102d2861;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal.hidden{display:none}.modal-card{position:relative;width:min(100%,430px);padding:34px;border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}.modal-card h2{margin:12px 0 10px;font:600 34px/.98 Space Grotesk;letter-spacing:-.05em}.modal-card p{margin:0 0 24px;color:var(--muted);line-height:1.5}.modal-close{position:absolute;top:14px;right:17px;border:0;color:var(--muted);background:none;font-size:26px}.modal-card label{display:grid;gap:8px;margin:13px 0;color:var(--muted);font:10px DM Mono;letter-spacing:.1em}.modal-card input{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;outline:0;color:var(--ink);background:#fffdf6}.modal-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1c6a531c}.full{width:100%;margin-top:12px}.form-error{min-height:18px;margin-top:10px;color:#b94b3e;font-size:12px}.invite-code{margin:22px 0;padding:18px;border:1px dashed rgba(28,106,83,.35);border-radius:15px;color:var(--green);background:#e4efd4;text-align:center;font:700 30px DM Mono;letter-spacing:.13em}.invite-players{display:flex;justify-content:space-between;margin-top:22px;color:var(--muted);font:10px DM Mono;letter-spacing:.08em}.invite-players strong{color:var(--ink)}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;overflow:hidden;color:var(--ink);background:#c6ddc7}.game-header{position:absolute;z-index:10;top:0;right:0;left:0;display:flex;align-items:center;gap:14px;min-height:68px;padding:max(12px,env(safe-area-inset-top)) 18px 12px;color:#f5f1e6;background:linear-gradient(180deg,rgba(18,67,55,.96),rgba(18,67,55,.75),transparent);pointer-events:none}.game-header>*{pointer-events:auto}.header-stamp{display:flex;align-items:center;gap:9px;margin-left:auto;color:#f5f1e6bf;font:10px DM Mono;letter-spacing:.06em}.header-actions{display:flex;gap:8px}.mini-button{border:1px solid rgba(245,241,230,.24);border-radius:999px;padding:9px 12px;color:#f5f1e6;background:#0f362e73;font:700 10px Space Grotesk;letter-spacing:.08em}.mini-button:hover{background:#0f362eb8}.icon-button{min-width:32px;padding-inline:9px;font-size:14px}.mobile-cash,.rush-chip,.crew-chip{display:none}.game-layout{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.connection-pill{position:absolute;top:84px;left:22px;padding:8px 12px;border:1px solid rgba(28,106,83,.18);border-radius:999px;color:var(--green);background:#f7f4ecd1;box-shadow:0 8px 24px #1341351a;font:10px DM Mono;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connection-pill.connected{color:#276c44}.toast-stack{position:absolute;top:132px;left:22px;z-index:4;display:grid;gap:8px}.toast{display:grid;gap:3px;min-width:210px;padding:10px 13px;border-left:3px solid var(--coral);border-radius:10px;color:var(--ink);background:#f7f4eceb;box-shadow:var(--shadow);animation:toast-in .2s ease-out}.toast strong{font:11px Space Grotesk}.toast span{color:var(--muted);font-size:11px}.game-sidebar{position:absolute;z-index:6;top:90px;right:20px;bottom:78px;display:flex;flex-direction:column;width:276px;padding:18px;overflow:auto;border:1px solid rgba(22,59,54,.1);border-radius:21px;background:#f7f4ecdb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sidebar-section{padding:0 0 20px;margin-bottom:18px;border-bottom:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--green);font:10px DM Mono;letter-spacing:.1em}.muted{color:var(--muted)}.crew-row{display:flex;align-items:center;gap:10px;padding:8px 0}.crew-avatar{width:30px;height:30px;border-radius:10px;background:var(--coral);box-shadow:inset 0 -5px #a3433733}.crew-row div{display:grid;gap:3px}.crew-row strong,.crew-stat strong{font:600 14px Space Grotesk}.crew-row small,.crew-stat small{color:var(--muted);font-size:10px}.crew-online{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#85bd4d}.crew-stat{display:flex;align-items:center;gap:10px;padding:9px 0}.stat-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-weight:700}.stat-icon.green{color:var(--green);background:#d9eab8}.stat-icon.coral{color:#fff;background:var(--coral)}.crew-stat div{display:grid;gap:2px}.stat-tag{margin-left:auto;color:var(--muted);font:9px DM Mono}.upgrade-row{display:flex;align-items:center;width:100%;gap:9px;padding:11px 0;border:0;color:var(--ink);text-align:left;background:transparent}.upgrade-row>span:nth-child(2){display:grid;gap:3px}.upgrade-row strong{font:600 12px Space Grotesk}.upgrade-row small{color:var(--muted);font-size:10px}.upgrade-row b{margin-left:auto;color:var(--green);font:600 12px DM Mono}.upgrade-row.locked{opacity:.5}.upgrade-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:var(--green);background:#e2efd0}.sidebar-tip{display:flex;gap:10px;margin-top:auto;padding:12px;border-radius:12px;background:#e7efdc}.sidebar-tip>span{color:var(--coral)}.sidebar-tip strong{font:10px DM Mono}.sidebar-tip p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.game-footer{position:absolute;z-index:7;right:20px;bottom:max(16px,env(safe-area-inset-bottom));left:20px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid rgba(22,59,54,.12);border-radius:16px;background:#f7f4ecd1;box-shadow:0 10px 35px #1341351a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.control-hint,.quick-actions{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.keys{display:flex;gap:3px}.keys kbd{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:#fffdf6;font:10px DM Mono}.emote-button{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--green);background:#fffdf6;font:700 10px DM Mono}.emote-button:hover{border-color:var(--coral);color:var(--coral)}.footer-label{color:var(--green);font:700 10px Space Grotesk;letter-spacing:.12em}.compact-objective,.mobile-action-dock{display:none}.shop-sheet{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;width:min(920px,100%);overflow:hidden;border-radius:25px;background:var(--paper);box-shadow:var(--shadow)}.shop-preview{position:relative;min-height:430px;padding:38px;overflow:hidden;color:#f7f4ec;background:#215d4e}.shop-preview:after{content:"";position:absolute;right:-80px;bottom:-110px;width:340px;height:340px;border-radius:50%;background:#c9df5642}.shop-preview h2{position:relative;z-index:1;max-width:280px;margin:15px 0 10px;font:600 43px/.92 Space Grotesk;letter-spacing:-.06em}.shop-preview p{position:relative;z-index:1;max-width:255px;color:#f7f4ecb3;line-height:1.45}.shop-preview img{position:absolute;z-index:2;right:8%;bottom:-4%;width:57%;filter:drop-shadow(0 20px 10px rgba(0,0,0,.2))}.shop-products{display:grid;align-content:center;gap:11px;padding:34px}.shop-product{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.product-swatch{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:12px;font-size:20px}.blue-cap{color:#fff;background:#5b8ed1}.founder-swatch{color:#fff4bb;background:#be8358}.neon-swatch{color:#e4ff5e;background:#262a6e}.shop-product>div:nth-child(2){display:grid;gap:3px}.shop-product strong{font:600 13px Space Grotesk}.shop-product small{color:var(--muted);font-size:10px}.shop-cta{margin-left:auto;border:0;border-radius:999px;padding:9px 10px;color:#fff;background:var(--green);font:700 9px DM Mono}.shop-cta.disabled{color:var(--muted);background:#e7e5dc}.shop-footnote{padding-top:8px;color:var(--muted);font-size:11px;text-align:center}@keyframes toast-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.home-shell{grid-template-columns:1fr}.home-copy{min-height:60dvh;padding:38px 8vw 24px}.home-copy h1{font-size:clamp(50px,14vw,78px)}.eyebrow{margin-top:42px}.home-description{margin-block:20px 24px}.home-meta{margin-top:28px}.home-scene{min-height:40dvh}.scene-store{bottom:7%;left:10%;width:57%}.generated-mascot{right:7%;bottom:9%;width:43vw}.scene-card{transform:scale(.78);transform-origin:bottom right}.card-top{top:12%;right:6%}.card-bottom{right:3%;bottom:4%}.game-sidebar,.game-footer,.header-stamp,.connection-pill{display:none}.game-header{min-height:65px;gap:8px;padding-right:12px;padding-left:12px;background:linear-gradient(180deg,rgba(18,67,55,.96),rgba(18,67,55,.4),transparent)}.brand-lockup.compact{font-size:10px;gap:5px}.brand-lockup.compact .brand-leaf{font-size:16px}.mobile-cash,.rush-chip,.crew-chip{display:inline-flex;align-items:center}.mobile-cash{margin-left:auto;color:#f5f1e6;font:700 13px DM Mono}.rush-chip{gap:3px;padding:7px 8px;border:1px solid rgba(201,223,86,.35);border-radius:999px;color:#f4f1e9;background:#1c6a538c;font:9px DM Mono}.rush-chip span{color:var(--lime)}.crew-chip{justify-content:center;gap:3px;width:35px;height:31px;border:1px solid rgba(245,241,230,.25);border-radius:10px;color:#f5f1e9;background:#0f362e73}.crew-chip b{font:11px DM Mono}.header-actions{gap:5px}.mini-button{padding:8px 9px;font-size:9px}.wardrobe-button{width:32px;padding:8px 0;overflow:hidden;font-size:0}.wardrobe-button:before{content:"✦";font-size:14px;color:var(--lime)}.compact-objective{position:absolute;z-index:8;top:max(74px,calc(env(safe-area-inset-top) + 66px));left:12px;display:flex;align-items:center;gap:9px;width:min(220px,calc(100vw - 24px));min-height:48px;padding:8px 10px;border:1px solid rgba(22,59,54,.13);border-radius:14px;color:var(--ink);text-align:left;background:#f7f4ecdb;box-shadow:0 10px 28px #1341351f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.compact-objective .fruit-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e2efd0;font-size:15px}.compact-objective>span:nth-child(2){display:grid;gap:2px}.compact-objective strong{font:600 12px Space Grotesk}.compact-objective small{color:var(--muted);font-size:10px}.compact-objective .objective-progress{position:absolute;right:10px;bottom:7px;left:46px;height:3px;overflow:hidden;border-radius:99px;background:#dce4d6}.compact-objective .objective-progress i{display:block;width:30%;height:100%;border-radius:inherit;background:var(--coral);transition:width .25s}.mobile-action-dock{position:absolute;z-index:8;right:13px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));display:flex;flex-direction:column;gap:9px}.dock-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border-color:#163b3624;background:#f7f4ecd6;box-shadow:0 8px 20px #13413521;font-size:16px}.shop-sheet{grid-template-columns:1fr;max-height:calc(100dvh - 28px);overflow:auto}.shop-preview{min-height:240px;padding:27px}.shop-preview h2{max-width:220px;font-size:34px}.shop-preview p{max-width:220px;font-size:12px}.shop-preview img{right:4%;width:42%}.shop-products{padding:19px}.shop-product{padding:10px}.shop-cta{font-size:8px}.modal{padding:14px}}@media(max-width:420px){.home-copy{padding-inline:7vw}.home-copy h1{font-size:52px}.home-description{font-size:14px}.home-meta{gap:7px;font-size:9px}.meta-divider{display:none}.home-scene{min-height:36dvh}.scene-store{min-width:210px}.store-front{min-height:125px;grid-template-columns:1fr 32px 1fr;padding:9px;gap:7px}.store-window{min-height:80px;border-width:4px}.store-door{border-width:4px}.store-roof{height:38px;font-size:10px}.store-awning{height:18px}.generated-mascot{width:46vw}.game-header{gap:5px}.brand-lockup.compact span:last-child{display:none}.mobile-cash{font-size:11px}.rush-chip{font-size:8px}.mini-button{padding-inline:7px}.compact-objective{top:71px;width:202px}.shop-preview{min-height:215px}.shop-preview img{bottom:-10%}}