*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#87c8f0;color:#2d3a4a;--haven-cream:#f3e6c8;--haven-sage:#8fbf9f;--haven-mint-hover:#b8d9c8;--haven-mint-wash:#dceee4;--haven-sage-text:#4d6b55;--haven-ink:#344c43;--haven-panel:rgba(255,249,232,0.96);--haven-panel-border:#fff9e8;--haven-panel-shadow:0 6px 24px #233e3324,inset 0 1px 0 #fffdf4}button{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.55rem 1rem;background:#fff;color:#2d3a4a;box-shadow:0 2px 8px rgba(45,58,74,.12);transition:transform .12s ease,box-shadow .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,58,74,.16)}button:active{transform:translateY(0)}button.primary{background:linear-gradient(135deg,#f4a5b8,#f5c98a);color:#fff;font-weight:700}button.ghost-btn{background:rgba(255,255,255,.85)}.haven-root{width:100vw;height:100vh;position:relative}.haven-canvas{width:100%;height:100%;touch-action:none}.haven-canvas.hand-mode{cursor:-webkit-grab;cursor:grab}.haven-canvas.hand-mode:active{cursor:-webkit-grabbing;cursor:grabbing}.haven-hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;color:var(--haven-ink)}.haven-hud,.haven-hud>*{pointer-events:none}.haven-bottom>*,.haven-top>*{pointer-events:auto}.haven-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.haven-logo{width:16.5rem;background:var(--haven-panel);border:1px solid var(--haven-panel-border);border-radius:1.25rem .5rem 1.25rem .5rem;padding:.85rem 1rem;box-shadow:var(--haven-panel-shadow)}.haven-logo h1{margin:.1rem 0 .35rem;font:600 2.2rem/1.1 Georgia,serif;letter-spacing:-.04em}.haven-logo h1 span{color:#ac8244;font-size:1.1rem;vertical-align:middle}.island-eyebrow{font-size:.57rem;text-transform:uppercase;letter-spacing:.13em;color:#637366}.haven-logo p{margin:.25rem 0 0;font-size:.7rem;opacity:.75}.builder-rank-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;grid-gap:.2rem .65rem;gap:.2rem .65rem;margin-top:.35rem;font-size:.8rem;line-height:1.35;color:var(--haven-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.builder-rank-row-level{grid-column:1;font-size:.75rem;font-weight:600;color:var(--haven-sage-text)}.builder-rank-row strong{grid-column:1;font-size:.9rem}.builder-rank-row-xp{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap;font-weight:700}.builder-rank-row-next{grid-column:1/-1;font-size:.7rem;color:var(--haven-sage-text)}.builder-rank-row-mobile{display:none}.rank-progress{grid-column:1/-1;position:relative;width:100%;height:.65rem;margin:.2rem 0 .1rem;overflow:hidden;border:1px solid #8fbf9f80;border-radius:999px;background:var(--haven-cream);box-shadow:inset 0 1px 3px #344c431a,0 1px 0 #fffdf4}.rank-progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c987b,var(--haven-sage));box-shadow:inset 0 1px 0 #ffffff66}.rank-progress-glint{display:none}@media (prefers-reduced-motion:no-preference){.rank-progress-fill{transition:width .85s cubic-bezier(.22,1,.36,1)}.rank-progress-glint{display:block;position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#fff9e899 50%,transparent 75%);transform:translateX(100%);animation:rank-progress-glint 1s ease-out both}.rank-progress[data-level-start] .rank-progress-glint{background:linear-gradient(90deg,#6c987b,var(--haven-sage));transform-origin:left;animation:rank-progress-level-up 1.1s cubic-bezier(.22,1,.36,1) both}}@keyframes rank-progress-glint{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes rank-progress-level-up{0%{transform:scaleX(0);opacity:1}65%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@media (max-width:760px){.builder-rank-row-layout{display:grid;grid-gap:.6rem;gap:.6rem;min-height:0;overflow-y:auto}.builder-rank-row-mobile{display:block;width:min(18rem,78vw);padding:.55rem .75rem;border:1px solid var(--haven-panel-border);border-radius:.9rem .5rem .9rem .5rem;background:var(--haven-panel);box-shadow:var(--haven-panel-shadow);pointer-events:none}.builder-rank-row-mobile .builder-rank-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.45rem;margin-top:0}.builder-rank-row-mobile .builder-rank-row strong{grid-column:2;font-size:.8rem}.builder-rank-row-mobile .builder-rank-row-xp{grid-column:3;grid-row:1}}.challenge-card{max-width:18rem;background:var(--haven-panel);border:1px solid var(--haven-panel-border);border-radius:.5rem 1.25rem .5rem 1.25rem;padding:1rem;box-shadow:var(--haven-panel-shadow)}.quest-panel{width:min(21rem,42vw)}.quest-heading,.quest-reward{display:flex;align-items:center;justify-content:space-between;gap:.65rem}.quest-eyebrow{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#657d65}.skill-chip{padding:.22rem .55rem;border-radius:999px;background:#e6f1df;color:#56704e;font-size:.68rem;font-weight:800}.quest-panel .quest-progress-label{margin:0;color:#607080;font-size:.76rem}.quest-reward{margin-top:.65rem;padding-top:.6rem;border-top:1px solid rgba(45,58,74,.08);color:#6c7280;font-size:.72rem}.quest-reward strong{color:#d17f6d}.quest-trail{margin-top:.7rem;padding-top:.5rem;border-top:1px solid var(--haven-sage)}.quest-trail-heading{margin-bottom:.35rem;color:var(--haven-sage-text);font-size:.62rem;font-weight:800;letter-spacing:.04em}.quest-trail-list{display:grid;grid-gap:.25rem;gap:.25rem;margin:0 0 .5rem;padding:0;list-style:none}.quest-trail-node{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;grid-gap:.35rem;gap:.35rem;padding:.2rem .35rem;border:1px solid var(--haven-sage);border-radius:.4rem;color:var(--haven-ink);font-size:.7rem;line-height:1.3}.quest-trail-marker{display:grid;place-items:center;width:1rem;height:1rem;border:1px solid;border-radius:50%;font-size:.75rem;font-weight:800}.quest-trail-marker svg{width:.85rem;height:.85rem}.quest-trail-name{overflow-wrap:anywhere}.quest-trail-state{font-size:.65rem;font-weight:800}.quest-trail-node--active{border-color:var(--haven-ink);background:var(--haven-ink);color:var(--haven-cream);font-weight:700}.quest-trail-node--complete{background:var(--haven-mint-wash)}.quest-trail-node--complete .quest-trail-marker{border-color:var(--haven-sage-text);background:var(--haven-sage-text);color:var(--haven-cream)}.quest-trail-node--locked{border-style:dashed;border-color:#879080;color:var(--haven-sage-text)}.quest-trail-node--locked .quest-trail-marker{border:none}.quest-trail-optionals{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-trail-optionals .quest-trail-node{grid-template-columns:1rem minmax(0,1fr)}.quest-trail-optionals .quest-trail-state{grid-column:2}.quest-trail .quest-trail-next{margin:0;color:var(--haven-sage-text);font-size:.72rem;line-height:1.4}.quest-trail-next strong{margin-right:.25rem;color:var(--haven-ink)}.challenge-card h2{margin:.45rem 0 .55rem;font:600 1.35rem/1.15 Georgia,serif}.challenge-card p{margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.progress-bar{height:.5rem;background:#e8e5d7;border-radius:999px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#648a72,#adc79c);border-radius:999px;transition:width .3s ease}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.85rem;width:max-content;max-width:min(30rem,calc(100% - 2rem));padding:1rem 1.25rem;border:2px solid var(--haven-sage);border-radius:1.25rem;background:linear-gradient(135deg,var(--haven-panel-border),var(--haven-cream));color:var(--haven-ink);box-shadow:0 8px 28px #233e3330,inset 0 1px 0 #fffdf4;text-align:left;pointer-events:none;z-index:21}.toast-emblem{display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;border:1px solid var(--haven-sage);border-radius:50%;background:var(--haven-mint-wash);color:var(--haven-sage-text);font-size:1.4rem;line-height:1}.toast-message{min-width:0;font-size:1rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}@media (prefers-reduced-motion:no-preference){.toast{animation:toast-enter .44s cubic-bezier(.22,1,.36,1) backwards}}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}.haven-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.module-picker{display:flex;gap:.5rem;flex-wrap:wrap}.build-tray{position:relative;display:flex;flex-direction:column;gap:.65rem;padding:.85rem;background:var(--haven-panel);border:1px solid var(--haven-panel-border);border-radius:1.25rem;box-shadow:var(--haven-panel-shadow)}.build-tools{display:flex;align-items:center;gap:.5rem}.build-tool{position:relative;display:grid;width:3.8rem;height:3.8rem;flex:0 0 auto;place-items:center;overflow:hidden;padding:0;border:2px solid var(--haven-sage);border-radius:1rem;background:var(--haven-cream);color:var(--haven-sage-text);box-shadow:0 4px 16px rgba(45,58,74,.14)}.build-tool:hover{border-color:var(--haven-mint-hover);background:var(--haven-mint-wash)}.build-tool.selected{background:var(--haven-mint-wash);box-shadow:0 0 0 2px #547c64,0 4px 16px rgba(45,58,74,.14)}.active-build-preview{width:3.35rem;height:3.35rem;overflow:hidden;border-radius:.75rem;pointer-events:none}.inventory-caret{position:absolute;right:.22rem;bottom:.08rem;color:#5e7865;font-size:.62rem;line-height:1}.hand-tool svg{width:1.75rem;height:1.75rem}.build-inventory{position:absolute;bottom:calc(100% + .65rem);left:0;width:min(33rem,calc(100vw - 2rem));padding:.8rem;border:2px solid var(--haven-sage);border-radius:1.1rem;background:rgba(243,230,200,.97);box-shadow:0 14px 34px rgba(45,58,74,.2);animation:inventory-in .16s ease-out}@keyframes inventory-in{0%{opacity:0;transform:translateY(.35rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.build-inventory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.build-inventory-heading div{display:flex;flex-direction:column;gap:.08rem}.build-inventory-heading strong{color:#3f5848;font-size:.92rem}.build-inventory-heading span,.inventory-materials>span{color:#687769;font-size:.68rem;font-weight:700}.inventory-close{width:1.75rem;height:1.75rem;padding:0;background:rgba(255,255,255,.55);color:#617168;font-size:1.25rem;line-height:1;box-shadow:none}.build-inventory .module-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.25rem,1fr));max-width:none;padding:0}.build-inventory .module-thumb{width:100%}.inventory-materials{display:flex;flex-direction:column;gap:.4rem;margin-top:.7rem;padding-top:.65rem;border-top:1px solid rgba(77,107,85,.18)}.module-thumb{width:4.25rem;min-height:4.6rem;border-radius:.95rem;border:2px solid var(--haven-sage);background:var(--haven-cream);display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .3rem .45rem;color:var(--haven-sage-text);box-shadow:none;transform:none}.module-thumb:hover:not(:disabled):not(.ghost-module){border-color:var(--haven-mint-hover);background:var(--haven-mint-wash);box-shadow:none;transform:none}.module-thumb.selected{border-color:var(--haven-sage);background:var(--haven-mint-wash);box-shadow:0 0 0 2px var(--haven-mint-hover);transform:none}.module-thumb.ghost-module{opacity:.5;border-style:dashed;border-color:var(--haven-sage);cursor:not-allowed}.module-thumb-canvas{width:3.2rem;height:3.2rem;border-radius:.7rem;overflow:hidden;background:rgba(255,255,255,.35)}.module-thumb-label{font-size:.58rem;font-weight:700;line-height:1.1;text-align:center;color:var(--haven-sage-text)}.module-thumb.has-new-module{position:relative}.module-new-badge{position:absolute;top:.2rem;right:.2rem;padding:.12rem .3rem;border:1px solid #bb8733;border-radius:999px;background:#f6d58c;color:var(--haven-ink);font-size:.55rem;font-weight:800;line-height:1.2;letter-spacing:.04em;pointer-events:none;animation:module-new-pulse 1.6s ease-in-out infinite}@keyframes module-new-pulse{0%,to{box-shadow:0 0 0 0 rgba(187,135,51,.45)}50%{box-shadow:0 0 0 4px rgba(187,135,51,0)}}@media (prefers-reduced-motion:reduce){.module-new-badge{animation:none}}.material-tray{display:flex;gap:.4rem;flex-wrap:wrap}.material-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem .28rem .35rem;border-radius:999px;border:2px solid var(--haven-sage);background:var(--haven-cream);color:var(--haven-sage-text);font-size:.68rem;font-weight:700;box-shadow:none;transform:none}.material-pill:hover{border-color:var(--haven-mint-hover);background:var(--haven-mint-wash);box-shadow:none;transform:none}.material-pill.selected{border-color:var(--haven-sage);background:var(--haven-mint-wash);box-shadow:0 0 0 2px var(--haven-mint-hover)}.material-thumb-canvas{width:1.55rem;height:1.55rem;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center}.material-thumb-canvas img{width:1.45rem;height:1.45rem;object-fit:contain}.module-swatch{width:3rem;height:3rem;border-radius:.85rem;border:3px solid transparent;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.15)}.module-swatch.selected{border-color:#2d3a4a;transform:scale(1.05)}.module-swatch.ghost-module{opacity:.45;border:2px dashed rgba(45,58,74,.35);cursor:not-allowed;color:rgba(45,58,74,.55);text-shadow:none}.controls-help{background:rgba(255,255,255,.88);border-radius:1rem;padding:.75rem 1rem;font-size:.78rem;line-height:1.5;max-width:14rem;box-shadow:0 4px 20px rgba(45,58,74,.08)}.controls-help strong{display:block;margin-bottom:.25rem}.action-row{display:flex;gap:.5rem;margin-top:.5rem}.pill-btn{min-height:3.25rem;padding:.9rem 1.6rem;font-size:1.05rem;font-weight:800;border-radius:999px;border:2px solid rgba(255,255,255,.65);box-shadow:0 6px 20px rgba(45,58,74,.14)}.pill-btn-sage{background:linear-gradient(180deg,#d8ead0,#b8d4ae);color:#3d5248}.pill-btn-cream{background:linear-gradient(180deg,#fffaf3,#f5e6d3);color:#5a4f45}.pill-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,58,74,.18)}.title-overlay{position:absolute;inset:0;justify-content:flex-end;padding:2rem 1.5rem 3rem;pointer-events:none;background:linear-gradient(180deg,rgba(184,224,255,.08),transparent 35%,rgba(255,248,240,.25) 70%,rgba(255,248,240,.55))}.title-content,.title-overlay{display:flex;flex-direction:column;align-items:center}.title-content{gap:1.35rem;pointer-events:auto}.title-wordmark-panel{min-width:16.5rem;padding:.85rem 1.4rem 1rem;background:var(--haven-panel);border:1px solid var(--haven-panel-border);border-radius:1.25rem .5rem 1.25rem .5rem;box-shadow:var(--haven-panel-shadow);text-align:center}.title-wordmark-panel .island-eyebrow{display:block}.haven-wordmark{margin:.15rem 0 0;font:600 2.75rem/1.1 Georgia,serif;letter-spacing:-.04em;color:var(--haven-ink)}.haven-wordmark span{color:#ac8244;font-size:1.25rem;vertical-align:middle}.title-play-btn{min-width:15rem;border-color:var(--haven-sage);box-shadow:var(--haven-panel-shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.title-play-btn:focus-visible,.title-play-btn:hover{transform:translateY(-2px);border-color:var(--haven-mint-hover);box-shadow:0 0 0 4px #8fbf9f26,var(--haven-panel-shadow)}.title-play-btn:focus-visible{outline:2px solid var(--haven-sage-text);outline-offset:4px}.title-play-btn:active{transform:none;box-shadow:var(--haven-panel-shadow)}@media (prefers-reduced-motion:no-preference){.title-overlay{animation:title-overlay-enter .44s ease-out backwards}.title-wordmark-panel{animation:title-panel-settle .76s cubic-bezier(.22,1,.36,1) backwards}.title-play-btn{animation:title-play-enter .62s cubic-bezier(.22,1,.36,1) .12s backwards}}@keyframes title-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes title-panel-settle{0%{transform:translateY(14px) scale(.985)}75%{transform:translateY(-1px) scale(1)}to{transform:none}}@keyframes title-play-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.title-play-btn{transition:none}.title-overlay .grown-ups-pebble:hover,.title-play-btn:focus-visible,.title-play-btn:hover{transform:none}}.grown-ups-pebble{position:absolute;top:1rem;right:1rem;pointer-events:auto;padding:.45rem .9rem;border-radius:999px;background:var(--haven-panel);border:2px solid var(--haven-sage);color:var(--haven-sage-text);font-size:.82rem;font-weight:700;text-decoration:none;box-shadow:var(--haven-panel-shadow)}.grown-ups-pebble:hover{transform:translateY(-1px);background:var(--haven-mint-wash);border-color:var(--haven-mint-hover)}.grown-ups-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(180deg,#b8e0ff,#fff8f0);overflow:auto}.grown-ups-card{width:min(32rem,100%);background:rgba(255,255,255,.94);border-radius:1.25rem;padding:1.5rem;box-shadow:0 8px 28px rgba(45,58,74,.12)}.grown-ups-header h1{margin:0;color:#e8a090}.grown-ups-email,.grown-ups-header p,.grown-ups-hint,.grown-ups-status{color:#526476;font-size:.92rem}.grown-ups-auth-toggle{display:flex;gap:.5rem;margin:1rem 0}.grown-ups-auth-toggle a,.grown-ups-auth-toggle button{flex:1 1;background:#f3f6f8}.grown-ups-auth-toggle a.active,.grown-ups-auth-toggle button.active{background:linear-gradient(180deg,#d8ead0,#b8d4ae);font-weight:700}.grown-ups-field{display:block;margin-top:1rem;font-weight:700}.grown-ups-select{width:100%;margin-top:.35rem;padding:.65rem .75rem;border-radius:.75rem;border:1px solid #d7e0e8;font:inherit}.grown-ups-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.grown-ups-actions button:disabled,.grown-ups-select:disabled{cursor:not-allowed;opacity:.6}.grown-ups-setup{margin-top:1rem;padding:.75rem .9rem;border-radius:.85rem;background:#f3f6f8}.grown-ups-setup-ready{background:#e9f4e5}.grown-ups-setup-error{background:#fff0ed}.grown-ups-setup .grown-ups-status{margin:0}.grown-ups-setup button{min-height:2.5rem;margin-top:.65rem;padding:.55rem 1rem;font-size:.9rem}.grown-ups-footer{margin-top:1.25rem}.backpack-overlay{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:stretch;padding:1rem;pointer-events:none}.backpack-panel{pointer-events:auto;width:min(20rem,92vw);background:var(--haven-panel);border:2px solid var(--haven-sage);border-radius:1.25rem;padding:1.25rem;box-shadow:var(--haven-panel-shadow);display:flex;flex-direction:column;gap:1rem}.backpack-panel-wide{width:min(28rem,96vw);max-height:min(92vh,44rem);overflow-y:auto}.closet-overlay .backpack-panel{width:min(22rem,92vw);align-self:center;margin:auto 0}.backpack-outfit-row{display:flex;flex-wrap:wrap;gap:.5rem}.backpack-outfit-row .backpack-slot{flex:1 1 auto;min-width:5.5rem}.backpack-slot.selected-slot{border-color:var(--haven-sage);background:var(--haven-mint-wash);box-shadow:0 0 0 2px var(--haven-mint-hover)}.backpack-catalog{display:flex;flex-direction:column;gap:.5rem}.backpack-catalog-title{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--haven-sage-text)}.backpack-catalog-hint{margin:0;font-size:.8rem;opacity:.65}.backpack-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem}.gear-thumb{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem;border-radius:.75rem;background:#fff;border:2px solid rgba(216,234,208,.8);min-height:5.5rem;position:relative}.gear-thumb:hover:not(:disabled){border-color:#c8dfc0;background:#fffaf5}.gear-thumb.selected{border-color:#8fbf9f;background:#f0f8f2}.gear-thumb.locked{opacity:.72;border-style:dashed}.gear-thumb-canvas{width:100%;height:3.5rem}.gear-thumb-canvas canvas{width:100%!important;height:100%!important}.gear-thumb-label{font-size:.7rem;font-weight:600;color:#3d4a5c;text-align:center;line-height:1.2}.gear-thumb-lock{position:absolute;top:.25rem;right:.35rem;font-size:.65rem;opacity:.5}.backpack-header h2{margin:0;font-size:1.2rem;font-family:Georgia,serif;color:var(--haven-ink)}.backpack-header p{margin:.35rem 0 0;font-size:.85rem;opacity:.7}.backpack-slots{gap:.65rem}.backpack-slot,.backpack-slots{display:flex;flex-direction:column}.backpack-slot{align-items:flex-start;gap:.2rem;width:100%;min-height:3.25rem;padding:.75rem 1rem;border-radius:999px;background:var(--haven-cream);text-align:left;color:var(--haven-sage-text);box-shadow:var(--haven-panel-shadow);border:2px solid var(--haven-sage)}.backpack-slot.pill-slot:hover{background:var(--haven-mint-wash);border-color:var(--haven-mint-hover)}.backpack-slot.locked{background:var(--haven-mint-wash);border:2px dashed var(--haven-sage)}.backpack-slot-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--haven-sage-text)}.backpack-slot-value{font-size:.95rem;font-weight:600;color:var(--haven-ink);display:flex;align-items:center;gap:.4rem}.clay-swatch{width:.95rem;height:.95rem;border-radius:999px;border:2px solid var(--haven-sage);box-shadow:inset 0 1px 0 #fffdf4;flex:0 0 auto}.backpack-slot.locked .backpack-slot-value{color:rgba(61,74,92,.45)}.ghost-hat-icon{opacity:.45;filter:grayscale(.3)}.backpack-lock-hint{font-size:.8rem;font-style:italic;color:var(--haven-sage-text)}.backpack-overlay .pill-btn{border-color:var(--haven-sage);box-shadow:var(--haven-panel-shadow)}.backpack-actions{display:flex;gap:.65rem;margin-top:.25rem}.backpack-back-btn{flex:0 0 auto}.backpack-commit-btn{flex:1 1}.loot-reveal-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(243,230,200,.35);pointer-events:none}.loot-reveal-sheet{pointer-events:auto;width:min(16rem,88vw);padding:1.25rem 1rem 1rem;border-radius:1.25rem;background:rgba(255,252,247,.96);border:2px solid rgba(200,224,208,.9);box-shadow:0 10px 36px rgba(45,58,74,.16);display:flex;flex-direction:column;align-items:center;gap:.65rem;text-align:center}.loot-reveal-bounce{animation:loot-reveal-bounce .52s cubic-bezier(.34,1.4,.5,1)}@keyframes loot-reveal-bounce{0%{opacity:0;transform:translateY(12px) scale(.92)}55%{opacity:1;transform:translateY(-4px) scale(1.03)}to{transform:translateY(0) scale(1)}}.loot-reveal-kicker{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8fbf9f}.loot-reveal-thumb-wrap .gear-thumb{min-height:6rem;width:7rem;border-style:solid;pointer-events:none}.loot-reveal-thumb-wrap .gear-thumb-label{font-size:.8rem}.loot-reveal-message{margin:0;font-size:.95rem;color:#3d4a5c;line-height:1.35}.loot-reveal-sheet .pill-btn{margin-top:.25rem;min-width:7rem}.play-side-controls{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.session-controls{display:flex;gap:.4rem}.session-btn{min-height:2.2rem;padding:.48rem .8rem;border:1px solid rgba(138,124,171,.22);background:rgba(255,255,255,.9);color:#596575;font-size:.72rem;font-weight:700}.session-btn.online{background:linear-gradient(180deg,#e7f4e1,#d4e8cd);color:#4e6848}.cove-status{display:flex;align-items:center;gap:.38rem;max-width:16rem;padding:.38rem .65rem;border-radius:999px;background:rgba(255,255,255,.84);color:#687586;font-size:.66rem;box-shadow:0 2px 10px rgba(45,58,74,.08)}.cove-dot{width:.48rem;height:.48rem;flex:0 0 auto;border-radius:50%;background:#7fba72;box-shadow:0 0 0 3px rgba(127,186,114,.16)}.backpack-open-btn{min-height:2.75rem;padding:.65rem 1.25rem;font-weight:700;border-radius:999px;background:linear-gradient(180deg,#fffaf3,#f5e6d3);color:#4a5568;border:2px solid rgba(216,234,208,.9)}.controls-help summary:focus-visible,.haven-hud button:focus-visible{outline:3px solid #547c64;outline-offset:3px}.haven-hud button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.tool-caption{display:grid;grid-gap:.18rem;gap:.18rem}.tool-caption>span{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#617b65}.tool-caption>strong{font-size:.9rem}.tool-caption>small{font-size:.65rem;color:#68756a}.tool-caption.removing>span{color:#a2553d}.build-actions{display:flex;gap:.35rem}.build-actions button{min-height:2.25rem;padding:.4rem .6rem;border-radius:.6rem;background:#e9eadb;color:#415c4d;box-shadow:none;font-size:.68rem;font-weight:600}.build-actions button[aria-pressed=true]{background:#f1d2bb;color:#80412f;box-shadow:inset 0 0 0 1px #bb795c}.haven-hud kbd{display:inline-block;padding:.08rem .24rem;border:solid #61776140;border-width:1px 1px 2px;border-radius:.25rem;font:inherit;font-size:.85em}.haven-hud .backpack-open-btn,.haven-hud .cove-status,.haven-hud .session-btn{background:var(--haven-panel);color:#415c4d;border:1px solid var(--haven-panel-border);box-shadow:var(--haven-panel-shadow)}.haven-hud .session-btn.online{background:#dfebd5}.haven-hud .controls-help{position:relative;width:auto;max-width:none;padding:0;background:var(--haven-panel);border:1px solid var(--haven-panel-border);border-radius:.85rem;box-shadow:var(--haven-panel-shadow)}.controls-help summary{cursor:pointer;padding:.65rem .9rem;font-weight:700;font-size:.75rem}.controls-help summary span{margin-left:.65rem}.controls-help dl{position:absolute;right:0;bottom:calc(100% + .5rem);width:17rem;margin:0;padding:.85rem 1rem;background:var(--haven-panel);box-shadow:var(--haven-panel-shadow);border:1px solid var(--haven-panel-border);border-radius:1rem;z-index:30}.controls-help dl>div{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-height:1.8rem;font-size:.7rem}.controls-help dd{margin:0;color:#617364}.placement-hint{min-width:10rem;padding:.5rem .75rem;border:1px solid #edf5d9;border-radius:.7rem;background:#294c40ee;color:#f6f9dc;box-shadow:0 3px 12px #183b3933;text-align:center;white-space:nowrap;pointer-events:none}.placement-hint strong{display:block;font-size:.75rem}.placement-hint span{display:block;margin-top:.18rem;font-size:.6rem}.placement-hint.blocked{background:#754a3eee;border-color:#efc2a4}@media (prefers-reduced-motion:reduce){.haven-hud *,.haven-hud :after,.haven-hud :before{animation:none!important;transition:none!important}}@media (max-height:600px){.quest-panel{max-height:calc(100dvh - 15rem);overflow-y:auto}}@media (max-width:760px){.haven-hud{padding:.6rem}.haven-logo{display:none}.quest-panel{width:min(19rem,78vw)}.haven-bottom{align-items:flex-end}.module-picker{max-width:60vw;padding:.5rem}.build-inventory{width:min(27rem,calc(100vw - 1.2rem));max-height:min(32rem,calc(100vh - 7rem));overflow-y:auto}.build-inventory .module-picker{max-width:none;padding:0}.module-thumb{width:3.5rem;min-height:4rem}.module-thumb-canvas{width:2.6rem;height:2.6rem}.cove-status{display:none}.play-side-controls{max-width:10.5rem}.session-controls{flex-wrap:wrap;justify-content:flex-end}.build-tray{padding:.6rem}.tool-caption>small{max-width:10rem}.build-actions button{min-height:2.75rem}}.npc-talk-overlay,.world-interact-prompt{pointer-events:auto}.world-interact-prompt{position:fixed;bottom:7.5rem;left:50%;transform:translateX(-50%);z-index:20}.world-interact-prompt button{background:#f3e6c8;border:2px solid #8fbf9f;border-radius:999px;color:#2d4a3e;font-weight:600;padding:.55rem 1.1rem;cursor:pointer}.pad-crate-prompt{display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem}.pad-crate-prompt>span{color:#fff8e4;font-size:.8rem;font-weight:700;text-shadow:0 1px 4px #2d4a3e,0 1px 8px #2d4a3e}.pad-crate-prompt button{display:flex;align-items:center;gap:.8rem;min-height:3rem;padding:.5rem .65rem .5rem 1.2rem;background:#fff3cf;border-color:#d6ad62;box-shadow:0 3px 12px #493b2326,0 0 20px #ffe2a366;font-size:1rem;font-weight:750}.pad-crate-prompt kbd{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:solid #c7a873;border-width:1px 1px 3px;border-radius:.5rem;background:#fffaf0;font:inherit}.pad-crate-prompt button:focus-visible{outline:3px solid #2d4a3e;outline-offset:4px}.npc-talk-overlay{position:fixed;bottom:6rem;left:1rem;z-index:25;max-width:min(22rem,90vw)}.npc-talk-panel{background:rgba(243,230,208,.96);border:2px solid #8fbf9f;border-radius:1rem;padding:.85rem 1rem;box-shadow:0 8px 24px rgba(45,74,62,.15)}.npc-talk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.npc-talk-name{font-weight:700;color:#2d4a3e}.npc-talk-close{background:transparent;border:none;color:#5a7a68;font-size:.85rem;cursor:pointer}.npc-talk-line{margin:0 0 .65rem;color:#2d4a3e;line-height:1.4}.npc-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.npc-chip{background:#b8d9c8;border:1px solid #8fbf9f;border-radius:999px;color:#2d4a3e;font-size:.85rem;padding:.4rem .75rem;cursor:pointer}.quest-optional-note{font-size:.8rem;color:#5a7a68;margin-top:.35rem}