:root{--bg: #0b1024;--panel: rgba(255, 255, 255, .06);--panel-border: rgba(255, 255, 255, .12);--text-strong: #f3f4ff;--text-muted: #b5bdd9;--accent: #f4c867;--accent-strong: #ffdf8f;--hud-bg: rgba(12, 19, 40, .78);--hud-border: rgba(255, 255, 255, .2)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,Helvetica Neue,sans-serif;background:radial-gradient(circle at 20% 20%,#0d1530,#080b1d 55%);color:var(--text-strong);min-height:100vh}#app{position:relative;min-height:100vh;overflow:hidden}.hidden{display:none!important}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 70% 30%,#ffffff0d,#090c1ae6);z-index:2;overflow-y:auto;overscroll-behavior:contain}#start-screen{background:linear-gradient(180deg,#03061166,#03061166),url(/assets/loadingBackground-dXMzF_YE.jpg) center/cover no-repeat;background-blend-mode:overlay}#start-screen .panel{background:#060916b3;border-color:#ffffff24;box-shadow:0 22px 60px #000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay.hidden{display:none}.panel{max-width:720px;width:min(720px,calc(100vw - 3rem));padding:2.5rem;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border);box-shadow:0 25px 80px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:calc(100vh - 3rem);overflow-y:auto;overscroll-behavior:contain}.logo-wrap{width:120px;height:120px;margin:0 auto 1rem}.brand-mark{width:100%;height:100%;object-fit:contain;display:block}.panel h1,.panel .lede{text-align:center}@media(max-width:600px){.overlay{padding:1rem;align-items:flex-start}.panel{padding:1.75rem;border-radius:14px}.logo-wrap{width:96px;height:96px;margin-bottom:.75rem}}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;color:var(--accent-strong);margin:0 0 .5rem}h1{margin:0 0 .5rem;font-size:2.6rem;letter-spacing:-.02em}.lede{margin:0 0 1.5rem;color:var(--text-muted);line-height:1.6;max-width:540px}.start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:1.25rem}.start-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.save-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;margin-bottom:1rem}.save-meta{flex:1}.save-title{margin:0 0 .15rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.save-summary{margin:0;font-weight:800}.save-detail{margin:.15rem 0 0;color:var(--text-muted);font-size:.9rem}.field{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .85rem .75rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.field-label{font-size:.9rem;color:var(--text-muted);letter-spacing:.01em}.field input,.field select{appearance:none;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:.65rem .75rem;background:#0a0e1e99;color:var(--text-strong);font-size:1rem;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f4c8672e}.field-hint{font-size:.85rem;color:var(--text-muted)}.field.field-checkbox{justify-content:center;grid-column:1 / -1}.checkbox-row{display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:start}.checkbox-copy .field-label{color:var(--text-strong);font-weight:700}.toggle-wrap{display:flex;align-items:center;gap:.5rem;position:relative;min-width:100px}.toggle-input{position:absolute;opacity:0;pointer-events:none}.toggle-visual{width:44px;height:24px;background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:999px;display:inline-flex;align-items:center;padding:3px;box-sizing:border-box;transition:background .14s ease,border-color .14s ease}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#d1d6ec;transition:transform .16s ease,background .14s ease,box-shadow .16s ease;box-shadow:0 6px 14px #00000040}.toggle-status{font-weight:800;letter-spacing:.02em;color:var(--text-muted);font-variant-numeric:tabular-nums}.toggle-status:after{content:attr(data-off)}.toggle-input:checked+.toggle-visual{background:linear-gradient(120deg,var(--accent),var(--accent-strong));border-color:#f4c86799}.toggle-input:checked+.toggle-visual .toggle-knob{transform:translate(18px);background:#0f1124}.toggle-input:checked~.toggle-status{color:var(--accent-strong)}.toggle-input:checked~.toggle-status:after{content:attr(data-on)}button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border:none;color:#0f1124;font-weight:700;font-size:1rem;padding:.9rem 1.4rem;border-radius:12px;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 12px 35px #f4c86733}button:hover{transform:translateY(-1px);filter:brightness(1.02)}button:active{transform:translateY(1px)}.status{margin-top:.75rem;color:var(--text-muted);font-size:.95rem;min-height:1.2rem}button:disabled{opacity:.55;cursor:not-allowed}.ghost{background:transparent;color:var(--accent-strong);border:1px solid rgba(244,200,103,.6);box-shadow:none}.ghost:hover{background:#f4c8671f}.progress-card{margin-top:1.25rem;padding:1rem 1rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0f}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:700;color:var(--text-strong);margin-bottom:.35rem}.progress-percent{color:var(--accent-strong);font-variant-numeric:tabular-nums}.progress-bar{position:relative;width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#5be7c4,#f4c867);transition:width .18s ease-out;box-shadow:0 0 12px #5be7c4b3}.progress-detail{margin:.4rem 0 .2rem;color:var(--text-muted);min-height:1.2rem}.warning-block{margin-top:.65rem;padding:.75rem;border-radius:10px;border:1px dashed rgba(244,200,103,.7);background:#f4c86714}.warning-title{margin:0 0 .35rem;font-weight:700;color:var(--accent-strong)}.warning-list{margin:0;padding-left:1.2rem;color:var(--text-muted);line-height:1.5;max-height:20vh;overflow:auto}.error-card{margin-top:1rem;padding:.95rem 1rem;border-radius:12px;border:1px solid rgba(255,123,123,.6);background:#ff7b7b14}.error-title{margin:0 0 .4rem;font-weight:800;letter-spacing:.01em}.error-card p{margin:0 0 .6rem;color:var(--text-strong)}#game-shell{width:100%;height:100vh;position:relative}#game-shell.hidden{display:none}#render-canvas{width:100%;height:100%;touch-action:none;display:block;background:#0f142e}#hud-root{position:absolute;inset:0;pointer-events:none;font-size:.9rem}#hud-root.focus-surge{box-shadow:inset 0 0 0 2px #7efcd247}#hud-root.focus-surge:before{content:"";position:absolute;inset:6px;border-radius:18px;pointer-events:none;box-shadow:0 0 22px #7efcd259;border:1px solid rgba(126,252,210,.25);transition:opacity .16s ease;opacity:1}.pause-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none;z-index:4;background:radial-gradient(circle at 30% 30%,#29355c66,#090d18a6);color:var(--text-strong);text-align:center;text-shadow:0 10px 32px rgba(0,0,0,.45);letter-spacing:.01em}.pause-overlay__title{font-size:32px;font-weight:800}.pause-overlay__hint{font-size:16px;font-weight:700;color:var(--text-muted)}.focus-menu{position:absolute;top:112px;right:16px;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:14px;padding:12px;width:260px;box-shadow:0 18px 40px #0006;pointer-events:auto;z-index:5}.focus-menu__title{font-weight:800;letter-spacing:.01em;margin-bottom:8px}.focus-menu__list{display:grid;gap:8px}.focus-option{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-strong);border-radius:10px;padding:8px 10px;cursor:pointer;pointer-events:auto;transition:transform .12s ease,border-color .12s ease,box-shadow .16s ease}.focus-option__icon{width:48px;height:48px;flex-shrink:0;object-fit:cover}.focus-option__meta{flex:1;display:flex;flex-direction:column;gap:4px}.focus-option__header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.focus-option:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 10px 24px #f4c86740}.focus-option__label{font-weight:700}.focus-option__cost{color:var(--accent-strong);font-weight:800;font-size:.75rem;padding-left:4px}.focus-option__desc{color:var(--text-muted);font-size:.75rem;margin-top:4px}.hud-bar{position:absolute;top:80px;left:16px;background:var(--hud-bg);color:var(--text-strong);padding:.75rem 1rem;border-radius:12px;border:1px solid var(--hud-border);display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;pointer-events:none;min-width:280px;box-shadow:0 12px 30px #00000059}.hud-label{color:var(--text-muted);font-weight:600;letter-spacing:.02em}.hud-value{color:var(--text-strong);font-weight:700}.hud-dot{width:10px;height:10px;border-radius:999px;background:#52ffa1;box-shadow:0 0 14px #52ffa1cc}.hud-dot.paused{background:#ff7b7b;box-shadow:0 0 14px #ff7b7bcc}.hud-note{margin-left:auto;color:var(--text-muted)}.hint{position:absolute;top:16px;right:16px;background:#070a16c7;border-radius:18px;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 55px #0000008c;padding:.45rem .65rem;pointer-events:auto;display:flex;align-items:center;gap:.45rem;z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-wrap:wrap;color:var(--text-strong)}.hud-shortcuts__list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.6rem}.hud-shortcut{border-radius:14px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff14,#0c101ed9);color:inherit;display:inline-flex;flex-direction:column;align-items:center;gap:.5rem;padding:.65rem;cursor:pointer;font:inherit;transition:transform .12s ease,border-color .14s ease,box-shadow .16s ease,background .16s ease}.hud-shortcut__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.hud-shortcut__icon img{width:24px;height:24px;object-fit:contain;display:block}.hud-shortcut__text{width:100%;display:flex;justify-content:center}.hud-shortcut__caption{font-size:.55rem;font-weight:700;white-space:nowrap;text-align:center}.hud-skillbar{position:absolute;bottom:160px;left:50%;transform:translate(-50%);display:grid;grid-auto-flow:column;gap:16px;padding:0;pointer-events:auto;z-index:5}.hud-skill{position:relative;width:56px;height:56px;border:none;border-radius:999px;background:#ffffff0d;overflow:hidden;cursor:pointer;padding:0;display:grid;place-items:center;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.hud-skill:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000004d}.hud-skill__icon{width:40px;height:40px;border-radius:10px;overflow:hidden;position:relative;z-index:1}.hud-skill__icon img{width:100%;height:100%;object-fit:cover;display:block}.hud-skill__caption{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:#0000008c;color:#d7e7ff;padding:2px 6px;border-radius:999px;font-size:11px;z-index:2;white-space:nowrap}.hud-skill__ring{position:absolute;inset:3px;border-radius:999px;background:conic-gradient(#38bdf8b3 calc(var(--cooldown-ratio, 0) * 360deg),#ffffff14 0);opacity:.8}.hud-skill__ring--cooldown{box-shadow:0 0 0 1px #38bdf800 inset}.hud-skill__ring--active{box-shadow:0 0 0 2px #38bdf8bf inset}.hud-skill--ready .hud-skill__ring:not(.hud-skill__ring--active){box-shadow:0 0 0 2px #00b938d9 inset;background:conic-gradient(#4ade80b3 calc(var(--cooldown-ratio, 0) * 360deg),#ffffff14 0)}.hud-shortcut:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 14px 28px #f4c86740}.hud-shortcut:active{transform:translateY(1px)}.hud-shortcut:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.hud-shortcuts__assistive{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.hud-pill{padding:.1rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:var(--text-strong);background:#ffffff14;font-weight:700}.hud-pill--save.save-saving{border-color:#f4c867b3;color:var(--accent-strong)}.hud-pill--save.save-ok{border-color:#8affd6b3;color:#c3ffe9}.hud-pill--save.save-error{border-color:#ff8c8cb3;color:#ffc7c7}.hud-value.selection{max-width:220px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-flash{animation:hud-pulse .45s ease}@keyframes hud-pulse{0%{transform:scale(1);box-shadow:0 0 #f4c86766}50%{transform:scale(1.06);box-shadow:0 0 18px #f4c8678c}to{transform:scale(1);box-shadow:0 0 #f4c86759}}.tutorial-card{position:absolute;left:50%;bottom:156px;transform:translate(-50%);background:#0c1328f0;border:1px solid var(--hud-border);box-shadow:0 16px 40px #00000080;border-radius:14px;padding:.9rem 1rem;display:flex;align-items:flex-start;gap:.7rem;pointer-events:auto;max-width:min(90vw,560px);z-index:6}.tutorial-card .badge{background:#f4c86724;color:var(--accent-strong);border:1px solid rgba(244,200,103,.3);border-radius:999px;padding:.08rem .5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;justify-self:start}.tutorial-card .tutorial-body{display:grid;gap:.2rem}.tutorial-card .tutorial-title{margin:0;font-weight:800;letter-spacing:.01em}.tutorial-card .tutorial-header{display:inline-flex;align-items:center;gap:.4rem}.tutorial-card .tutorial-copy{margin:0;color:var(--text-muted);line-height:1.5}.tutorial-dismiss{margin-left:auto;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--text-strong);border-radius:10px;padding:.4rem .6rem;font-size:.85rem;cursor:pointer;transition:background .12s ease,border-color .12s ease}.tutorial-dismiss:hover{background:#ffffff24;border-color:#ffffff4d}.event-feed{position:absolute;right:16px;bottom:20px;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:min(320px,42vw)}.event-cue{background:var(--hud-bg);border:1px solid var(--hud-border);border-left:4px solid var(--accent);border-radius:12px;padding:.65rem .75rem;box-shadow:0 10px 30px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text-strong);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .2s ease,transform .25s ease}.event-cue.visible{opacity:1;transform:translateY(0) scale(1)}.event-cue.fade{opacity:0;transform:translateY(-8px) scale(.98)}.event-cue__title{margin:0 0 .2rem;font-weight:700;letter-spacing:.01em;color:var(--accent-strong)}.event-cue__body{margin:0;color:var(--text-muted);line-height:1.4}.event-cue.tone-success{border-left-color:#52ffa1}.event-cue.tone-gain{border-left-color:#8ecbff}.event-cue.tone-warn{border-left-color:#ff9b5f}.event-cue.tone-unlock{border-left-color:#c08bff}.event-cue.tone-neutral{border-left-color:var(--accent)}.environment-status{position:absolute;left:16px;top:16px;display:flex;flex-direction:column;gap:.35rem;pointer-events:none;z-index:6}.environment-status.hidden{display:none}.environment-status__mini{pointer-events:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:999px;border:1px solid var(--hud-border);background:var(--hud-bg);padding:.5rem .9rem;box-shadow:0 12px 30px #00000059;color:var(--text-strong);cursor:pointer;font-size:.85rem;transition:border-color .2s ease,transform .2s ease}.environment-status__mini:hover{border-color:var(--accent);transform:translateY(-1px)}.environment-status__mini-label{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;color:var(--text-muted);white-space:nowrap}.environment-status__mini-details{display:flex;align-items:center;gap:.7rem;flex:1;justify-content:flex-end;font-weight:600}.environment-status__mini-weather,.environment-status__mini-hazard,.environment-status__mini-camp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.environment-status__panel{pointer-events:auto;position:absolute;top:calc(100% + .55rem);left:0;width:280px;border:1px solid var(--hud-border);background:var(--hud-bg);border-radius:16px;padding:1rem;box-shadow:0 18px 40px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:16px}.environment-status__panel.hidden{display:none}.environment-status__panel-header{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.environment-status__panel-title{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.environment-status__panel-close{border:none;background:transparent;color:var(--text-muted);font-size:.75rem;cursor:pointer}.environment-status__panel-close:hover{color:var(--accent)}.environment-status__section{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem;background:#ffffff05;display:flex;flex-direction:column;gap:.35rem}.environment-status__weather-header{display:flex;align-items:center;gap:.35rem}.environment-status__weather-icon{font-size:1.25rem}.environment-status__weather-name{font-weight:700;color:var(--text-strong)}.environment-status__weather-tier{margin-left:auto;font-weight:600;color:var(--accent-strong);padding:.1rem .4rem;border-radius:999px;background:#8ecbff33}.environment-status__weather-impact,.environment-status__weather-effect{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.35}.environment-status__weather-effect{font-style:italic}.environment-status__forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.35rem}.environment-status__forecast-entry{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .35rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);font-size:.75rem}.environment-status__forecast-details{display:flex;flex-direction:column;align-items:center;gap:.05rem}.environment-status__forecast-icon{font-size:1.1rem}.environment-status__forecast-weather{font-size:.65rem;color:var(--text-muted);text-transform:capitalize}.environment-status__forecast-label{font-weight:600;color:var(--text-strong)}.environment-status__forecast-tier,.environment-status__forecast-eta{color:var(--text-muted);font-size:.7rem}.environment-status__hazard-header{display:flex;align-items:center;gap:.35rem}.environment-status__hazard-glyph{width:32px;height:32px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-strong)}.environment-status__hazard-title{font-weight:700;flex:1;color:var(--text-muted)}.environment-status__hazard-tier{font-weight:700;letter-spacing:.02em;padding:.15rem .6rem;border-radius:999px;background:var(--env-hazard-color, rgba(255, 119, 123, .2));color:var(--text-strong)}.environment-status__hazard-effect{margin:0;color:var(--text-muted);font-size:.85rem}.environment-status__camp-header{display:flex;align-items:center;gap:.4rem}.environment-status__camp-icon{font-size:1.3rem}.environment-status__camp-title{font-weight:700;color:var(--text-muted)}.environment-status__camp-remaining,.environment-status__camp-aura{color:var(--text-strong);font-weight:600;font-size:.85rem}.environment-status__camp-effect{margin:0;color:var(--text-muted);font-size:.8rem}.activity-card{position:absolute;left:16px;bottom:20px;width:min(320px,46vw);background:var(--hud-bg);border:1px solid var(--hud-border);border-left:4px solid var(--accent);border-radius:12px;padding:.7rem .75rem .65rem;box-shadow:0 12px 32px #0000006b;pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.activity-card.hidden{display:none}.activity-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.activity-label{margin:0;font-weight:800;letter-spacing:.01em;color:var(--text-strong)}.activity-eta{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:700}.activity-bar{position:relative;width:100%;height:9px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.1);margin-top:.45rem}.activity-fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,#5be7c4,#8ecbff);transition:width .12s linear,background .2s ease;box-shadow:0 0 12px #5be7c499}.activity-detail{margin:.35rem 0 0;color:var(--text-muted);line-height:1.35}.activity-card.gather{border-left-color:#8ecbff}.activity-card.gather .activity-fill{background:linear-gradient(90deg,#8ecbff,#5be7c4)}.activity-card.craft{border-left-color:#c08bff}.activity-card.craft .activity-fill{background:linear-gradient(90deg,#f4c867,#c08bff);box-shadow:0 0 12px #c08bff59}.activity-card.camp{border-left-color:#ff9b5f}.activity-card.camp .activity-fill{background:linear-gradient(90deg,#ffb47b,#ff7b7b);box-shadow:0 0 12px #ff7b7b59}.dash-status{position:fixed;right:24px;bottom:28px;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:12px;background:var(--hud-bg);border:1px solid var(--hud-border);box-shadow:0 8px 24px #0000004d;font-size:.9rem;color:var(--text-muted);z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dash-status.ready{border-color:var(--accent);color:var(--accent-strong)}.dash-status__label{text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:.8rem}.dash-status__value{font-weight:700;color:var(--text-strong)}.cockpit-hud{position:absolute;left:50%;transform:translate(-50%);bottom:20px;display:grid;gap:.5rem;background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:14px;padding:.85rem 1rem;box-shadow:0 14px 38px #00000073;min-width:min(560px,90vw);pointer-events:auto;z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cockpit-hud__title{margin:0;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.cockpit-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem}.cockpit-meter{display:grid;gap:.35rem;padding:.55rem .65rem .5rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f}.cockpit-meter__header{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.cockpit-meter__label{color:var(--text-muted);font-size:.85rem;letter-spacing:.01em}.cockpit-meter__value{font-weight:800;color:var(--text-strong);font-variant-numeric:tabular-nums}.cockpit-meter__bar{position:relative;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.cockpit-meter__fill{position:absolute;inset:0;width:0%;transition:width .15s ease-out}.cockpit-meter__detail{color:var(--text-muted);font-size:.78rem;display:flex;align-items:center;justify-content:space-between;gap:.35rem}.cockpit-meter.tone-stamina .cockpit-meter__fill{background:linear-gradient(90deg,#3ccf9e,#a2f5d0);box-shadow:0 0 12px #3ccf9e80}.cockpit-meter.tone-stamina.stamina-high .cockpit-meter__fill{background:linear-gradient(90deg,#3ccf9e,#7efcd2);box-shadow:0 0 12px #3ccf9e8c}.cockpit-meter.tone-stamina.stamina-mid .cockpit-meter__fill{background:linear-gradient(90deg,#f4c867,#ffdf8f);box-shadow:0 0 12px #f4c8678c}.cockpit-meter.tone-stamina.stamina-low .cockpit-meter__fill{background:linear-gradient(90deg,#f36c6c,#ffad7d);box-shadow:0 0 14px #f36c6c99}.cockpit-meter.tone-focus .cockpit-meter__fill{background:linear-gradient(90deg,#7db8ff,#c08bff);box-shadow:0 0 12px #c08bff80}.cockpit-meter.tone-dash .cockpit-meter__fill{background:linear-gradient(90deg,#f4c867,#ffdf8f);box-shadow:0 0 12px #f4c86780}.cockpit-meter.burst .cockpit-meter__bar{background:repeating-linear-gradient(90deg,#ffffff14 0 8px,#ffffff05 8px 14px);height:10px}.cockpit-meter.burst .cockpit-meter__fill{transition:width .12s ease-out}.cockpit-meter.ready{border-color:#f4c86773;box-shadow:0 0 0 1px #f4c86733,inset 0 1px #ffffff14}.inventory-panel{position:absolute;right:16px;top:112px;width:960px;max-width:min(96vw,960px);max-height:calc(100vh - 96px);background:#0a0e1eeb;border:1px solid var(--hud-border);border-radius:16px;box-shadow:0 18px 48px #0000008c;padding:1rem;display:flex;flex-direction:column;gap:.8rem;pointer-events:auto;overflow:hidden;z-index:6;font-size:.75rem}.inventory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.inventory-heading{display:grid;gap:.1rem}.inventory-eyebrow{margin:0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.inventory-title{margin:0;font-size:.75rem;letter-spacing:-.01em}.inventory-subtitle{margin:0;color:var(--text-muted);font-size:.72rem}.inventory-close{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--text-strong);border-radius:10px;padding:.35rem .6rem;font-size:.75rem;font-weight:700;cursor:pointer}.inventory-body{display:flex;flex-direction:column;gap:.6rem;overflow:hidden}.inventory-layout{display:grid;grid-template-columns:260px auto;grid-template-areas:"detail list";gap:.75rem;align-items:start}@media(max-width:820px){.inventory-layout{grid-template-columns:1fr;grid-template-areas:"list" "detail"}}.inventory-list{display:grid;gap:.55rem;min-width:0;grid-area:list}.inventory-detail-pane{display:grid;gap:.5rem;grid-area:detail}.inventory-scroll{border:1px solid rgba(255,255,255,.08);background:#ffffff05;border-radius:12px;padding:.45rem;display:grid;gap:.35rem;max-height:60vh;overflow-y:auto}.inventory-summary{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.5rem .65rem;border-radius:10px;color:var(--text-muted);font-weight:600;font-size:.74rem}.inventory-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;padding:.55rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.inventory-actions .btn{width:100%;background:linear-gradient(135deg,#f4c867f2,#ffdf8fe6);color:#0f1124;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 24px #f4c86733;padding:.65rem .9rem;font-size:.75rem}.inventory-actions .btn.secondary{background:linear-gradient(135deg,#8ecbffe6,#6dd5fff2);box-shadow:0 10px 28px #6dd5ff33}.inventory-actions .btn.danger{background:linear-gradient(135deg,#ff9b5feb,#ff7b7bf2);box-shadow:0 10px 28px #ff7b7b3d;color:#0f1124}.inventory-actions .btn:disabled{filter:grayscale(.2);opacity:.65}.destroy-control{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;padding:.55rem .65rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px}.destroy-label{color:var(--text-muted);font-weight:700;letter-spacing:.01em}.destroy-count{width:100%;padding:.6rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0d1121d1;color:var(--text-strong);font-weight:700;font-variant-numeric:tabular-nums;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.destroy-count:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f4c86733;background:#11162aeb}.destroy-control .btn{height:100%;padding-inline:1.1rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.35rem}.inventory-item{--biome-accent: rgba(244, 200, 103, .8);--biome-accent-mid: rgba(244, 200, 103, .6);--biome-accent-soft: rgba(244, 200, 103, .14);border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,rgba(255,255,255,.04),var(--biome-accent-soft, rgba(244, 200, 103, .08)));color:var(--text-strong);border-radius:12px;padding:.55rem .65rem;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:.15rem .4rem;align-items:center}.inventory-item[data-biome]{border-color:var(--biome-accent);box-shadow:0 8px 22px var(--biome-accent-soft, rgba(244, 200, 103, .2))}.inventory-item.active{border-color:var(--biome-accent, rgba(244, 200, 103, .6));box-shadow:0 8px 22px var(--biome-accent-mid, rgba(244, 200, 103, .22))}.inventory-item__name{font-weight:800;letter-spacing:.01em;font-size:.75rem}.inventory-item__count{color:var(--text-strong);font-weight:700;justify-self:end;font-size:.72rem}.inventory-item__tag{font-size:.7rem;color:var(--biome-accent, var(--text-muted));border:1px solid var(--biome-accent-soft, rgba(255, 255, 255, .1));border-radius:999px;padding:.08rem .35rem;justify-self:start}.inventory-empty{margin:0;color:var(--text-muted);font-style:italic;font-size:.72rem}.inventory-empty.hidden{display:none}.inventory-detail{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.65rem .75rem;display:grid;gap:.25rem;min-height:100%}.inventory-detail__title{margin:0;font-size:.75rem;letter-spacing:.01em}.inventory-detail__meta{margin:0;color:var(--text-muted);font-weight:600;font-size:.72rem}.inventory-detail__description{margin:0;color:var(--text-strong);line-height:1.4;font-size:.74rem}.inventory-detail__image{width:100%;max-height:220px;object-fit:contain;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:.35rem}.inventory-detail__hint{margin:0;color:var(--accent-strong);font-weight:700}.crafting-panel{position:absolute;right:20px;top:112px;width:min(96vw,1100px);min-width:640px;max-height:calc(100vh - 80px);background:linear-gradient(180deg,#040612f2,#07091afa);border:1px solid rgba(255,255,255,.18);border-radius:22px;box-shadow:0 35px 80px #000000b3;padding:1.35rem;display:flex;flex-direction:column;gap:1rem;pointer-events:auto;overflow:hidden;z-index:6;font-size:.78rem}.crafting-header{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:flex-start}.crafting-eyebrow{margin:0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong)}.crafting-title{margin:0;font-size:.85rem;letter-spacing:-.01em}.crafting-subtitle{margin:0;color:var(--text-muted);line-height:1.5;font-size:.75rem}.crafting-close{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--text-strong);border-radius:10px;padding:.4rem .65rem;font-size:.75rem;font-weight:700;cursor:pointer}.crafting-body{display:flex;flex-direction:column;gap:.9rem;overflow:hidden}.crafting-instruction{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);padding:.65rem .85rem;border-radius:14px;color:var(--text-muted);font-weight:600;font-size:.78rem}.crafting-columns{display:grid;gap:1rem;grid-template-columns:minmax(260px,1.2fr) minmax(260px,.9fr) minmax(240px,1fr);align-items:start}.crafting-column{background:#070b1cf2;border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-height:360px;box-shadow:inset 0 0 0 1px #ffffff05}.crafting-column h3{margin:0;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:var(--text-muted)}.crafting-inventory-column{padding-bottom:.5rem}.crafting-mix-column{align-items:center;justify-content:space-between;text-align:center}.crafting-outcome-column{padding-bottom:.5rem}.crafting-filter{display:flex;align-items:center;justify-content:space-between;gap:.65rem;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.crafting-filter__select{border-radius:.55rem;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#ffffff14,#040714e6);color:#f5f7ff;padding:.35rem .6rem;font-size:.72rem;max-width:150px;cursor:pointer;box-shadow:inset 0 0 12px #0009}.crafting-filter__select:focus{outline:2px solid rgba(244,216,103,.8);border-color:#f4d867cc}.crafting-filter__select option{background:#050710f2;color:#fefefe}.crafting-inventory{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem;max-height:calc(100vh - 280px);overflow-y:auto;padding-right:.35rem;align-items:stretch;align-content:start}.crafting-item{--biome-accent: rgba(96, 151, 255, .85);--biome-accent-soft: rgba(96, 151, 255, .12);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.75rem;background:linear-gradient(160deg,#ffffff08,#080c1ce6);color:var(--text-strong);cursor:pointer;display:flex;flex-direction:column;gap:.25rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;text-align:left}.crafting-item__info{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:.6rem;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb8}.crafting-item[data-biome]{border-color:var(--biome-accent);box-shadow:0 12px 32px var(--biome-accent-soft)}.crafting-item:not(:disabled):hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 20px 40px #00000059}.crafting-item:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.crafting-item__name{font-weight:800;font-size:.75rem;flex-grow:1}.crafting-item__tier{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3;background:#ffffff0f;padding:.1rem .4rem;border-radius:999px;align-self:flex-start}.crafting-item__count{color:var(--accent-strong);font-weight:700;font-size:.8rem}.crafting-empty{margin:0;color:var(--text-muted);font-style:italic;font-size:.78rem}.crafting-mix-slots{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%}.crafting-mix-slot{flex:1;min-height:130px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#ffffff0a,#090c1cf2);color:var(--text-strong);display:flex;flex-direction:column;gap:.2rem;justify-content:center;align-items:center;font-weight:700;padding:.6rem;text-align:center;transition:border-color .2s ease,transform .2s ease}.crafting-mix-slot__label{font-size:.95rem;letter-spacing:.05em}.crafting-mix-slot__hint{font-size:.72rem;color:var(--text-muted)}.crafting-mix-slot:not(:disabled):hover{border-color:#ffffff59;transform:translateY(-2px)}.crafting-mix-slot:disabled{cursor:not-allowed;opacity:.7}.crafting-mix-arrow{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#ffffffb3}.crafting-mix-actions{display:flex;flex-direction:column;gap:.3rem;align-items:center}.crafting-mix-hint{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center;line-height:1.4}.craft-button{background:linear-gradient(145deg,#f9d85a,#f1a742);border:none;border-radius:14px;color:#1c1828;font-weight:800;padding:.75rem 1.2rem;font-size:.85rem;cursor:pointer;box-shadow:0 15px 35px #f1a74273;letter-spacing:.02em;width:100%}.craft-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.crafting-result{border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:1rem;background:linear-gradient(180deg,#0a0c1ae6,#0b0f20f2);min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:.35rem}.crafting-result.success{border-color:#60d4a499;box-shadow:0 10px 30px #60d4a440}.crafting-result.failure{border-color:#ff848480;box-shadow:0 10px 30px #ff848440}.crafting-result.pending{border-color:#8ecbff80;box-shadow:0 10px 30px #8ecbff40;background:#8ecbff14}.crafting-result__title{margin:0;font-weight:800;font-size:1rem}.crafting-result__body{margin:.35rem 0 0;color:var(--text-muted);line-height:1.4}.biome-accent-emerald_grasslands{--biome-accent: hsl(132, 55%, 55%);--biome-accent-mid: hsla(132, 55%, 55%, .6);--biome-accent-soft: hsla(132, 55%, 55%, .18)}.biome-accent-amber_savanna{--biome-accent: hsl(39, 82%, 55%);--biome-accent-mid: hsla(39, 82%, 55%, .6);--biome-accent-soft: hsla(39, 82%, 55%, .2)}.biome-accent-jade_rainforest{--biome-accent: hsl(161, 60%, 50%);--biome-accent-mid: hsla(161, 60%, 50%, .6);--biome-accent-soft: hsla(161, 60%, 50%, .2)}.biome-accent-mistwood_taiga{--biome-accent: hsl(196, 45%, 55%);--biome-accent-mid: hsla(196, 45%, 55%, .6);--biome-accent-soft: hsla(196, 45%, 55%, .2)}.biome-accent-saffron_dunes{--biome-accent: hsl(28, 78%, 55%);--biome-accent-mid: hsla(28, 78%, 55%, .6);--biome-accent-soft: hsla(28, 78%, 55%, .2)}.biome-accent-cerulean_mangroves{--biome-accent: hsl(205, 70%, 52%);--biome-accent-mid: hsla(205, 70%, 52%, .6);--biome-accent-soft: hsla(205, 70%, 52%, .2)}.biome-accent-stormrise_highlands{--biome-accent: hsl(280, 60%, 62%);--biome-accent-mid: hsla(280, 60%, 62%, .6);--biome-accent-soft: hsla(280, 60%, 62%, .2)}.biome-accent-obsidian_badlands{--biome-accent: hsl(8, 70%, 54%);--biome-accent-mid: hsla(8, 70%, 54%, .6);--biome-accent-soft: hsla(8, 70%, 54%, .2)}.biome-accent-cobalt_fjords{--biome-accent: hsl(225, 65%, 48%);--biome-accent-mid: hsla(225, 65%, 48%, .6);--biome-accent-soft: hsla(225, 65%, 48%, .2)}.biome-accent-aurora_crown_glacier{--biome-accent: hsl(180, 55%, 72%);--biome-accent-mid: hsla(180, 55%, 72%, .6);--biome-accent-soft: hsla(180, 55%, 72%, .2)}.biome-accent-unknown{--biome-accent: hsl(210, 18%, 70%);--biome-accent-mid: hsla(210, 18%, 70%, .6);--biome-accent-soft: hsla(210, 18%, 70%, .2)}.codex-panel{position:absolute;inset:0;background:#080b1af0;border:1px solid var(--hud-border);border-radius:0;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;pointer-events:auto;z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.codex-header{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:start}.codex-eyebrow{margin:0;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong)}.codex-title{margin:0;font-size:1.5rem;letter-spacing:-.01em}.codex-subtitle{margin:.1rem 0 0;color:var(--text-muted);line-height:1.45}.codex-close{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:var(--text-strong);border-radius:10px;padding:.4rem .65rem;font-weight:700;cursor:pointer}.codex-body{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1rem;padding-right:.25rem;min-height:0}.codex-section{display:flex;flex-direction:column;gap:.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;box-shadow:inset 0 1px #ffffff14;min-height:0}.codex-section__title{margin:0;font-size:1rem;letter-spacing:.01em}.codex-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;overflow:auto;font-size:.75rem!important}.codex-grid:has(.tone-creature){grid-template-columns:1fr}@media(max-width:1120px){.codex-body{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.codex-card{--biome-accent: rgba(244, 200, 103, .8);--biome-accent-soft: rgba(244, 200, 103, .14);border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,rgba(255,255,255,.04),var(--biome-accent-soft, rgba(244, 200, 103, .08)));color:var(--text-strong);border-radius:14px;padding:.75rem;display:grid;gap:.5rem;box-shadow:0 12px 32px #0006}.codex-card.tone-ingredient{border-left:4px solid #8ecbff}.codex-card.tone-dish{border-left:4px solid var(--accent-strong)}.codex-card.tone-creature{border-left:4px solid #c08bff}.codex-card.tone-neutral{border-left:4px solid var(--panel-border)}.codex-card__image{width:100%;max-height:150px;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:.4rem}.codex-card__placeholder{border-radius:12px;border:1px dashed rgba(255,255,255,.18);color:var(--text-muted);padding:1.6rem .6rem;text-align:center;background:#ffffff08;font-weight:700}.codex-card__content{display:grid;gap:.35rem}.codex-card__heading{display:flex;flex-direction:column;gap:.1rem}.codex-card__title{margin:0;font-size:1.05rem;letter-spacing:.005em}.codex-card__meta{margin:0;color:var(--text-muted);font-size:.92rem}.codex-card__description{margin:0;color:var(--text-muted);line-height:1.5}.codex-card__relationship{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4;font-weight:600}.codex-chip-list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.35rem}.codex-chip{padding:.25rem .45rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:700;font-size:.82rem}.codex-empty{margin:0;color:var(--text-muted);padding:.5rem .75rem;border-radius:10px;border:1px dashed rgba(255,255,255,.16);background:#ffffff05}.codex-ability{margin:0;color:var(--accent-strong);font-weight:800;letter-spacing:.01em}.state-inspector{position:absolute;left:16px;top:132px;width:360px;max-height:calc(100vh - 220px);overflow:hidden;background:#0a0e1ee0;border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 12px 40px #0006;color:var(--text-strong);font-size:.82rem;display:flex;flex-direction:column;pointer-events:auto;z-index:5}.state-inspector__header{padding:.75rem .9rem;font-weight:700;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(120deg,#f4c86729,#0c132866);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.state-inspector__body{padding:.75rem .9rem;overflow:auto;display:grid;gap:.75rem}.state-inspector__section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .7rem}.state-inspector__title{font-weight:700;margin-bottom:.35rem;color:var(--accent-strong)}.state-inspector__pre{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.state-inspector__actions{display:grid;gap:.25rem}.state-inspector__actions button{font-size:.75rem}.state-inspector__input{width:90px;padding:.25rem .35rem;border:1px solid rgba(255,255,255,.12);background:#0000004d;color:var(--text-strong);border-radius:6px;font-size:.75rem}.state-inspector__action{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem .5rem;color:var(--text-muted)}.state-inspector__toggle{background:#ffffff14;color:var(--text-strong);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.25rem .5rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.state-inspector__toggle:hover{background:#ffffff2e;color:#fff}.state-inspector--collapsed .state-inspector__body{display:none}.skills-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:#060a14e6;padding:24px;gap:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--panel-border);z-index:7;pointer-events:auto;overflow:hidden}.skills-header{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.skills-title{font-size:20px;font-weight:700;color:var(--text-strong)}.skills-subtitle{margin:0;color:var(--text-muted);grid-column:1 / span 1}.skills-close{justify-self:end;background:var(--panel-border);color:var(--text-strong);border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.skills-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.skills-summary__stat{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 12px}.skills-summary__label{color:var(--text-muted);font-size:12px}.skills-summary__value{font-size:20px;font-weight:700;color:var(--text-strong)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;overflow:auto;padding-bottom:12px}.skill-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px}.skill-card__header{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.skill-card__icon{width:56px;height:56px;border-radius:10px;overflow:hidden}.skill-card__icon img{width:100%;height:100%;object-fit:cover;display:block}.skill-card__title{display:grid;gap:2px}.skill-card__name{font-weight:700;color:var(--text-strong)}.skill-card__summary{margin:0;color:var(--text-muted);font-size:13px}.skill-card__select{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:var(--text-strong);padding:6px 8px;border-radius:6px}.skill-card__select option{background:#050710f2;color:#fefefe}.skill-card__meta{display:flex;justify-content:space-between;color:var(--text-muted);font-size:12px}.skill-card__tiers{list-style:none;margin:0;padding:0;display:grid;gap:6px}.skill-tier{background:#0000002e;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;display:grid;gap:4px}.skill-tier--current{border-color:#7dd3fc;box-shadow:0 0 0 1px #7dd3fc33}.skill-tier--target{border-color:#c084fc;box-shadow:0 0 0 1px #c084fc33}.skill-tier__label{font-weight:600;color:var(--text-strong)}.skill-tier__detail{margin:0;color:var(--text-muted);font-size:13px}.skill-tier__timing{color:var(--text-muted);font-size:12px}.skill-tier__badge{display:inline-block;background:#ffffff1a;color:var(--text-strong);border-radius:999px;padding:4px 8px;font-size:11px;justify-self:start}.skill-card__actions{display:flex;justify-content:flex-end}.skill-card__spend{background:linear-gradient(90deg,#38bdf8,#6366f1);border:none;color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:700}.skill-card__spend:disabled{opacity:.45;cursor:not-allowed;background:#ffffff14}.profile-panel{position:absolute;inset:0;display:flex;flex-direction:column;background:#070a16e6;padding:24px;gap:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--panel-border);z-index:6;pointer-events:auto}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-title{font-size:20px;font-weight:700}.profile-save{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#0f1124;border:none;padding:8px 12px;border-radius:8px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #f4c86738}.profile-save:disabled{opacity:.6;cursor:progress}.profile-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:14px}.profile-close{background:var(--panel-border);color:var(--text-strong);border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.profile-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;flex:1;overflow:auto}.profile-meter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;align-items:stretch;margin-bottom:10px}.profile-meter-row .profile-meter{margin-bottom:0}.profile-meter{display:grid;gap:6px;background:#ffffff0a;border:1px solid var(--panel-border);border-radius:10px;padding:10px;margin-bottom:10px}.profile-meter__header{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--text-strong)}.profile-meter__label{color:var(--text-muted)}.profile-meter__segments{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.profile-meter__segment{height:10px;border-radius:4px;background:#ffffff14}.profile-meter__segment.active{background:linear-gradient(90deg,#3ccf9e,#7efcd2);box-shadow:0 0 8px #3ccf9e59}.profile-meter.tone-mid .profile-meter__segment.active{background:linear-gradient(90deg,#f4c867,#ffdf8f);box-shadow:0 0 8px #f4c86759}.profile-meter.tone-low .profile-meter__segment.active{background:linear-gradient(90deg,#f36c6c,#ffad7d);box-shadow:0 0 8px #f36c6c73}.profile-meter__hint{color:var(--text-muted);font-size:.82rem}.profile-section{background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:12px}.profile-section h3{margin:0 0 8px;font-size:16px;color:var(--accent-strong)}.profile-weather{background:#ffffff0d;border:1px solid var(--panel-border);border-radius:8px;padding:8px;display:grid;gap:6px;margin-bottom:8px}.profile-weather__heading{display:flex;align-items:center;justify-content:space-between;font-weight:700;color:var(--text-strong);text-transform:capitalize}.profile-weather__tier{color:var(--accent-strong);font-weight:800}.profile-weather__impact{color:var(--text-muted);font-size:.9rem}.profile-weather__mitigation{color:var(--text-muted);font-size:.85rem}.profile-weather__forecast{display:flex;flex-wrap:wrap;gap:6px}.weather-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 6px;font-size:.8rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.weather-chip__label{color:var(--text-strong);font-weight:700}.weather-chip__tier{color:var(--accent-strong);font-weight:700}.weather-chip__eta{color:var(--text-muted)}.profile-weather .weather-chip{font-size:.85rem}.profile-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.profile-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:#ffffff0d;padding:6px 8px;border-radius:6px;font-size:14px;gap:4px}.profile-row__header{display:flex;flex-direction:column}.profile-label{color:var(--text-muted);padding-right:4px}.profile-value{color:var(--text-strong);font-weight:600}.profile-bar{width:100%;height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden;margin-top:2px;position:relative}.profile-bar__fill{height:100%;width:0;transition:width .12s ease-out;background:linear-gradient(90deg,#c44536,#38b26d)}.profile-bar__label{color:var(--text-muted);font-size:12px;position:absolute;right:8px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#0000002e;padding:2px 6px;border-radius:999px}.creature-panel{position:absolute;right:1rem;top:7rem;width:360px;max-width:calc(100% - 2rem);background:#0c0f16f0;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;box-shadow:0 18px 44px #00000073;z-index:12;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.creature-panel.hidden{display:none}.creature-panel__header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.creature-panel__title{font-size:18px;font-weight:700;color:#f2f5ff}.creature-panel__subtitle{margin:6px 0 10px;color:#a7adba;font-size:13px}.creature-panel__state{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#0c0f16;background:#58cf87;margin-bottom:8px;width:fit-content}.creature-panel__state[data-tone=hungry]{background:#e3b24c;color:#0c0f16}.creature-panel__state[data-tone=starving]{background:#e5665a;color:#fff9f7}.creature-panel__row{display:flex;justify-content:space-between;align-items:center;color:#c5ccd8;font-size:13px;margin-bottom:4px}.creature-panel__bar{width:100%;height:10px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:10px}.creature-panel__bar-fill{height:100%;width:0;transition:width .12s ease-out;background:linear-gradient(90deg,#c44536,#d6a344 45%,#38b26d)}.creature-panel__hunger-value{color:#a7adba;font-size:12px}.creature-panel__ability{border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:10px;background:#ffffff05;margin-bottom:10px}.creature-panel__ability-name{font-weight:700;color:#f0f3ff;margin-bottom:4px}.creature-panel__ability-detail{color:#a7adba;font-size:13px;line-height:1.4}.creature-panel__feed-header{font-weight:700;color:#dbe3f0;margin:6px 0;font-size:13px}.creature-panel__care-note{color:#d8e6ff;font-size:13px;line-height:1.45;margin:2px 0 10px}.creature-panel__feed-list{display:flex;flex-direction:column;gap:6px}.creature-panel__feed-btn{border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#f5f8ff;border-radius:8px;padding:8px 10px;text-align:left;font-weight:600;cursor:pointer}.creature-panel__feed-btn:hover:not(:disabled){border-color:#ffffff2e;background:#ffffff0f}.creature-panel__feed-btn:disabled{opacity:.55;cursor:not-allowed}.creature-panel__empty{color:#8f96a4;font-size:13px;margin:6px 0 0}