@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans/PixelifySans-VariableFont_wght.ttf)format("truetype");font-style:normal;font-weight:400 700;font-display:swap}:root{color:#243650;font-synthesis:none;--ink:#fffbebdb;--ink-strong:#fffbebf5;--ink-soft:#f6fbf4c2;--line:#2a475d29;--paper-line:#ffffffad;--text:#243650;--muted:#243650a3;--gold:#e8aa45;--gold-strong:#b86d22;--gold-soft:#e8aa452e;--cyan:#31b4ce;--cyan-soft:#31b4ce21;--night:#112237eb;--shadow:0 12px 34px #2c4c5b29, 0 2px 6px #25404f14;background:#91d8f3;font-family:Pixelify Sans,Courier New,monospace}*{box-sizing:border-box}html,body,#app,#world{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app{isolation:isolate;position:relative}#world canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#world.can-interact canvas{cursor:pointer}#world canvas.is-dragging{cursor:grabbing}#app:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 52%,#080f2714 84%,#060a1c29),linear-gradient(#07112d17,#0000 17% 80%,#070c1f21);position:absolute;inset:0}.top-hud,.mission-rail,.onboarding-guide,.field-kit,.supply-kiosk,.action-bar,.toast,.move-stick,.jump-button,.portal-prompt{z-index:3;position:absolute}.top-hud,.onboarding-guide,.field-kit,.supply-kiosk,.action-bar,.mission-toggle,.mission-drawer{background:var(--ink);border:1px solid var(--paper-line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px)saturate(1.08)}.top-hud{top:max(14px, env(safe-area-inset-top));width:min(1100px,100vw - 36px);min-height:46px;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;grid-template-columns:minmax(220px,1fr) auto minmax(150px,1fr);align-items:center;gap:18px;padding:0;animation:.32s ease-out both hud-enter-top;display:grid;left:50%;transform:translate(-50%)}.brand-lockup{border:1px solid var(--paper-line);background:var(--ink);min-width:0;min-height:46px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px)saturate(1.08);backdrop-filter:blur(15px)saturate(1.08);border-radius:18px;justify-self:start;align-items:center;gap:9px;padding:5px 13px 5px 6px;display:flex}.crest{color:#25324a;background:var(--gold);border:1px solid #ffffff94;border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 18px #f2be5c38}.brand-lockup h1,.brand-lockup p,.presence strong,.presence span,.objective p,.event-beacon strong,.event-beacon span,.action-context strong,.action-context span{margin:0}.brand-lockup h1{letter-spacing:.045em;font-family:Pixelify Sans,Courier New,monospace;font-size:18px;font-weight:700;line-height:1}.brand-lockup p{max-width:220px;color:var(--muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;line-height:1;overflow:hidden}.zone-switch{border:1px solid var(--paper-line);background:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px)saturate(1.08);backdrop-filter:blur(15px)saturate(1.08);border-radius:18px;align-items:center;gap:2px;padding:3px;display:flex}.zone-switch button,.action-bar button,.event-beacon,.mission-toggle{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;transition:color .16s,background .16s,transform .16s,box-shadow .16s}.zone-switch button{letter-spacing:.05em;border-radius:14px;align-items:center;gap:5px;min-height:34px;padding:5px 10px;font-size:9px;font-weight:760;display:flex;position:relative}.zone-switch button:after{content:"";background:var(--gold);border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0)}.zone-switch button i{color:#fff8e86b;font-size:8px;font-style:normal}.zone-switch button.is-active{color:var(--text);background:var(--gold-soft)}.zone-switch button.is-active:after{transform:scaleX(1)}.zone-switch button.is-active i{color:var(--gold)}.zone-switch button[data-focus=wild].is-active:after{background:var(--cyan)}.zone-switch button[data-focus=wild].is-active i{color:var(--cyan)}.presence{border:1px solid var(--paper-line);background:var(--ink);min-height:40px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px)saturate(1.08);backdrop-filter:blur(15px)saturate(1.08);text-align:right;border-radius:18px;justify-self:end;align-items:center;gap:8px;padding:6px 11px;display:flex}.presence>div{display:grid}.presence strong{letter-spacing:.05em;font-size:10px;line-height:1}.presence span{color:var(--muted);margin-top:4px;font-size:8px}.online-dot{background:#78d69b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #78d69b1c,0 0 10px #78d69b66}body[data-transport=connecting] .online-dot{background:var(--gold);animation:1.2s ease-in-out infinite status-pulse}.onboarding-guide{top:max(76px, calc(env(safe-area-inset-top) + 76px));left:max(14px, env(safe-area-inset-left));border-left:3px solid var(--gold);border-radius:5px 17px 17px 5px;width:min(268px,100vw - 28px);padding:10px 13px 9px;animation:.28s ease-out both guide-step-in}.onboarding-guide[hidden]{display:none}.guide-head{align-items:center;gap:8px;display:flex}.guide-head>div{flex:1;gap:2px;min-width:0;display:grid}.guide-head span{color:var(--gold-strong);letter-spacing:.16em;text-transform:uppercase;font-size:7px;font-weight:850}.guide-head b{color:var(--muted);font-size:8px;font-weight:680}.guide-head button{appearance:none;color:var(--muted);cursor:pointer;font:inherit;background:#2436500f;border:0;border-radius:8px;padding:5px 7px;font-size:8px}.onboarding-guide h2{letter-spacing:.01em;margin:8px 0 3px;font-size:14px;line-height:1.15}.onboarding-guide>strong{letter-spacing:0;margin:7px 0 3px;font-family:Pixelify Sans,Courier New,monospace;font-size:14px;line-height:1.15;display:block}.onboarding-guide p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.journey-guide{width:min(270px,100vw - 28px)}#guide-mobile{display:none}.guide-progress{background:#2436501a;border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.guide-progress b{background:var(--gold);width:0;height:100%;transition:width .25s;display:block}body.kit-open .onboarding-guide,body.kiosk-open .onboarding-guide{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-8px)}.mission-rail{top:max(76px, calc(env(safe-area-inset-top) + 76px));right:max(14px, env(safe-area-inset-right));justify-items:end;width:78px;transition:width .22s;animation:.36s ease-out 50ms both hud-enter-right;display:grid}.mission-rail.is-expanded{width:min(318px,100vw - 28px)}.mission-toggle{z-index:2;width:78px;min-height:38px;color:var(--text);background:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;display:flex;position:relative}.mission-toggle span{color:var(--gold-strong);font-size:12px}.mission-toggle b{color:var(--text);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.mission-toggle i{color:var(--muted);margin-left:auto;font-size:13px;font-style:normal;transition:transform .22s}.mission-rail.is-expanded .mission-toggle i{transform:rotate(180deg)}.mission-drawer{opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 0;border-radius:20px 8px 20px 20px;width:min(318px,100vw - 28px);max-height:calc(100vh - 176px);padding:14px;transition:opacity .18s,visibility .18s,transform .22s;position:absolute;top:46px;right:0;overflow:auto;transform:translate(12px)scale(.98)}.mission-rail.is-expanded .mission-drawer{opacity:1;visibility:visible;pointer-events:auto;transform:none}.objective{border-bottom:1px solid var(--line);padding:1px 1px 13px}.objective-line{align-items:center;gap:7px;display:flex}.objective-index{color:var(--gold-strong);letter-spacing:.12em;flex:none;font-size:7px;font-weight:850}.objective p{min-width:0;color:var(--text);flex:1;gap:2px;display:grid;overflow:hidden}.objective p b{text-overflow:ellipsis;white-space:nowrap;font-family:Pixelify Sans,Courier New,monospace;font-size:11px;font-weight:720;overflow:hidden}.objective p small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;line-height:1.25;overflow:hidden}.objective-count{color:var(--muted);white-space:nowrap;font-size:8px}.objective-count b{color:var(--text);font-size:11px}.objective>i{background:#2436501a;border-radius:3px;height:2px;margin-top:7px;display:block;overflow:hidden}.objective>i b{background:var(--gold);border-radius:inherit;width:84%;height:100%;display:block}.objective.is-complete .objective-index,.objective.is-complete>i b{color:#8bd09b;background:#8bd09b}.daily-commission{border-bottom:1px solid var(--line);background:0 0;gap:7px;margin:0;padding:12px 1px;display:grid}.commission-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.commission-head span{color:var(--gold-strong);letter-spacing:.13em;font-size:7px;font-weight:850}.commission-head b{color:var(--muted);font-size:7px;font-weight:650}.commission-giver{align-items:center;gap:7px;display:flex}.commission-giver>i{color:#17142c;background:var(--gold);border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:11px;font-style:normal;font-weight:900;display:grid}.commission-giver>div{gap:2px;min-width:0;display:grid}.commission-giver strong{text-overflow:ellipsis;white-space:nowrap;font-family:Pixelify Sans,Courier New,monospace;font-size:11px;overflow:hidden}.commission-giver span{color:var(--muted);font-size:7px}.daily-commission p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.commission-progress{align-items:center;gap:7px;display:flex}.commission-progress>i{background:#2436501a;border-radius:2px;flex:1;height:3px;overflow:hidden}.commission-progress>i b{background:var(--gold);width:0;height:100%;transition:width .2s;display:block}.commission-progress>span{color:var(--muted);white-space:nowrap;font-size:7px}.daily-commission>small{color:var(--muted);font-size:7px;line-height:1.35}.daily-commission>button,.feedback-toggle,.feedback-panel button{appearance:none;color:#17142c;background:var(--gold);cursor:pointer;border:0;border-radius:7px;font:700 8px/1 Pixelify Sans,Courier New,monospace}.daily-commission>button{min-height:29px;padding:7px 9px}.daily-commission>button:disabled{color:var(--muted);cursor:default;background:#24365012}.daily-commission[data-status=complete]{box-shadow:inset 2px 0 var(--gold)}.daily-commission[data-status=claimed]{opacity:.72}.memory-reward{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;gap:6px;margin:0;padding:12px 1px;display:grid}.memory-reward>div:first-child{justify-content:space-between;align-items:center;gap:8px;display:flex}.memory-reward strong,.memory-reward b{color:var(--text)}.memory-reward>strong{font-family:Pixelify Sans,Courier New,monospace;font-size:12px}.memory-reward p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.memory-reward button{color:#08222c;background:var(--cyan);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:7px;min-height:28px;font:700 8px/1 Pixelify Sans,Courier New,monospace}.memory-reward button:disabled{cursor:default;opacity:.44}.feedback-toggle{width:100%;color:var(--muted);background:0 0;margin-top:7px;padding:8px}.feedback-toggle span{color:var(--gold);margin-right:5px}.feedback-panel{background:#2436500d;border-radius:12px;margin-top:6px;padding:9px}.feedback-panel[hidden]{display:none}.feedback-panel>strong{font-size:9px}.feedback-panel>p{color:var(--muted);margin:3px 0 7px;font-size:7px;line-height:1.4}.feedback-panel>div{grid-template-columns:1fr 1fr;gap:4px;display:grid}.feedback-panel button{color:var(--text);background:#24365012;padding:7px 5px}.event-beacon{width:100%;min-height:44px;color:var(--text);background:var(--cyan-soft);text-align:left;border:1px solid #31b4ce2e;border-radius:13px;align-items:center;gap:8px;margin-top:10px;padding:7px;display:flex}.event-icon{color:#071d2b;background:var(--cyan);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.event-beacon div{flex:1;display:grid}.event-beacon strong{letter-spacing:.04em;font-size:9px}.event-beacon strong b{color:var(--cyan);font:inherit}.event-beacon div span{color:var(--muted);margin-top:3px;font-size:8px}.event-arrow{color:var(--cyan);font-size:17px}.event-beacon.is-active .event-icon{animation:1.45s ease-in-out infinite status-pulse}.field-kit{top:max(76px, calc(env(safe-area-inset-top) + 76px));bottom:max(76px, calc(env(safe-area-inset-bottom) + 76px));left:max(14px, env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 100%;border-radius:20px;width:min(318px,100vw - 28px);padding:12px;transition:opacity .18s,visibility .18s,transform .22s;overflow:auto;transform:translate(-12px)scale(.985)}.field-kit.is-expanded{opacity:1;visibility:visible;pointer-events:auto;transform:none}.field-kit header{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:9px;display:flex}.field-kit header>div{flex:1;gap:2px;min-width:0;display:grid}.field-kit header span{color:var(--gold);letter-spacing:.15em;text-transform:uppercase;font-size:7px;font-weight:850}.field-kit header strong{text-overflow:ellipsis;white-space:nowrap;font-family:Pixelify Sans,Courier New,monospace;font-size:15px;overflow:hidden}.field-kit header button{appearance:none;width:28px;height:28px;color:var(--muted);cursor:pointer;font:inherit;background:#2436500f;border:0;border-radius:10px}.kit-stock{grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0;display:grid}.kit-stock span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#2436500d;border-radius:10px;gap:2px;padding:7px;font-size:7px;display:grid}.kit-stock b{color:var(--text);font-size:12px}.kit-section{margin-top:11px}.kit-section-title{color:var(--muted);letter-spacing:.13em;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:7px;display:flex}.kit-section-title span{font-weight:850}.kit-section-title b{color:var(--gold);font-weight:680}.kit-tools,.kit-recipes{gap:5px;display:grid}.kit-tool,.kit-recipe{appearance:none;width:100%;color:var(--text);box-shadow:inset 0 -1px var(--line);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;transition:background .16s,color .16s,transform .16s,box-shadow .16s}.kit-tool{grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;display:grid}.kit-tool>span{color:var(--gold);text-align:center;font-size:12px}.kit-tool>div{gap:2px;min-width:0;display:grid}.kit-tool strong,.kit-recipe strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.kit-tool small,.kit-recipe small{color:var(--muted);font-size:7px;line-height:1.3}.kit-tool>b{color:var(--muted);font-size:7px;font-weight:680}.kit-tool.is-active{color:#17142c;background:var(--gold)}.kit-tool.is-active>span,.kit-tool.is-active>b,.kit-tool.is-active small{color:#17142ca8}.kit-tool:disabled,.kit-recipe:disabled{cursor:default;opacity:.5}.kit-recipe{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;display:grid}.kit-recipe>div{gap:2px;min-width:0;display:grid}.recipe-cost{align-items:center;gap:4px;display:flex}.recipe-cost span{color:var(--muted);align-items:center;gap:2px;font-size:7px;display:flex}.recipe-cost .swatch{width:8px;height:8px}.kit-recipe>em{color:var(--muted);grid-column:2;font-size:7px;font-style:normal}.kit-recipe.is-affordable{box-shadow:inset 2px 0 var(--gold), inset 0 -1px var(--line)}.kit-recipe.is-complete{box-shadow:inset 2px 0 #e8aa4573, inset 0 -1px var(--line)}.kit-options{gap:5px;display:grid}.kit-option{appearance:none;width:100%;color:var(--text);box-shadow:inset 0 -1px var(--line);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px 9px;transition:background .16s,color .16s,transform .16s;display:grid}.kit-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.kit-option span{color:var(--muted);text-align:right;font-size:7px}.kit-option small{color:var(--muted);grid-column:1/-1;font-size:7px;line-height:1.35}.kit-option.is-equipped{color:#17142c;background:var(--gold)}.kit-option.is-equipped span,.kit-option.is-equipped small{color:#17142ca8}.kit-option:disabled{cursor:default;opacity:.5}.kit-option.is-complete:not(.is-equipped){box-shadow:inset 0 0 0 1px #f2be5c4d}.kit-home{color:var(--muted);background:var(--gold-soft);border-radius:8px;align-items:center;gap:7px;margin-top:8px;padding:8px;font-size:8px;display:flex}.kit-recovery{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:grid}.kit-recovery>div{gap:2px;display:grid}.kit-recovery strong{font-size:9px}.kit-recovery small{color:var(--muted);font-size:7px;line-height:1.35}.kit-recovery button{appearance:none;border:1px solid var(--pixel-edge,var(--line));min-height:32px;color:var(--text);background:var(--gold);cursor:pointer;padding:7px 9px;font:700 8px/1 Pixelify Sans,Courier New,monospace;box-shadow:2px 2px #4b392f38}.kit-recovery button:active{box-shadow:none;transform:translate(2px,2px)}.kit-recovery kbd{font:inherit;opacity:.68}.supply-kiosk{top:max(76px, calc(env(safe-area-inset-top) + 76px));right:max(14px, env(safe-area-inset-right));background:var(--ink-strong);opacity:0;visibility:hidden;pointer-events:none;transform-origin:100% 100%;border-radius:20px;width:min(340px,100vw - 28px);max-height:calc(100vh - 166px);padding:12px;transition:opacity .18s,visibility .18s,transform .22s;overflow:auto;transform:translate(12px)scale(.985)}.supply-kiosk.is-expanded{opacity:1;visibility:visible;pointer-events:auto;transform:none}.supply-kiosk header{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:9px;display:flex}.supply-kiosk header>div{flex:1;gap:2px;min-width:0;display:grid}.supply-kiosk header span{color:var(--gold);letter-spacing:.15em;font-size:7px;font-weight:850}.supply-kiosk header strong{font-family:Pixelify Sans,Courier New,monospace;font-size:18px}.supply-kiosk header small{color:var(--muted);font-size:8px}.supply-kiosk header button{appearance:none;width:28px;height:28px;color:var(--muted);cursor:pointer;font:inherit;background:#2436500f;border:0;border-radius:10px}.kiosk-disclaimer{color:var(--muted);margin:10px 0;font-size:8px;line-height:1.45}.kiosk-stock{gap:6px;margin-bottom:9px;display:flex}.kiosk-stock span{color:var(--muted);background:#2436500d;border-radius:10px;align-items:center;gap:4px;padding:5px 8px;font-size:8px;display:flex}.kiosk-stock b{color:var(--text)}.kiosk-items{gap:5px;display:grid}.kiosk-item{min-height:50px}.supply-kiosk footer{color:var(--muted);border-top:1px solid var(--line);margin-top:9px;padding-top:8px;font-size:7px;line-height:1.45}.kit-toggle{appearance:none;min-height:38px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;display:flex}.kit-toggle span{color:var(--gold);font-size:12px}.kit-toggle b{font-weight:760}.kit-toggle.is-active{color:var(--text);background:var(--gold-soft)}.action-bar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));border-radius:18px;grid-template-columns:auto 1px auto 1px auto minmax(160px,1fr);align-items:center;gap:8px;width:min(800px,100vw - 80px);min-height:50px;padding:5px;animation:.36s ease-out 80ms both hud-enter-bottom;display:grid;transform:translate(-50%)}.tool-actions,.materials{align-items:center;gap:3px;display:flex}.tool-actions button{border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:68px;min-height:38px;padding:6px 10px;font-size:10px;font-weight:760;display:flex}.tool-actions button span{font-size:12px}.tool-actions button.is-active{color:#17142c;background:var(--gold);box-shadow:0 4px 14px #f2be5c33}.materials button{border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:42px;min-height:34px;padding:5px 7px;font-size:9px;display:flex}.materials button.is-active{color:var(--text);background:var(--gold-soft)}.swatch{border:1px solid #ffffff2e;border-radius:3px;width:12px;height:12px;box-shadow:inset 0 1px #ffffff2e}.swatch.stone{background:#d9b38a}.swatch.clay{background:#bd624d}.swatch.grass{background:#75ad69}.bar-rule{background:var(--line);width:1px;height:24px}.action-context{gap:4px;min-width:0;padding:0 8px 0 2px;display:grid}.action-context strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:720;overflow:hidden}.action-context span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}kbd{color:var(--text);font:inherit;background:#24365014;border-radius:3px;padding:1px 3px;font-weight:760}.toast{left:50%;bottom:max(82px, calc(env(safe-area-inset-bottom) + 82px));color:#fffaf0;background:var(--night);max-width:calc(100vw - 36px);box-shadow:var(--shadow);opacity:0;pointer-events:none;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:8px 13px;font-size:10px;font-weight:680;transition:opacity .16s,transform .16s;transform:translate(-50%,8px)scale(.97)}.toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.toast[data-tone=success]{box-shadow:0 0 0 1px #f2be5c59, var(--shadow)}.toast[data-tone=event]{box-shadow:0 0 0 1px #5ad9ee6b, 0 0 22px var(--cyan-soft), var(--shadow)}.move-stick{color:#2436507a;width:82px;height:82px;box-shadow:var(--shadow), inset 0 0 0 10px #ffffff05;touch-action:none;background:radial-gradient(circle,#fffbeb6b 0 45%,#fffbebb3 47% 100%);border:1px solid #ffffffb8;border-radius:50%;place-items:center;display:none}.move-stick-arrows{font-size:8px;position:absolute;top:7px}.move-stick>i{background:linear-gradient(145deg, var(--gold-strong), var(--gold));border:2px solid #fff3cc8f;border-radius:50%;width:34px;height:34px;transition:transform 80ms linear;display:block;box-shadow:0 6px 15px #040b1f57}.jump-button{color:#17142c;background:radial-gradient(circle at 35% 30%, #ffe39a, var(--gold) 62%, #c98235);width:64px;height:64px;box-shadow:var(--shadow), 0 0 0 5px #f2be5c1c;letter-spacing:.06em;text-transform:uppercase;touch-action:manipulation;border:2px solid #fff3ccad;border-radius:50%;place-items:center;font:700 9px/1 Pixelify Sans,Courier New,monospace;display:none}.portal-prompt{left:50%;bottom:max(78px, calc(env(safe-area-inset-bottom) + 78px));color:#fffaf0;max-width:calc(100vw - 32px);box-shadow:0 0 18px var(--cyan-soft), var(--shadow);opacity:0;cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:#08223ae6;border:1px solid #5ad9ee75;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:9px;font-weight:720;transition:opacity .16s,transform .16s;transform:translate(-50%,8px)}.portal-prompt.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.portal-prompt[data-tone=commission],.portal-prompt[data-tone=kiosk]{box-shadow:0 0 18px var(--gold-soft), var(--shadow);background:#281c16eb;border-color:#f2be5c85}body.kit-open .move-stick,body.kit-open .jump-button,body.kit-open .portal-prompt,body.kiosk-open .move-stick,body.kiosk-open .jump-button,body.kiosk-open .portal-prompt{opacity:0;pointer-events:none}@media (hover:hover){.zone-switch button:hover,.action-bar button:hover,.mission-toggle:hover,.event-beacon:hover{color:var(--text);transform:translateY(-1px)}.materials button:hover{background:#f2be5c1a}}.loading-screen{z-index:10;color:#11183b;background:#a7e1f5;place-content:center;justify-items:center;transition:opacity .5s,visibility .5s;display:grid;position:absolute;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen p{letter-spacing:.15em;margin:10px 0;font-size:11px}.loading-mark{color:#b05e47;font-size:42px;animation:1.4s ease-in-out infinite loading-spin}.context-lost:before{content:"The cloud sea hid the view. Reconnecting…";z-index:20;color:#fffaf0;background:var(--night);place-items:center;display:grid;position:fixed;inset:0}@keyframes loading-spin{50%{transform:rotate(135deg)scale(.8)}to{transform:rotate(270deg)}}@keyframes hud-enter-right{0%{opacity:0;transform:translate(8px)scale(.98)}}@keyframes hud-enter-top{0%{opacity:0;transform:translate(-50%,-7px)scale(.99)}}@keyframes hud-enter-bottom{0%{opacity:0;transform:translate(-50%,7px)scale(.99)}}@keyframes status-pulse{50%{transform:scale(1.08);box-shadow:0 0 0 4px #5ad9ee1a,0 0 18px #5ad9ee40}}@keyframes guide-step-in{0%{opacity:0;transform:translate(-7px)}}@media (width<=840px){.top-hud{top:max(8px, env(safe-area-inset-top));grid-template-columns:1fr auto;gap:4px 8px;width:calc(100vw - 16px);padding:0}.brand-lockup{border-radius:16px;min-height:40px;padding:4px 10px 4px 5px}.brand-lockup h1{font-size:16px}.crest{border-radius:10px;width:30px;height:30px}.presence{border-radius:16px;min-height:36px;padding:6px 9px}.presence span{display:none}.zone-switch{border-radius:16px;grid-area:2/1/auto/-1;justify-content:center;justify-self:center;padding:2px}.zone-switch button{min-height:28px;padding:3px 8px 5px}.mission-rail{top:max(94px, calc(env(safe-area-inset-top) + 94px));right:max(8px, env(safe-area-inset-right))}.onboarding-guide{top:max(94px, calc(env(safe-area-inset-top) + 94px));left:max(8px, env(safe-area-inset-left));width:min(250px,100vw - 102px)}body.world-open .onboarding-guide{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-8px)}#guide-desktop{display:none}#guide-mobile{display:block}.field-kit{top:max(94px, calc(env(safe-area-inset-top) + 94px));bottom:max(70px, calc(env(safe-area-inset-bottom) + 70px));left:max(8px, env(safe-area-inset-left))}.supply-kiosk{top:max(94px, calc(env(safe-area-inset-top) + 94px));right:max(8px, env(safe-area-inset-right));max-height:calc(100vh - 164px)}.action-bar{bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:auto 1px auto auto minmax(100px,1fr);gap:5px;width:calc(100vw - 16px);min-height:50px}.action-bar .bar-rule:nth-of-type(2){display:none}.tool-actions button{min-width:50px;min-height:36px;padding:5px 7px}.materials button{min-width:38px;min-height:34px;padding:4px 5px}.action-context span{display:none}.move-stick{left:max(18px, env(safe-area-inset-left));bottom:max(80px, calc(env(safe-area-inset-bottom) + 80px));display:grid}.jump-button{right:max(18px, env(safe-area-inset-right));bottom:max(88px, calc(env(safe-area-inset-bottom) + 88px));display:grid}.portal-prompt,.toast{bottom:max(74px, calc(env(safe-area-inset-bottom) + 74px))}}@media (width<=560px){.brand-lockup p{max-width:152px}.presence{padding-inline:8px}.zone-switch{gap:0;width:100%}.zone-switch button{flex:1;justify-content:center;min-width:0;padding-inline:3px}.zone-switch button i{display:none}.action-bar{grid-template-columns:auto 1px auto auto}.tool-actions button{min-width:38px}.tool-actions button b{display:none}.materials button{min-width:36px}.kit-toggle{justify-content:center;min-width:36px;padding-inline:7px}.kit-toggle b,.action-context{display:none}.mission-rail.is-expanded{width:min(318px,100vw - 16px)}.toast{text-overflow:ellipsis;max-width:calc(100vw - 24px);overflow:hidden}}@media (height<=520px){.top-hud{top:6px}.brand-lockup p{display:none}.mission-rail{top:62px}.mission-toggle{min-height:36px}.move-stick{bottom:66px}.jump-button{bottom:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--cloud-white:#f7faee;--cloud-bright:#fffdf4;--sky-wash:#d7edf0;--grass-wash:#dce8c5;--grass:#78a36a;--grass-strong:#476a43;--stone-wash:#eadcc8;--stone:#c6a77f;--wood-wash:#ddb990;--wood:#8a5b3b;--wood-deep:#4b392f;--ink:#f7faeeed;--ink-strong:#fffdf4f7;--ink-soft:#dce8c5e6;--line:#4b392f38;--paper-line:var(--wood-deep);--text:#283d39;--muted:#283d39b8;--gold:#e6a53c;--gold-strong:#8b501b;--gold-soft:#e6a53c33;--cyan:#35b5c5;--cyan-strong:#176576;--cyan-soft:#35b5c52e;--night:#31483f;--pixel-edge:var(--wood-deep);--pixel-edge-soft:#4b392f61;--pixel-highlight:#fffff8d6;--pixel-shadow:#31393242;--pixel-well:#5b7b501a;--shadow:4px 4px 0 var(--pixel-shadow), inset 0 0 0 1px var(--pixel-highlight)}body{color:var(--text);letter-spacing:.015em;-webkit-font-smoothing:none;font-family:Pixelify Sans,Courier New,monospace}#app:after{background:linear-gradient(#143e560a,#0000 15% 82%,#132f431a),radial-gradient(circle at 50% 48%,#0000 66%,#132f4312)}.brand-lockup,.zone-switch,.presence,.onboarding-guide,.mission-toggle,.mission-drawer,.field-kit,.supply-kiosk,.action-bar{border:2px solid var(--pixel-edge);background-color:var(--ink);background-image:linear-gradient(var(--pixel-edge), var(--pixel-edge)), linear-gradient(var(--pixel-edge), var(--pixel-edge)), linear-gradient(var(--pixel-edge), var(--pixel-edge)), linear-gradient(var(--pixel-edge), var(--pixel-edge));box-shadow:var(--shadow);-webkit-backdrop-filter:none;background-position:0 0,100% 0,0 100%,100% 100%;background-repeat:no-repeat;background-size:5px 5px;border-radius:0}.brand-lockup,.mission-toggle,.mission-drawer{background-color:#f7faeef0}.presence{background-color:#dce8c5f0}.zone-switch,.action-bar{background-color:#eadcc8f0}.onboarding-guide{background-color:#dce8c5f2}.field-kit{background-color:#f7faeef7}.top-hud{box-shadow:none;background:0 0;border:0;animation-timing-function:steps(4,end)}.brand-lockup,.presence{min-height:44px}.crest{width:32px;height:32px;color:var(--pixel-edge);background:var(--grass-wash);border:2px solid var(--pixel-edge);box-shadow:inset 0 0 0 2px var(--cloud-bright), 3px 3px 0 #4b392f3d;border-radius:0;font-size:15px;line-height:1}.brand-lockup h1,.onboarding-guide>strong,.objective p b,.commission-giver strong,.memory-reward>strong,.field-kit header strong,.supply-kiosk header strong{font-family:Pixelify Sans,Courier New,monospace}.brand-lockup h1{letter-spacing:.03em;font-size:20px;font-weight:700}.brand-lockup p{letter-spacing:.025em;margin-top:2px;font-size:9px}.zone-switch{gap:4px;padding:4px}.zone-switch button,.tool-actions button,.materials button,.kit-toggle{border:1px solid #0000;border-radius:0;transition:color 80ms steps(2,end),background 80ms steps(2,end),transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.zone-switch button{letter-spacing:.035em;min-height:32px;padding:5px 9px;font-size:10px}.zone-switch button i{width:14px;height:14px;color:var(--muted);background:var(--pixel-well);border:1px solid var(--pixel-edge-soft);place-items:center;font-size:8px;display:grid}.zone-switch button:after{border-radius:0;height:3px;transition:transform .12s steps(4,end);bottom:2px;left:4px;right:4px}.zone-switch button.is-active,.materials button.is-active,.kit-toggle.is-active{color:var(--text);border-color:var(--pixel-edge);background:#ffe19a;box-shadow:0 2px #4b392f57,inset 0 0 0 1px #fffff89e}.zone-switch button[data-focus=wild].is-active{background:#a9edf0}.presence{text-align:left;gap:7px;padding:6px 10px}.online-dot{border:1px solid var(--pixel-edge);background:#73d68d;border-radius:0;width:8px;height:8px;box-shadow:0 0 0 2px #73d68d2e}body[data-transport=local] .online-dot{background:#abb9bd;box-shadow:0 0 0 2px #abb9bd26}body[data-transport=connecting] .online-dot{background:var(--stone);animation-timing-function:steps(2,end);box-shadow:0 0 0 2px #8a5b3b24}.onboarding-guide{border-left-width:5px;border-left-color:var(--grass);padding:10px 12px 9px;animation-timing-function:steps(4,end)}.guide-head span,.commission-head span,.field-kit header span,.supply-kiosk header span,.objective-index{letter-spacing:.1em;font-size:8px}.presence span,.commission-progress>span,.kit-tool>b,.kit-recipe>em{font-size:8px}.commission-head b,.commission-giver span,.daily-commission>small,.kit-section-title,.kit-stock span,.kit-tool small,.kit-recipe small,.kit-option span,.kit-option small,.recipe-cost span,.supply-kiosk footer,.feedback-panel>p{font-size:9px}.onboarding-guide p,.objective p small,.daily-commission p,.memory-reward p,.kiosk-disclaimer{font-size:10px}.kit-tool strong,.kit-recipe strong,.kit-option strong{font-size:11px}.kit-tool small,.kit-recipe small,.kit-option small{font-size:10px}.action-context strong{font-size:11px}.action-context span{font-size:9px}.field-kit header span,.supply-kiosk header span,.kit-section-title b{color:var(--grass-strong)}.kit-recipe.is-affordable>em{color:var(--gold-strong)}.event-beacon strong b{color:var(--cyan-strong)}.guide-head button,.field-kit header button,.supply-kiosk header button,.daily-commission>button,.memory-reward button,.feedback-toggle,.feedback-panel button{border:1px solid var(--pixel-edge);border-radius:0;font-family:inherit;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end),background 80ms steps(2,end);box-shadow:0 2px #4b392f4d}.guide-head button,.field-kit header button,.supply-kiosk header button{background:var(--stone-wash)}.onboarding-guide>strong{letter-spacing:.01em;font-size:15px}.guide-progress,.objective>i,.commission-progress>i{border:1px solid var(--pixel-edge-soft);background-color:#4b392f14;background-image:repeating-linear-gradient(90deg,#0000 0 11px,#4b392f24 11px 13px);border-radius:0;height:5px}.guide-progress b,.objective>i b,.commission-progress>i b{border-radius:0;transition:width .2s steps(8,end)}.mission-rail{animation-timing-function:steps(4,end)}.mission-toggle{width:82px;min-height:38px;padding:5px 7px}.mission-toggle span{width:19px;height:19px;color:var(--pixel-edge);background:var(--gold);border:1px solid var(--pixel-edge);place-items:center;font-size:11px;display:grid}.mission-toggle b{letter-spacing:.07em;font-size:9px}.mission-toggle i{font-size:12px;transition:transform .12s steps(4,end)}.mission-drawer,.field-kit,.supply-kiosk{transition:opacity .12s steps(3,end),visibility .12s,transform .14s steps(4,end)}.mission-drawer,.field-kit{background-color:#f7faeefa}.supply-kiosk{background-color:#eadcc8fa}.objective,.daily-commission,.memory-reward,.field-kit header,.supply-kiosk header,.supply-kiosk footer{border-color:var(--pixel-edge-soft)}.objective p b,.commission-giver strong{font-size:12px}.commission-giver>i,.event-icon{border:2px solid var(--pixel-edge);border-radius:0;box-shadow:inset 0 0 0 1px #fffff894,2px 2px #4b392f38}.objective{background:#dce8c542}.daily-commission{background:#eadcc84d}.memory-reward{background:#d7edf075}.field-kit header{background:#dce8c557}.supply-kiosk header{background:#ddb99047}.daily-commission>button,.feedback-panel button{color:var(--pixel-edge);background:var(--gold);font:700 9px/1 Pixelify Sans,Courier New,monospace}.daily-commission>button:disabled{border-color:var(--pixel-edge-soft);box-shadow:none;background:#20374b14}.daily-commission[data-status=complete]{box-shadow:inset 4px 0 var(--gold);animation:.5s steps(2,end) pixel-ready}.memory-reward button{color:var(--pixel-edge);background:#77dce3;font:700 9px/1 Pixelify Sans,Courier New,monospace}.feedback-toggle{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000}.feedback-panel{background:var(--pixel-well);border:1px solid var(--pixel-edge-soft);border-radius:0}.feedback-panel button{color:var(--text);background:#f6ecc4}.event-beacon{background:#b9eef0;border:2px solid #258da6;border-radius:0;box-shadow:inset 0 0 0 1px #ffffff8c,3px 3px #1a5a6f33}.event-icon{background:var(--cyan)}.event-beacon.is-active .event-icon{animation-timing-function:steps(2,end)}.field-kit header strong{font-size:17px}.supply-kiosk header strong{font-size:19px}.kit-stock span,.kiosk-stock span,.kit-home{background:var(--pixel-well);border:1px solid var(--pixel-edge-soft);border-radius:0}.kit-stock span{background:#dce8c56b}.kiosk-stock span{background:#ddb99047}.kit-tool,.kit-recipe,.kit-option{box-shadow:inset 0 -2px var(--line);border:1px solid #0000;border-radius:0;transition:background 80ms steps(2,end),color 80ms steps(2,end),transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.kit-tool.is-active,.kit-option.is-equipped{color:var(--pixel-edge);border-color:var(--pixel-edge);background:#ffdb82;box-shadow:inset 0 0 0 1px #fffff89e,0 2px #4b392f47}.kit-recipe.is-affordable{box-shadow:inset 4px 0 var(--gold), inset 0 -2px var(--line);background:#f0b84f1a}.kit-recipe.is-complete,.kit-option.is-complete:not(.is-equipped){box-shadow:inset 4px 0 #f0b84f8c, inset 0 -2px var(--line)}.kiosk-disclaimer b{color:var(--wood)}.kit-home b{color:var(--grass-strong)}.action-bar{padding:5px 6px 7px;animation-timing-function:steps(4,end)}.tool-actions button,.materials button,.kit-toggle{color:var(--muted);border-color:var(--pixel-edge-soft);background:#fffff02e;box-shadow:0 2px #4b392f33}.tool-actions button.is-active{color:var(--pixel-edge);background:var(--gold);border-color:var(--pixel-edge);box-shadow:inset 0 0 0 1px #ffd77c,0 3px #4b392f61}.tool-actions button span,.kit-toggle span{background:#4b392f14;border:1px solid;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.materials button{min-width:43px}.swatch{border:2px solid var(--pixel-edge);border-radius:0;box-shadow:inset 2px 2px #ffffff3b}.bar-rule{background:var(--pixel-edge-soft);width:2px}kbd{color:var(--text);background:var(--stone-wash);border:1px solid var(--pixel-edge-soft);box-shadow:0 1px 0 var(--pixel-edge-soft);border-radius:0;padding:1px 4px}.toast{bottom:max(118px, calc(env(safe-area-inset-bottom) + 118px));color:var(--text);background:var(--ink-strong);border:2px solid var(--pixel-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:8px 12px;font-size:11px;font-weight:700;transition:opacity .1s steps(2,end),transform .12s steps(3,end)}.toast.is-visible{animation:.28s steps(3,end) pixel-pop}.toast[data-tone=success]{border-color:var(--gold-strong);box-shadow:4px 4px 0 #7f4d1e40, inset 4px 0 var(--gold)}.toast[data-tone=event]{box-shadow:4px 4px 0 #1a5a6f38, inset 4px 0 var(--cyan);border-color:#258da6}.move-stick{color:var(--text);border:2px solid var(--pixel-edge);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);background:#f7faeec2;border-radius:0;box-shadow:inset 0 0 0 7px #4b392f14}.move-stick>i{background:var(--gold);border:2px solid var(--pixel-edge);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border-radius:0;width:32px;height:32px;box-shadow:inset 0 0 0 2px #ffd879}.move-stick.is-active>i{box-shadow:inset 0 0 0 2px #ffd879, 0 0 0 4px var(--gold-soft)}.jump-button{color:var(--pixel-edge);background:var(--gold);border:2px solid var(--pixel-edge);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);border-radius:0;font:700 11px/1 Pixelify Sans,Courier New,monospace;box-shadow:inset 0 0 0 3px #ffd879}.jump-button:active{transform:translateY(2px)}.portal-prompt{color:var(--text);background:#b9eef0;border:2px solid #258da6;border-radius:0;padding:8px 12px;font-size:10px;font-weight:700;transition:opacity .1s steps(2,end),transform .12s steps(3,end);box-shadow:4px 4px #1a5a6f38,inset 0 0 0 1px #ffffff8c}.portal-prompt[data-tone=commission],.portal-prompt[data-tone=kiosk]{color:var(--text);border-color:var(--gold-strong);background:#ffe09a;box-shadow:4px 4px #7f4d1e3d,inset 0 0 0 1px #fffff08c}.loading-screen{color:var(--text);background:#a7e1f5;transition:opacity .2s steps(4,end),visibility .2s}.loading-mark{width:48px;height:48px;color:var(--pixel-edge);background:var(--grass-wash);border:3px solid var(--pixel-edge);box-shadow:inset 0 0 0 3px var(--cloud-bright), 5px 5px 0 #4b392f3d;place-items:center;font-size:25px;animation-timing-function:steps(4,end);display:grid}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.zone-switch button:active,.tool-actions button:active,.materials button:active,.kit-toggle:active,.mission-toggle:active,.event-beacon:active,.guide-head button:active,.field-kit header button:active,.supply-kiosk header button:active,.daily-commission>button:not(:disabled):active,.memory-reward button:not(:disabled):active,.feedback-panel button:active{box-shadow:none;transform:translateY(2px)}@media (hover:hover){.zone-switch button:hover,.action-bar button:hover,.mission-toggle:hover,.event-beacon:hover{color:var(--text);filter:brightness(1.035);transform:translateY(-1px)}}@keyframes pixel-pop{0%{transform:translate(-50%,8px)scale(.96)}66%{transform:translate(-50%,-2px)scale(1.015)}to{transform:translate(-50%)scale(1)}}@keyframes pixel-ready{0%,to{background-color:#0000}50%{background-color:var(--gold-soft)}}@media (width<=840px){.brand-lockup,.presence{min-height:38px}.brand-lockup{padding:3px 8px 3px 4px}.crest{width:29px;height:29px}.zone-switch{padding:3px}.zone-switch button{min-height:34px;padding-block:5px}.mission-rail,.onboarding-guide,.field-kit,.supply-kiosk{top:max(102px, calc(env(safe-area-inset-top) + 102px))}.mission-toggle{min-height:44px}.guide-head button{min-height:32px}.field-kit header button,.supply-kiosk header button{width:34px;height:34px}.action-bar{min-height:58px;box-shadow:3px 3px 0 var(--pixel-shadow), inset 0 0 0 1px var(--pixel-highlight);padding:5px}.tool-actions button{min-height:44px}.materials button{min-height:42px}.kit-toggle{min-height:44px}.portal-prompt{bottom:max(174px, calc(env(safe-area-inset-bottom) + 174px))}.toast{bottom:max(218px, calc(env(safe-area-inset-bottom) + 218px))}}@media (width<=560px){.brand-lockup h1{font-size:18px}.zone-switch button{font-size:10px}.tool-actions button{min-width:56px;padding-inline:5px}.tool-actions button b{font-size:9px;display:block}.tool-actions button span{width:15px;height:15px}.materials button{min-width:40px}.kit-toggle{min-width:44px}.mission-drawer,.field-kit,.supply-kiosk{box-shadow:3px 3px 0 var(--pixel-shadow), inset 0 0 0 1px var(--pixel-highlight)}}