@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fredoka:wght@500;600;700&display=swap";:root{font-family:DM Sans,ui-rounded,system-ui,sans-serif;color:#f7f4df;background:#142522;font-synthesis:none;--cream: #f7f0d2;--ink: #18302c;--leaf: #4e7d52;--moss: #87a95c;--sun: #f0bd55;--clay: #d27558;--glass: rgba(20, 42, 38, .8);--daylight: 1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none}body{background:#152b27;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;border:0;cursor:pointer}#world{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.sky-wash{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,28,39,calc((1 - var(--daylight)) * .42)),transparent 42%,rgba(7,22,18,.12));mix-blend-mode:multiply}.panel-noise:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.start-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 68% 30%,rgba(244,191,86,.18),transparent 26%),linear-gradient(130deg,#0c251fb3,#10231f57);transition:opacity .7s,visibility .7s}.start-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,28,25,.76) 0%,rgba(13,31,27,.36) 54%,transparent 100%)}.playing .start-screen{opacity:0;visibility:hidden;pointer-events:none}.start-card{position:relative;z-index:1;width:min(650px,86vw);margin-right:min(31vw,390px);text-shadow:0 2px 22px rgba(8,23,20,.35)}.eyebrow,.sheet header small,.help-card>small{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.18em;font-size:11px;text-transform:uppercase;color:#d4e7aa}.eyebrow:before{content:"";width:28px;height:2px;background:var(--sun)}h1{font:700 clamp(54px,8vw,108px)/.82 "Fredoka",sans-serif;letter-spacing:-.065em;margin:18px 0 26px;filter:drop-shadow(0 8px 0 rgba(14,43,35,.4))}h1 span{color:#bedb78;display:block;margin-left:.72em}.lede{max-width:600px;font-size:clamp(16px,1.8vw,21px);line-height:1.55;color:#fffff0e0}.feature-row{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.feature-row span{padding:8px 12px;border:1px solid rgba(255,255,225,.2);background:#0e282266;border-radius:99px;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.primary-button{min-width:230px;padding:15px 18px 15px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--cream);color:var(--ink);border-radius:15px;font-weight:800;box-shadow:0 8px #9eb273,0 16px 38px #030f0c3d;transition:transform .15s}.primary-button:active{transform:translateY(4px);box-shadow:0 4px #9eb273}.primary-button i{font-style:normal;width:32px;height:32px;display:grid;place-items:center;background:var(--leaf);color:#fff;border-radius:10px}.desktop-hint{font-size:11px;letter-spacing:.08em;color:#ffffe69e;margin-top:19px;text-transform:uppercase}.start-vignette{position:absolute;z-index:1;right:8%;bottom:14%;width:220px;height:200px}.start-vignette i{position:absolute;bottom:0;width:70px;height:110px;border-radius:55% 55% 10px 10px;background:linear-gradient(#88b45f,#355a45);filter:drop-shadow(0 10px 20px rgba(8,20,18,.3));transform-origin:bottom}.start-vignette i:nth-child(1){left:12px;transform:rotate(-24deg) scale(.7)}.start-vignette i:nth-child(2){left:80px;height:170px}.start-vignette i:nth-child(3){right:0;transform:rotate(20deg) scale(.8)}.hud{position:fixed;inset:0;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s .35s}.playing .hud{opacity:1;visibility:visible}.topbar{position:absolute;z-index:3;top:max(14px,env(safe-area-inset-top));left:max(17px,env(safe-area-inset-left));right:max(17px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start}.location-pill,.discovery-count,.round-button{pointer-events:auto;background:#102923bd;border:1px solid rgba(255,255,220,.13);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 24px #04171226}.location-pill{display:flex;align-items:center;gap:10px;border-radius:14px;padding:9px 14px 9px 10px}.location-pill small{font-size:8px;letter-spacing:.14em;color:#e4ca83;display:block;font-weight:800}.location-pill strong{display:block;margin-top:2px;font:600 14px Fredoka}.sun-dot{width:29px;height:29px;border-radius:50%;background:var(--sun);box-shadow:0 0 18px #f7c6568c}.top-actions{display:flex;gap:8px}.discovery-count{border-radius:12px;display:flex;align-items:center;gap:6px;padding:8px 11px;font-size:12px}.round-button{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-weight:800}.crosshair{position:absolute;width:27px;height:27px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #17322b)}.crosshair i{position:absolute;background:#ffffe8e6;border-radius:3px}.crosshair i:nth-child(1),.crosshair i:nth-child(2){width:7px;height:2px;top:12px}.crosshair i:nth-child(1){left:1px}.crosshair i:nth-child(2){right:1px}.crosshair i:nth-child(3),.crosshair i:nth-child(4){width:2px;height:7px;left:12px}.crosshair i:nth-child(3){top:1px}.crosshair i:nth-child(4){bottom:1px}.crosshair span{position:absolute;width:4px;height:4px;border:1px solid white;border-radius:50%;left:11px;top:11px}.target-card{position:absolute;left:50%;top:calc(50% + 28px);transform:translate(-50%,5px);opacity:0;padding:5px 10px;text-align:center;border-radius:8px;background:#0e231ead;transition:.2s}.target-card.show{opacity:1;transform:translate(-50%)}.target-card small{display:block;font-size:7px;letter-spacing:.13em;color:#d9c680}.target-card strong{font-size:10px}.look-zone{position:absolute;z-index:1;inset:0 0 0 40%;pointer-events:auto;touch-action:none}.joystick{pointer-events:auto;position:absolute;z-index:2;left:max(28px,env(safe-area-inset-left));bottom:max(36px,env(safe-area-inset-bottom));width:132px;height:132px;display:grid;place-items:center;touch-action:none}.joystick-ring{position:relative;width:100px;height:100px;border:1px solid rgba(255,255,230,.23);border-radius:50%;background:#132d2629;box-shadow:inset 0 0 30px #08171424;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.joystick-nub{position:absolute;left:27px;top:27px;width:46px;height:46px;border-radius:50%;background:#f7f0d2d1;border:3px solid rgba(255,255,255,.4);box-shadow:0 7px 18px #07181247;transition:transform .08s}.action-stack{position:absolute;z-index:2;right:max(25px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,62px);grid-template-rows:repeat(2,62px);gap:9px;pointer-events:none}.action-button{pointer-events:auto;border-radius:50%;background:#15342cb8;border:1px solid rgba(255,255,230,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #07181340;display:flex;flex-direction:column;justify-content:center;align-items:center}.action-button span{font:700 22px Fredoka;line-height:18px}.action-button small{font-size:7px;font-weight:800;letter-spacing:.07em;opacity:.75}.action-button:active{transform:scale(.92);background:#f0bd55d6;color:#17362e}.action-button.jump{grid-column:2;grid-row:1}.action-button.place{grid-column:1;grid-row:2}.action-button.mine{grid-column:2;grid-row:2;background:#f7f0d2d9;color:#1d3b33}.bottom-dock{position:absolute;z-index:2;pointer-events:none;left:50%;bottom:max(15px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:flex-end;gap:8px}.hotbar{pointer-events:auto;display:flex;gap:4px;padding:5px;border-radius:15px;background:#112a23c2;border:1px solid rgba(255,255,225,.14);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);box-shadow:0 10px 28px #0415103d}.hotbar-slot{width:48px;height:48px;border-radius:10px;background:#fffff014;position:relative;font-size:22px}.hotbar-slot i{position:absolute;right:4px;bottom:2px;font:600 8px DM Sans;font-style:normal;opacity:.48}.hotbar-slot.active{background:var(--cream);transform:translateY(-5px);box-shadow:0 5px #8ea268;color:#254139}.hotbar-slot.active:before{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border:4px solid transparent;border-top-color:#8ea268}.selected-label{position:absolute;left:50%;bottom:63px;transform:translate(-50%);white-space:nowrap;background:#102822c2;border-radius:10px;padding:5px 10px;display:grid;grid-template-columns:auto auto;gap:0 6px;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.selected-label span{grid-row:span 2}.selected-label strong{font-size:10px}.selected-label small{font-size:7px;color:#d7ca89;letter-spacing:.1em}.catalog-button{pointer-events:auto;width:64px;height:58px;border-radius:15px;background:var(--sun);color:#233a31;box-shadow:0 5px #a87138;display:flex;flex-direction:column;align-items:center;justify-content:center}.catalog-button span{font-size:20px}.catalog-button small{font-size:6px;font-weight:800;letter-spacing:.05em}.sheet{position:fixed;inset:0;z-index:60;visibility:hidden;pointer-events:none}.sheet.open{visibility:visible;pointer-events:auto}.sheet-scrim{position:absolute;inset:0;width:100%;height:100%;background:#04120f7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:.25s}.sheet.open .sheet-scrim{opacity:1}.sheet-card{position:absolute;right:0;top:0;height:100%;width:min(470px,92vw);background:#f0ead1;color:var(--ink);padding:max(24px,env(safe-area-inset-top)) 25px max(22px,env(safe-area-inset-bottom));box-shadow:-22px 0 60px #0516114d;transform:translate(103%);transition:transform .34s cubic-bezier(.2,.8,.2,1);overflow:hidden}.sheet.open .sheet-card{transform:translate(0)}.sheet-card header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.sheet-card header small{color:#708a55}.sheet-card h2,.help-card h2{font:700 31px/1 Fredoka;letter-spacing:-.04em;margin:5px 0}.sheet-card .round-button{background:#dcd5ba;color:#365046}.sheet-handle{display:none}.tabs{position:relative;z-index:1;display:flex;gap:4px;padding:4px;background:#dcd5bd;border-radius:12px;margin:24px 0 14px}.tabs button{flex:1;padding:9px;background:transparent;border-radius:9px;color:#536459;font-weight:700;font-size:12px}.tabs button.active{background:#fffdf0;color:#24483b;box-shadow:0 2px 7px #25332b1f}.catalog-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;max-height:calc(100vh - 205px);padding:2px 3px 20px}.catalog-item{position:relative;min-height:78px;border-radius:14px;background:#fffdefb8;border:1px solid rgba(45,74,61,.11);display:grid;grid-template-columns:43px 1fr 18px;align-items:center;gap:7px;text-align:left;padding:9px;color:var(--ink)}.catalog-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:var(--swatch)}.catalog-item:active{transform:scale(.97);background:#fff}.catalog-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--swatch) 20%,#f8f4db);font-size:21px}.catalog-item strong{display:block;font:600 11px Fredoka}.catalog-item small{display:block;font-size:8px;line-height:1.25;color:#768077;margin-top:3px}.catalog-item i{font-style:normal;font-size:17px;color:#78935a}.catalog-tip{text-align:center;font-size:9px;color:#748075;margin:8px}.toast{position:absolute;top:17%;left:50%;transform:translate(-50%,-8px);opacity:0;background:#f7f0d2f0;color:#234137;padding:9px 15px;border-radius:11px;font-size:11px;font-weight:700;box-shadow:0 8px 30px #0719133b;transition:.25s}.toast.show{opacity:1;transform:translate(-50%)}.menu-card{width:min(420px,92vw)}.menu-option{position:relative;z-index:1;width:100%;display:flex;gap:13px;align-items:center;text-align:left;padding:13px;margin-top:9px;border-radius:13px;background:#fffdefb3;color:#29453c;border:1px solid rgba(43,72,59,.1)}.menu-option>span{font-size:22px}.menu-option strong,.menu-option small{display:block}.menu-option strong{font:600 13px Fredoka}.menu-option small{font-size:9px;color:#778177;margin-top:3px}.menu-option.danger{margin-top:28px;color:#8b4d3c}.menu-card>p{text-align:center;font-size:8px;color:#909483;letter-spacing:.1em;margin-top:24px}.help-card{position:fixed;z-index:80;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:min(590px,88vw);background:#f3edd5;color:#1c3b31;padding:30px;border-radius:24px;box-shadow:0 30px 100px #04120e80;opacity:0;visibility:hidden;transition:.25s}.help-card[aria-hidden=false]{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.help-card>.round-button{position:absolute;right:18px;top:18px;background:#ded7be;color:#25463a}.help-card>small{color:#78935a}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.help-grid div{padding:14px;border-radius:14px;background:#e4dec5}.help-grid b{display:block;font:700 20px Fredoka;color:#98ac66}.help-grid span{display:block;font-size:10px;line-height:1.45;margin-top:7px}.help-card>.primary-button{box-shadow:none;background:#4f7554;color:#fff;min-width:140px}.help-card>.primary-button:active{box-shadow:none}.discovery-card{position:absolute;left:max(18px,env(safe-area-inset-left));top:88px;display:flex;gap:12px;align-items:center;width:270px;padding:12px;border-radius:16px;background:#f5efd3f2;color:#1f4035;box-shadow:0 13px 35px #04191247;transform:translate(-120%);transition:.45s cubic-bezier(.2,.9,.25,1)}.discovery-card.show{transform:translate(0)}.discovery-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#d9e2ac;font-size:25px}.discovery-card small{font-size:7px;letter-spacing:.12em;color:#7c925a;font-weight:800}.discovery-card strong{font:600 15px Fredoka;display:block}.discovery-card p{font-size:9px;margin:2px 0;color:#68776e}.rotate-nudge{display:none}@media(hover:hover)and (pointer:fine){.joystick,.action-stack{display:none}.bottom-dock{bottom:21px}.look-zone{inset:0}.catalog-button{height:58px}.hotbar-slot{width:52px;height:52px}}@media(max-width:800px){.start-card{margin-right:18vw;width:72vw}.start-vignette{right:2%;transform:scale(.65)}.feature-row{margin:14px 0}.lede{font-size:14px;max-width:480px}.desktop-hint{display:none}.hotbar-slot{width:42px;height:42px}.hotbar{gap:2px}.bottom-dock{bottom:max(8px,env(safe-area-inset-bottom))}.selected-label{bottom:52px}.catalog-button{width:52px;height:52px}.joystick{left:max(12px,env(safe-area-inset-left));bottom:max(13px,env(safe-area-inset-bottom))}.action-stack{right:max(13px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.location-pill{padding:6px 9px}.sun-dot{width:24px;height:24px}.location-pill strong{font-size:11px}.location-pill small{font-size:7px}.discovery-count{padding:6px 8px}.topbar .round-button{width:34px;height:34px}.catalog-grid{grid-template-columns:1fr 1fr}.sheet-card{padding-left:20px;padding-right:20px}.help-grid{gap:7px}.help-grid div{padding:10px}}@media(max-height:470px){h1{font-size:54px;margin:10px 0 13px}.start-card{width:67vw}.lede{font-size:12px;line-height:1.35;margin:0}.feature-row{margin:10px 0}.feature-row span{padding:5px 8px;font-size:9px}.primary-button{padding:10px 12px 10px 18px}.catalog-grid{max-height:calc(100vh - 170px)}.sheet-card h2{font-size:24px}.tabs{margin:12px 0 8px}.catalog-item{min-height:62px}.catalog-tip{display:none}.help-card{padding:22px}.help-card h2{font-size:24px;margin:4px 0}.help-grid{margin:12px 0}.help-grid div{display:flex;gap:7px;align-items:center}.help-grid span{margin:0}.help-grid b{font-size:14px}}@media(orientation:portrait)and (pointer:coarse){.rotate-nudge{position:fixed;z-index:100;inset:0;background:#17352e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.rotate-nudge span{font-size:48px;color:#edc15c}.rotate-nudge strong{font:600 22px Fredoka}.rotate-nudge small{font-size:11px;color:#b9c6a0}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}