.sanctuary-screen{--outline:var(--ink);--alert:#ff5a5a;--ok:#4cd964;font-family:var(--font-body), system-ui, sans-serif;color:var(--ink);background:#1b1d26;position:fixed;inset:0;overflow:hidden}.sanctuary-screen .sanctuary-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.sanctuary-screen .sanctuary-canvas canvas{width:100%;height:100%;display:block}.sanctuary-loading{color:#fff;font-family:var(--font-display), system-ui, sans-serif;text-shadow:0 2px 0 var(--ink);background:#1b1d26;place-items:center;font-size:1.4rem;display:grid;position:fixed;inset:0}.hud{pointer-events:none;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:absolute;inset:0}.hud>*{position:absolute}.hud button,.hud a,.hud .pill{pointer-events:auto}.hud-top-left{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));flex-direction:column;gap:8px;max-width:min(360px,70vw);display:flex}.hud-row{align-items:center;gap:8px;display:flex}.hud-top-right{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));gap:8px;display:flex}.hud-bottom{left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:6px;padding:0 10px;display:flex}.hud .icon{width:34px;height:34px}.hud .icon img,.hud .icon svg{filter:drop-shadow(0 2px #00000040)}.hud .round .icon{width:26px;height:26px}.hud .pill.blue .icon>img{transform:translate(7px)}.hud .pill-body{min-width:90px}.hud .pill.rate{background:linear-gradient(#eefbe6,#c6efb6);box-shadow:0 4px #3f8f4a}.hud .pill.rate:active{box-shadow:0 2px #3f8f4a}.rate-line{align-items:center;gap:6px;display:inline-flex}.rate-boost{border:2px solid var(--ink);background:linear-gradient(#fff2a8, var(--gold));font-family:var(--font-display), system-ui, sans-serif;border-radius:999px;flex:none;align-items:center;gap:2px;padding:1px 8px 1px 3px;font-size:.86rem;line-height:1;display:inline-flex}.hud .rate-boost .icon{width:22px;height:22px;margin-left:0}.avatar{border:3px solid var(--ink);cursor:pointer;background:linear-gradient(#fff,#e8dcff);border-radius:16px;width:52px;height:52px;padding:0;position:relative;overflow:visible;box-shadow:0 4px #4a3a6a}.avatar img{object-fit:contain;border-radius:12px;width:100%;height:100%}.avatar .lvl{border:2px solid var(--ink);background:var(--gold);font-family:var(--font-display), system-ui, sans-serif;white-space:nowrap;border-radius:999px;padding:0 7px;font-size:.72rem;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.chunky strong{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:.01em;font-weight:400}.hud-dock{border:3px solid var(--ink);background:var(--band);pointer-events:auto;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:4px;width:min(600px,100%);padding:6px;display:grid;box-shadow:inset 0 0 0 1.5px #ffe08a47,0 5px #00000073,0 12px 24px #0006}.dock-tab{color:#fff;min-width:0;font-family:var(--font-display), system-ui, sans-serif;text-shadow:0 2px #00000059;cursor:pointer;background:0 0;border:0;border-radius:15px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px 5px;font-size:.86rem;line-height:1.05;transition:background .14s ease-out,color .14s ease-out;display:flex;position:relative}.dock-tab .icon{flex:none;transition:transform .14s ease-out}.dock-tab:focus-visible{outline:2px solid var(--band-title);outline-offset:1px}.dock-tab:active .icon{transform:translateY(1px)scale(.95)}@media (hover:hover){.dock-tab:hover{background:var(--band-fill);color:var(--band-title)}.dock-tab:hover .icon{transform:translateY(-2px)scale(1.07)}}.dock-tab.expedition{border:3px solid var(--ink);background:linear-gradient(#fff2a8, var(--gold));box-shadow:0 4px 0 var(--gold-3);color:var(--ink);text-shadow:none;margin-top:-20px;padding:3px 2px 6px}.dock-tab.expedition .icon{width:44px;height:44px}.dock-tab.expedition small{font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;font-size:.68rem;font-weight:800}.dock-tab.expedition.running{box-shadow:inset 0 0 0 1.5px #ffe08a66, 0 4px 0 var(--ink);color:var(--band-title);text-shadow:0 2px #00000059;background:linear-gradient(#5f4887,#3b2a57)}.dock-tab.expedition.running small{color:#fff}.dock-tab.expedition.empty,.dock-tab.expedition.locked{background:linear-gradient(#ece6f3,#bdb2cf);box-shadow:0 4px #6f6482}.dock-tab.expedition.idle:after,.dock-tab.expedition.done:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:2.4s ease-in-out infinite dock-call;position:absolute;inset:-3px;box-shadow:0 0 14px 3px #ffd23fbf}@keyframes dock-call{50%{opacity:1}}.dock-count{border:2px solid var(--ink);background:var(--gold);min-width:28px;color:var(--ink);text-align:center;text-shadow:none;border-radius:999px;padding:0 5px;font-size:.7rem;line-height:15px;position:absolute;top:2px;left:calc(50% + 7px)}.dock-count.done{background:var(--ok)}@media (prefers-reduced-motion:reduce){.dock-tab,.dock-tab .icon{transition:none}.dock-tab.expedition.idle:after,.dock-tab.expedition.done:after{opacity:.6;animation:none}}.hud-card{border:3px solid var(--ink);pointer-events:auto;background:linear-gradient(#fff,#f0f4f8);border-radius:14px;align-self:flex-start;align-items:flex-start;gap:8px;max-width:280px;padding:8px 12px 8px 8px;font-size:.8rem;line-height:1.2;display:flex;box-shadow:0 4px #566273}.hud-card.storm{background:linear-gradient(#fff, color-mix(in srgb, var(--el) 30%, #fff))}.hud-card>div{flex-direction:column;gap:2px;display:flex}.hud-card strong{font-family:var(--font-display), system-ui, sans-serif;font-size:.95rem;font-weight:400}.hud-card .ok{color:#1f8a4c;font-weight:800}.hud-card .err{color:#c0392b;font-weight:700}.sheet-backdrop{pointer-events:auto;background:#140e1e59;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{border:3px solid var(--ink);background:var(--paper);width:100%;max-height:78vh;color:var(--ink);border-bottom:0;border-radius:22px 22px 0 0;animation:.22s ease-out sheet-up;overflow:auto;box-shadow:0 -6px #2a1e3b59}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet header{z-index:1;background:var(--band);color:#fff;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky;top:0}.sheet h2{color:var(--band-title);text-shadow:0 2px #00000059;margin:0;font-size:1.3rem}.sheet-body{flex-direction:column;gap:10px;padding:14px 16px 20px;display:flex}.sheet-body p{margin:0}.sheet-body .card.large{align-self:center}.menu-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.menu-links.single{grid-template-columns:minmax(0,1fr)}.menu-tile{border:2px solid var(--ink);background:var(--band);min-height:56px;box-shadow:inset 0 0 0 1px #ffe08a38, 0 3px 0 var(--shadow);color:#fff;font-family:var(--font-display), system-ui, sans-serif;text-align:left;text-shadow:0 2px #00000059;cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:7px 10px;font-size:.95rem;line-height:1.1;text-decoration:none;transition:transform .14s ease-out;display:flex}.menu-tile .icon{flex:none;width:36px;height:36px}.menu-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.menu-tile:active{transform:translateY(2px)}@media (hover:hover){.menu-tile:hover{color:var(--band-title)}}@media (prefers-reduced-motion:reduce){.menu-tile{transition:none}}.menu-account{border-top:2px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:10px;display:flex}.page-modal-backdrop{z-index:5;pointer-events:auto;background:#0e0c169e;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.page-modal{border:3px solid var(--ink);background:var(--paper);width:min(1180px,100%);height:min(92vh,100%);color:var(--ink);overscroll-behavior:contain;border-radius:22px;animation:.22s ease-out sheet-up;position:relative;overflow:auto;box-shadow:0 8px #2a1e3b73}.page-modal-close{float:right;z-index:3;pointer-events:auto;margin:10px 10px 0 0;position:sticky;top:10px}.page-modal-body{max-width:1120px;margin:0 auto;padding:10px 22px 40px}.page-modal-body .page-head{padding-right:48px}@media (max-width:760px){.page-modal-backdrop{align-items:flex-end;padding:0}.page-modal{border-bottom:0;border-radius:22px 22px 0 0;height:94vh}.page-modal-body{padding:8px 12px 40px}}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:14px;display:grid}.asset-card h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;display:flex}.asset-controls{grid-template-columns:repeat(2,1fr);gap:6px 14px;margin:10px 0;font-size:.85rem;display:grid}.asset-controls label{align-items:center;gap:6px;display:flex}.asset-controls input[type=range]{flex:1}.asset-controls input[type=number]{width:60px}@media (min-width:760px){.sheet-backdrop{justify-content:flex-end;align-items:stretch}.sheet{border-bottom:3px solid var(--ink);border-right:0;border-radius:22px 0 0 22px;width:400px;max-height:none;animation:.22s ease-out sheet-side;box-shadow:-6px 0 #2a1e3b59}@keyframes sheet-side{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}}@media (max-width:480px){.hud-top-left{max-width:62vw}.hud .pill-body{min-width:70px}.hud-card{max-width:62vw}.hud-dock{border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.5fr) repeat(2,minmax(0,1fr));gap:2px;padding:4px}.dock-tab{padding:5px 0 4px;font-size:.74rem}.dock-tab .icon{width:30px;height:30px}.dock-tab.expedition .icon{width:38px;height:38px}.dock-tab.expedition small{font-size:.62rem}}@media (max-width:380px){.hud-top-right{gap:4px}.hud .round{width:38px;height:38px;padding:4px}.hud .round .icon{width:22px;height:22px}}.hud-toast{z-index:30;color:#2a1e3b;max-width:min(92vw,420px);font:inherit;cursor:pointer;pointer-events:auto;background:#fff8e7;border:2px solid #2a1e3b;border-radius:999px;padding:8px 14px;font-weight:800;position:absolute;top:12px;left:50%;transform:translate(-50%)}.land-egg-close{z-index:1;position:absolute;top:10px;right:10px}.menu-prefs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}