.hud-app,.hud-app[data-theme=sf]{--ink-950:#0d1117;--circle-size:clamp(260px, min(calc(100vh - 405px), 46vw), 720px);--circle-col:clamp(340px, min(82vh, 48vw), 740px);--ink-900:#131820;--ink-800:#1b222c;--ink-700:#232b37;--ink-600:#2c3644;--line-strong:#3a4452;--line-soft:#283039;--line-field:#647083;--cream:#f3e9d8;--cream-2:#d9cbb4;--sprout:#5fdb8e;--water:#6fd3fb;--amber:#f5b83d;--ember:#f0705a;--q1:#b85a32;--q1-text:#d0703f;--q2:#a39a55;--q3:#6cb87e;--q4:#4cc2f2;--q5:#d8f7ff;--r-common:#8796a8;--r-uncommon:#5b9be0;--r-rare:#9b7cf0;--r-super:#ec7fb8;--r-ultra:#f2994a;--r-legendary:#ffd93d;--crystal-light:#fff;--crystal-deep:#4fc8f5;--crystal-mid:#8fe4ff;--shade-rgb:13 17 23;--cream-rgb:243 233 216;--sprout-rgb:95 219 142;--water-rgb:111 211 251;--amber-rgb:245 184 61;--ember-rgb:240 112 90;--orange-rgb:243 154 74;--bg-deep:var(--ink-900);--bg-primary:transparent;--bg-col:transparent;--color-bg-deep:var(--ink-900);--color-bg-surface:var(--ink-800);--color-bg-hover:var(--ink-700);--color-bg-active:var(--ink-600);--color-bg-elevated:var(--ink-700);--color-border:var(--line-strong);--color-border-bright:rgb(var(--cream-rgb) / .5);--color-border-dim:var(--line-soft);--color-text:var(--cream);--color-text-secondary:rgb(var(--cream-rgb) / .66);--color-text-dim:rgb(var(--cream-rgb) / .55);--color-status-green:var(--sprout);--color-status-yellow:var(--amber);--color-status-orange:rgb(var(--orange-rgb));--color-status-red:var(--ember);--color-status-purple:var(--water);--color-status-green-dim:rgb(var(--sprout-rgb) / .35);--color-status-red-dim:rgb(var(--ember-rgb) / .35);--color-status-green-bg:rgb(var(--sprout-rgb) / .06);--font-body:"Barlow", "Helvetica Neue", Arial, sans-serif;--font-mono:"Barlow Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:17px;--text-2xl:22px;--text-3xl:32px;--text-4xl:42px;--tracking-tight:.04em;--tracking-normal:.08em;--tracking-wide:.12em;--tracking-wider:.16em;--weight-normal:400;--weight-semibold:600;--weight-bold:700;--weight-black:900;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--space-18:36px;--radius-sm:4px;--radius-base:6px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;--radius-full:50%;--gauge-sm:6px;--gauge-md:8px;--gauge-lg:10px;--icon-xs:10px;--icon-sm:12px;--icon-md:14px;--icon-lg:22px;--icon-xl:32px;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.35s ease;--transition:.18s ease;--line:var(--color-border);--line-bright:var(--color-border-bright);--line-dim:var(--color-border-dim);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-dim:var(--color-text-dim);--text-label:var(--color-text-secondary);--health-green:var(--color-status-green);--health-yellow:var(--color-status-yellow);--health-orange:var(--color-status-orange);--health-red:var(--color-status-red);--font-heading:var(--font-mono);--border-dim:var(--color-border);--border-active:var(--color-border-bright);--text-accent:var(--color-text);--accent-blue:rgb(var(--cream-rgb) / .72);--accent-cyan:rgb(var(--cream-rgb) / .72);--xp-purple-bright:rgb(var(--cream-rgb) / .55);font-family:var(--font-body);background:radial-gradient(120% 70% at 50% 0%, var(--ink-700) 0%, var(--ink-900) 45%, var(--ink-950) 100%);color:var(--color-text);-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;height:100vh;font-size:16px;line-height:1.5;display:flex;position:relative;overflow:hidden}.hud-app *{scrollbar-width:none;-ms-overflow-style:none}.hud-app ::-webkit-scrollbar{display:none}.app-header{z-index:10;padding:0 var(--space-10);border-bottom:1px solid var(--color-border);background:var(--color-bg-deep);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;display:flex;position:relative}.app-header-title{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);font-size:18px;font-weight:700}.app-header-left{flex-shrink:0;align-items:center;display:inline-flex}.brand-mark{flex-shrink:0;width:auto;height:26px;margin-right:10px}.app-header-accent{color:var(--color-text);margin-left:.28em;font-weight:300}.app-header-nav{align-items:center;gap:var(--space-3);display:flex}.app-header-right{align-items:center;gap:var(--space-8);flex-shrink:0;display:flex}.sync-bar{width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:11px;display:flex}.sync-bar-conflict{color:var(--color-status-yellow);background:rgb(var(--amber-rgb) / .08);border-bottom:1px solid rgb(var(--amber-rgb) / .2);text-transform:none;letter-spacing:.02em;font-family:var(--font-body);font-size:var(--text-sm);text-align:center;padding:6px 12px}.sync-bar-error{color:var(--color-status-red);background:rgb(var(--ember-rgb) / .08);border-bottom:1px solid rgb(var(--ember-rgb) / .2);cursor:pointer;animation:2s ease-in-out infinite sync-pulse}.sync-bar-error:hover{background:rgb(var(--ember-rgb) / .14)}.sync-bar-saved{color:var(--color-status-green);background:rgb(var(--water-rgb) / .06);border-bottom:1px solid rgb(var(--water-rgb) / .15);animation:2s forwards sync-fade-out}.sync-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes sync-fade-out{0%,60%{opacity:1}to{opacity:0}}.app-header-stat{font-family:var(--font-mono);letter-spacing:var(--tracking-normal);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);font-size:15px;font-weight:700;display:inline-flex}.rules-cta{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-normal);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-7);cursor:pointer;transition:var(--transition);text-transform:uppercase;align-items:center;gap:var(--space-3);background:0 0;border:1.5px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.nav-label{font-family:var(--font-mono)}.rules-cta:hover{color:var(--color-text)}.rules-cta.active{color:var(--color-text);border-color:var(--color-text)}.page-container{flex:1;position:relative;overflow:hidden}.hud-panel{flex-direction:column;flex:1;justify-content:flex-start;gap:10px;min-height:0;padding:clamp(12px,2vw,24px) clamp(14px,2vw,28px);display:flex;overflow:hidden}.panel-label{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);flex-shrink:0;font-weight:700;display:flex}.panel-label:after{content:"";background:var(--line-strong);flex:1;order:2;height:1px}.panel-label-count{color:var(--color-text-dim);order:1;font-size:12px}.panel-sub-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-dim);text-transform:uppercase;flex-shrink:0;margin-top:-8px;font-size:11px}.circle-inner-level-row{align-items:baseline;gap:7px;display:flex}.circle-inner-level-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-secondary);font-size:clamp(11px,1vw,13px)}.circle-inner-level-num{font-family:var(--font-mono);color:var(--color-text);font-size:clamp(18px,2.2vw,30px);font-weight:900;line-height:1}.circle-inner-date{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-dim);text-transform:uppercase;font-size:clamp(10px,.85vw,12px)}.streak-badge{border:1px solid rgb(var(--amber-rgb) / .35);background:rgb(var(--amber-rgb) / .06);border-radius:20px;align-items:baseline;gap:5px;padding:2px 8px;display:flex}.streak-badge-num{font-family:var(--font-mono);color:#facc15;letter-spacing:.05em;font-size:clamp(12px,1.15vw,15px);font-weight:700}.streak-badge-label{font-family:var(--font-mono);letter-spacing:.14em;color:rgb(var(--amber-rgb) / .7);text-transform:uppercase;font-size:clamp(9px,.75vw,11px)}.health-block{flex-direction:column;gap:7px;display:flex}.health-block-header{justify-content:space-between;align-items:center;display:flex}.health-type-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.health-avg{font-family:var(--font-mono);letter-spacing:.04em;font-size:16px;font-weight:700}.gauge-track{background:var(--ink-600);border-radius:2px;flex:none;width:100%;height:8px;display:flex;overflow:hidden;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%)}.gauge-seg{height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.gauge-pct{font-family:var(--font-mono);letter-spacing:.06em;text-align:right;min-width:34px;font-size:12px;font-weight:600}.panel-inner-sep{background:var(--color-border);flex-shrink:0;height:1px;margin:4px 0}.task-list{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.task-row{background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--radius-base);cursor:pointer;transition:background var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.task-row:hover{background:var(--ink-600)}.task-check{border:1.5px solid var(--color-text-dim);border-radius:var(--radius-sm);width:18px;height:18px;color:var(--ink-900);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-check.done{background:var(--sprout);border-color:var(--sprout)}.task-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.task-label.done{color:var(--color-text-dim);text-decoration:line-through}.mission-list{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.mission-row{background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--radius-base);cursor:pointer;transition:background var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.mission-row:hover{background:var(--ink-600)}.mission-dot{border:1.5px solid var(--color-text-dim);width:6px;height:6px;transition:var(--transition);border-radius:50%;flex-shrink:0}.mission-dot.today{background:rgb(var(--cream-rgb) / .6);border-color:var(--color-text)}.mission-dot.done{background:var(--color-status-green);border-color:var(--color-status-green)}.mission-label{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.mission-label.done{color:var(--color-text-dim);text-decoration:line-through}.mission-tag{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-secondary);border:1px solid var(--line-strong);border-radius:var(--radius-pill);text-transform:uppercase;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.progress-block{flex-direction:column;gap:5px;margin-top:4px;display:flex}.progress-row{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:12px;display:flex}.panel-add-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;transition:var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.panel-add-btn:hover{border-color:var(--color-text);background:var(--color-bg-hover)}.panel-pool-note{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.08em;margin-top:6px;font-size:11px}.empty-state{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-dim);text-transform:uppercase;padding:10px 0;font-size:12px}.skill-hud-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.skill-hud-row{border-bottom:1px solid var(--color-border-dim);align-items:center;gap:8px;padding:7px 0;display:flex}.skill-hud-row:last-child{border-bottom:none}.skill-hud-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.page{gap:var(--space-8);height:100%;padding:var(--space-16) var(--space-18);background:0 0;flex-direction:column;display:flex;overflow:hidden}.page-header{align-items:center;gap:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--line-strong);flex-shrink:0;display:flex}.page-back-btn{align-items:center;gap:var(--space-3);border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-4) var(--space-7);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-normal);text-transform:uppercase;transition:var(--transition);background:0 0;font-weight:600;text-decoration:none;display:flex}.page-back-btn:hover{border-color:var(--color-text);color:var(--color-text)}.page-title{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:2px}.panel{background:var(--ink-800);border:1px solid var(--line-soft);border-radius:var(--radius-lg);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.panel-content{flex:1;min-height:0;overflow-y:auto}.panel-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.form-panel{padding:44px var(--space-10) var(--space-10);gap:var(--space-7);flex-direction:column;display:flex}.form-row{gap:var(--space-2);flex-direction:column;display:flex}.form-row.two-col{gap:var(--space-7);grid-template-columns:1fr 1fr;display:grid}.form-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-weight:600}.form-input,.form-select{background:var(--ink-900);border:1px solid var(--line-field);border-radius:var(--radius-base);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-lg);padding:var(--space-4) var(--space-6);transition:border-color var(--transition);outline:none;width:100%}.form-input:focus,.form-select:focus{border-color:var(--water)}.form-input::placeholder{color:var(--color-text-dim)}.form-select option{background:var(--ink-800);color:var(--color-text)}.form-actions{gap:var(--space-5);padding-top:var(--space-2);justify-content:flex-end;display:flex}.btn{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-normal);text-transform:uppercase;cursor:pointer;transition:var(--transition);border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);color:var(--color-text);background:0 0;font-weight:700;display:inline-flex}.btn:hover{border-color:var(--color-text);background:var(--color-bg-hover)}.btn-primary{background:var(--cream);border-color:var(--cream);color:var(--ink-900)}.btn-primary:hover{background:#fbf4e7;border-color:#fbf4e7}.icon-btn{width:var(--space-16);height:var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{border-color:var(--color-text-dim);background:var(--color-bg-hover);color:var(--color-text)}.icon-btn.danger:hover{border-color:var(--color-status-red);color:var(--color-status-red)}.add-cta-btn{border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:inline-flex}.add-cta-btn:hover{border-color:var(--color-text);background:var(--color-bg-hover)}.section-sep{align-items:center;gap:10px;display:flex}.section-sep-line{background:var(--color-border);flex:1;height:1px}.section-sep-label{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-secondary);text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700}.add-item-row{align-items:center;gap:8px;display:flex}.add-item-row .form-input{flex:1}.add-item-row .btn{flex-shrink:0}.panel .form-input,.panel .form-select{min-height:0;padding:5px 8px;font-size:13px}.panel .btn{min-height:0;padding:5px 10px;font-size:11px}.panel .icon-btn{width:26px;min-width:26px;height:26px;min-height:26px}.drag-handle{color:var(--color-text-dim);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:4px 6px;display:flex}.drag-handle:active{cursor:grabbing}.manage-task-item{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:7px 0;display:flex}.manage-task-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.mission-manage-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 0;display:flex}.mission-manage-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.mission-manage-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mission-manage-actions .assign-tomorrow-btn,.mission-manage-actions .mission-tag{box-sizing:border-box;align-items:center;height:26px;padding-top:0;padding-bottom:0;display:inline-flex}.manage-toggle-btn{width:100%;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:12px;font-weight:700;display:none}.manage-toggle-btn:hover{border-color:var(--color-text);background:var(--color-bg-hover)}.manage-toggle-chevron{transition:transform .2s}.manage-collapse.is-open .manage-toggle-chevron{transform:rotate(180deg)}.load-error{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-8);text-align:center;flex-direction:column;display:flex}.load-error-text{max-width:360px;font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.5}.hud-tooltip{z-index:1000;max-width:min(320px,100vw - 16px);font-family:var(--font-body);color:var(--ink-900);background:var(--cream);border-radius:var(--radius-base);pointer-events:none;white-space:normal;overflow-wrap:anywhere;border:none;padding:5px 8px;font-size:12px;line-height:1.35;animation:.1s ease-out hud-tooltip-in;position:fixed;box-shadow:0 10px 30px #0006}@keyframes hud-tooltip-in{0%{opacity:0}to{opacity:1}}.date-pick-btn{position:relative;overflow:hidden}.panel .date-pick-btn.has-value{width:auto;color:var(--color-status-purple);border-color:rgb(var(--water-rgb) / .4);gap:4px;padding:0 6px}.date-pick-label{font-family:var(--font-mono);letter-spacing:.05em;font-size:11px}.date-pick-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.date-pick-input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mission-manage-title.done{color:var(--color-text-dim);text-decoration:line-through}.tasks-section-title{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:6px;font-size:11px}.task-list-item{border-radius:var(--radius-base);cursor:pointer;align-items:center;gap:10px;padding:7px 6px;display:flex}.task-list-item:hover{background:var(--color-bg-hover)}.task-list-title{font-size:14px}.task-list-title.done{color:var(--color-text-dim);text-decoration:line-through}.assign-tomorrow-btn{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;transition:var(--transition);text-transform:uppercase;white-space:nowrap;background:0 0;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.assign-tomorrow-btn:hover{border-color:var(--color-text);background:var(--color-bg-hover)}.assign-tomorrow-btn.assigned{border-color:rgb(var(--water-rgb) / .6);color:var(--water)}.confirm-btn{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-10);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:var(--transition);border:1px solid var(--cream);color:var(--ink-900);background:var(--cream);font-weight:700;display:inline-flex}.confirm-btn:hover{background:#fbf4e7}.confirm-btn.success{border-color:var(--sprout);color:var(--ink-900);background:var(--sprout)}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.label-xs{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text);text-transform:uppercase;font-size:12px}.calendar-month-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.calendar-month-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text);font-size:12px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-day-name,.calendar-day-header{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-dim);text-align:center;text-transform:uppercase;padding:4px 0;font-size:11px}.calendar-day,.calendar-day-cell{border-radius:var(--radius-base);cursor:pointer;height:clamp(32px,4vw,46px);transition:var(--transition);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.calendar-day:hover,.calendar-day-cell:hover{border-color:var(--color-border)}.calendar-day.today,.calendar-day-cell.today{border-color:var(--color-text-dim)}.calendar-day.selected,.calendar-day-cell.selected{background:var(--ink-600);border-color:var(--color-text)}.calendar-day.empty,.calendar-day-cell.empty{cursor:default;pointer-events:none}.calendar-day.has-data,.calendar-day-cell.has-data{cursor:pointer;background:rgb(var(--cream-rgb) / .22);border-color:rgb(var(--cream-rgb) / .6)}.calendar-day.has-data:hover,.calendar-day-cell.has-data:hover{background:rgb(var(--cream-rgb) / .3);border-color:rgb(var(--cream-rgb) / .8)}.cal-day-num,.calendar-day-num{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px;line-height:1}.cal-day-num.today-num{color:var(--color-text)}.cal-day-num.no-data,.calendar-day-num.no-data{color:var(--color-text-dim)}.calendar-day.has-data .calendar-day-num,.calendar-day-cell.has-data .calendar-day-num{color:var(--color-text)}.cal-mood-dots,.calendar-day-dots{gap:2px;display:flex}.cal-mood-dot,.calendar-mood-dot{background:rgb(var(--cream-rgb) / .45);border-radius:50%;width:4px;height:4px}.calendar-mood-dot.physical{background:rgb(var(--cream-rgb) / .65)}.calendar-mood-dot.mental{background:rgb(var(--cream-rgb) / .35)}.calendar-detail-panel{flex-direction:column;gap:10px;height:100%;padding:36px 16px 16px;display:flex;overflow-y:auto}.cal-recent-row{border-bottom:1px solid var(--color-border);cursor:pointer;transition:var(--transition);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.cal-recent-row:last-child{border-bottom:none}.cal-recent-date{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.08em;min-width:72px;font-size:11px}.calendar-page-grid{grid-template-columns:1fr 240px;gap:16px;display:grid}@media (max-width:640px){.calendar-page-grid{grid-template-columns:1fr}.calendar-day,.calendar-day-cell{height:clamp(36px,11vw,52px)}}.mood-page-content{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mood-slider-panel{gap:var(--space-5);padding:var(--space-7);background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--radius-base);flex-direction:column;display:flex}.mood-value-display{font-family:var(--font-mono);font-size:var(--text-2xl);text-align:center;font-weight:900;line-height:1}.mood-slider-track{--pct:0;--fill:var(--cream);--thumb:16px;width:100%;height:var(--gauge-md);appearance:none;background:linear-gradient(to right, var(--fill) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--pct)), rgb(var(--cream-rgb) / .12) 0);border-radius:var(--radius-sm);cursor:pointer;margin:0}.mood-slider-track::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);background:var(--color-text);border:2px solid var(--color-bg-deep);cursor:pointer;border-radius:50%}.mood-slider-track::-moz-range-thumb{width:var(--thumb);height:var(--thumb);box-sizing:border-box;background:var(--color-text);border:2px solid var(--color-bg-deep);cursor:pointer;border-radius:50%}.mood-submit-btn{background:var(--cream);border:1px solid var(--cream);border-radius:var(--radius-pill);color:var(--ink-900);cursor:pointer;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;transition:var(--transition);align-items:center;gap:8px;padding:13px 36px;font-size:12px;font-weight:700;display:inline-flex}.mood-submit-btn:hover{background:#fbf4e7}.mood-submit-btn.success{border-color:var(--sprout);color:var(--ink-900);background:var(--sprout)}.skill-item{border-bottom:1px solid var(--color-border);flex-direction:column;gap:7px;padding:10px 0;display:flex}.skill-item:last-child{border-bottom:none}.skill-main-row{align-items:center;gap:8px;display:flex}.skill-name-block{flex:1;min-width:0}.skill-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4;display:block;overflow:hidden}.skill-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.skill-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.skill-log-form{align-items:center;gap:6px;padding-top:4px;display:flex}.page-half{gap:var(--space-8);flex-direction:column;width:50%;min-width:0;margin:0 auto;display:flex}.settings-content{flex-direction:column;gap:16px;display:flex}.rules-toggle{align-items:center;gap:6px;display:inline-flex}.rules-toggle.btn{font-family:var(--font-mono);letter-spacing:.1em}.rules-body{margin-top:12px}.rules-page-grid{flex-direction:column;gap:0;width:100%;display:flex}@media (max-width:1200px){.app-header{height:auto;padding:var(--space-4) var(--space-10);gap:var(--space-3);flex-wrap:wrap}.app-header-nav{justify-content:center;gap:var(--space-3);width:100%;padding-top:var(--space-3);border-top:1px solid var(--color-border-dim);order:3}.app-header-nav .rules-cta{font-size:var(--text-xs);padding:var(--space-2) var(--space-5);gap:var(--space-2)}.app-header-nav .nav-label{display:inline}.app-header-stat{display:none}}.nav-more,.nav-more-menu{display:none}@media (max-width:520px){.app-header-nav{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.app-header-nav .rules-cta{padding:var(--space-2) var(--space-3);justify-content:center}.app-header-nav .nav-extra{display:none}.nav-more{align-items:center;display:inline-flex}.nav-more-menu{top:calc(100% + var(--space-2));z-index:30;min-width:200px;padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--ink-800);box-shadow:0 8px 24px rgb(var(--shade-rgb) / .5);flex-direction:column;display:flex;position:absolute;right:0}.nav-more-item{align-items:center;gap:var(--space-4);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-base);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:13px;font-weight:600;text-decoration:none;display:flex}.nav-more-item:hover,.nav-more-item.active{background:var(--ink-700);color:var(--color-text)}}.mobile-hud{background:var(--color-bg-deep);--mobile-gap:10px;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:20px;display:flex;position:relative}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.items-center{align-items:center}.items-baseline{align-items:baseline}.mono-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.mono-stat{font-family:var(--font-mono);font-weight:var(--weight-bold)}.text-secondary{color:var(--color-text-secondary)}.text-dim{color:var(--color-text-dim)}.hud-app :focus-visible{outline:2px solid var(--water);outline-offset:2px}.btn--icon{border:1px solid var(--color-border);border-radius:var(--radius-base);width:30px;height:30px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn--icon:hover{border-color:var(--color-border-bright);color:var(--color-text)}.btn--icon.danger:hover{border-color:var(--color-status-red);color:var(--color-status-red)}.btn--xs{padding:3px 8px;font-size:10px}.btn--lg{padding:12px 24px}.panel-body{padding:var(--space-8)}.gauge-track--sm{height:var(--gauge-sm)}.gauge-track--md{height:var(--gauge-md)}.gauge-track--lg{height:var(--gauge-lg)}.level-picker{gap:var(--space-2);align-items:center;display:flex}.level-picker-btn{width:26px;height:26px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);border-radius:var(--radius-base);cursor:pointer;border:1px solid;flex-shrink:0;transition:all .15s}.day-detail{gap:var(--space-7);flex-direction:column;display:flex}.day-detail-stat{justify-content:space-between;align-items:baseline;display:flex}.day-detail-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.day-detail-label{font-family:var(--font-mono);font-size:12px}.day-detail-sub{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.day-detail-sep{background:var(--color-border);height:1px}.day-detail-live{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-status-green);letter-spacing:var(--tracking-wide);opacity:.8}.mood-slider-header{justify-content:space-between;align-items:center;display:flex}.mood-slider-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.1em}.confirm-group{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.status-banner{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-base);align-self:center;display:flex}.status-banner--success{background:var(--color-status-green-bg);border-color:rgb(var(--water-rgb) / .2)}.status-banner--success span{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-status-green);letter-spacing:.1em}.rules-section{margin-bottom:var(--space-18)}.rules-section-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-7);border-bottom:1px solid var(--line-strong);padding-bottom:var(--space-4);display:flex}.rules-section-title{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.rules-row{justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.rules-row-label{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.05em}.rules-row-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);flex-shrink:0}.rules-note{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;line-height:1.7}.btn-danger{border-color:rgb(var(--ember-rgb) / .35);color:var(--color-status-red)}.btn-danger:hover{border-color:rgb(var(--ember-rgb) / .6);background:rgb(var(--ember-rgb) / .06)}.hud-app:has(.page){height:auto;min-height:100vh;overflow-y:auto}.hud-app:has(.page) .page-container{position:static;overflow:visible}.page{height:auto;min-height:0;overflow:visible}@media (max-width:900px){.page{padding:var(--space-10) var(--space-10)}.panel,.panel-content{overflow:visible}.mood-page-content{grid-template-columns:1fr}.task-list,.mission-list,.skill-hud-list{flex:none;overflow:visible}}@media (max-width:1200px){.page{padding:var(--space-6) var(--space-4);max-width:100%;overflow-x:hidden}.page-half{width:90%;max-width:560px}.panel{min-width:0;max-width:100%;overflow:hidden}.panel-content{overflow:hidden visible;padding:12px 10px 10px!important}.page-header{flex-direction:column;align-items:flex-start}.panel .form-input,.panel .form-select{min-height:0;padding:4px 6px;font-size:12px}.panel .btn{gap:3px;min-height:0;padding:4px 6px;font-size:10px}.panel .icon-btn{width:24px;min-width:24px;height:24px;min-height:24px}.panel-title{padding:8px 10px;font-size:11px}.add-item-row{flex-wrap:nowrap;gap:4px}.add-item-row .form-input{flex:1 1 0;min-width:0}.manage-task-item{flex-wrap:wrap}.manage-task-item .form-input{flex:100%;order:1}.manage-task-item .icon-btn{order:2}.manage-task-title{white-space:normal}.mission-manage-row{flex-wrap:wrap;gap:6px 4px}.mission-manage-row .mission-manage-title{white-space:normal;flex:1 1 0}.mission-manage-row .form-input{flex:1 1 0;min-width:0}.mission-manage-actions{flex:100%;gap:4px;padding-left:25px}.mission-manage-edit{margin-left:auto}.mission-manage-actions .assign-tomorrow-btn,.mission-manage-actions .mission-tag{height:24px}.manage-toggle-btn{display:flex}.manage-collapse:not(.is-open)>.manage-collapse-body{display:none}.section-sep-label{white-space:normal;text-align:center;line-height:1.5}.assign-tomorrow-btn{padding:2px 5px;font-size:10px}.mood-slider-panel{gap:6px;padding:10px}.mood-value-display{font-size:var(--text-xl)}.mood-slider-track{--thumb:20px}.mood-submit-btn{padding:9px 20px;font-size:12px}.page .panel-add-btn{display:none}.settings-content{max-width:100%}}.auth-page{grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);height:auto;min-height:100vh;display:grid}.auth-visual{height:100vh;padding:var(--space-12) var(--space-16);border-right:1px solid var(--line-soft);flex-direction:column;justify-content:space-between;display:flex;position:sticky;top:0;overflow:hidden}.auth-visual .auth-visual-art{position:absolute;inset:0}.auth-logo{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);align-self:flex-start;align-items:center;font-size:22px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.auth-logo .brand-mark{width:auto;height:34px;margin-right:12px}.auth-terminal{gap:var(--space-6);max-width:440px;padding:var(--space-8) var(--space-10);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:rgb(var(--shade-rgb) / .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;display:flex;position:relative}.auth-terminal-title{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;font-weight:700}.auth-terminal dl{gap:var(--space-3);flex-direction:column;margin:0;display:flex}.auth-status{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;grid-template-columns:110px 1fr;align-items:baseline;font-size:14px;display:grid}.auth-status dt{color:var(--color-text-secondary)}.auth-status dd{margin:0;font-weight:700}.auth-status dd:before{content:"";width:7px;height:7px;margin-right:var(--space-3);vertical-align:1px;background:currentColor;border-radius:50%;display:inline-block}.auth-status--ok dd{color:var(--sprout)}.auth-status--wait dd{color:var(--amber)}.auth-status--idle dd{color:var(--water)}.auth-quote{padding-top:var(--space-5);border-top:1px solid var(--line-soft);color:rgb(var(--cream-rgb) / .8);margin:0;font-size:15px;line-height:1.55}.auth-panel{justify-content:space-between;gap:var(--space-10);min-height:100vh;padding:var(--space-10) var(--space-16);background:var(--color-bg-deep);flex-direction:column;display:flex}.auth-panel-top{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.auth-back{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;font-weight:600;text-decoration:none}.auth-back:hover{color:var(--color-text)}.auth-content{width:100%;max-width:400px;margin:0 auto}.auth-kicker{margin-bottom:var(--space-4);font-family:var(--font-mono);letter-spacing:.24em;text-align:center;text-transform:uppercase;color:var(--sprout);font-size:11px;font-weight:700;display:block}.auth-private{text-align:center;color:var(--color-text-dim);margin:0;font-size:12px}.auth-content button[type=submit]{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-weight:700}.auth-content input,.auth-content textarea,.auth-content select{font-family:var(--font-body);border-radius:var(--radius-base);font-size:15px;color:var(--color-text)!important;background:var(--color-bg-surface)!important;border-color:var(--color-border)!important}.auth-content input:focus,.auth-content textarea:focus,.auth-content select:focus{border-color:var(--water)!important;box-shadow:none!important}.auth-content input::placeholder,.auth-content textarea::placeholder{color:var(--color-text-dim)!important}@media (max-width:900px){.auth-page{grid-template-columns:1fr}.auth-visual{gap:var(--space-8);height:auto;min-height:220px;padding:var(--space-8);border-right:none;border-bottom:1px solid var(--line-soft);position:relative}.auth-terminal{padding:var(--space-5) var(--space-6)}.auth-quote{display:none}.auth-panel{min-height:0;padding:var(--space-8)}}.hud-layout{grid-template-columns:1fr var(--circle-col) 1fr;background:var(--color-bg-deep);width:100%;height:100%;display:grid;position:relative;overflow:hidden}.hud-col-side{z-index:1;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.hud-col-sep{background:var(--line-strong);flex-shrink:0;height:1px}.hud-col-side--right .panel-label{flex-direction:row-reverse}.hud-layout .progress-block{display:none}.hud-col-center{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) 0 var(--space-4);flex-direction:column;min-height:0;display:flex;position:relative}.robot-core{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;flex-shrink:0;width:min(60%,360px);display:flex}.robot-core-name-row{align-items:center;gap:var(--space-3);display:flex}.robot-core-name-input{width:80%;height:28px;padding:0 var(--space-3);text-align:center;font-size:12px}.circle-inner-name{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text);font-size:clamp(12px,1.2vw,15px);font-weight:700}.robot-core-level-row{align-items:baseline;gap:7px;display:flex}.robot-core-battery{cursor:help;align-items:baseline;gap:7px;display:inline-flex}.robot-core-battery .circle-inner-level-label{text-transform:uppercase}.robot-core-sep{width:1px;height:20px;margin:0 var(--space-6);background:var(--line-strong);align-self:center}.robot-core-xp{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.robot-core-xp-labels,.robot-charge-labels{font-family:var(--font-mono);letter-spacing:var(--tracking-normal);justify-content:space-between;align-items:center;display:flex}.robot-core-xp-labels{color:var(--color-text-secondary);font-size:11px}.robot-core-xp-track{background:rgb(var(--cream-rgb) / .14);border-radius:2px;height:3px;overflow:hidden}.robot-core-xp-fill{background:var(--cream);height:100%}.charge-module{width:100%;margin-top:var(--space-3);gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--ink-800);flex-direction:column;flex-shrink:0;display:flex;position:relative}.robot-charge-labels{letter-spacing:var(--tracking-wide);color:var(--sprout);font-size:12px;font-weight:700}.robot-charge-labels span:first-child{align-items:center;gap:var(--space-2);display:inline-flex}.robot-charge-pct{color:var(--charge,var(--sprout));font-size:14px}.robot-charge-track{background:var(--ink-600);border-radius:2px;height:12px;overflow:hidden;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%)}.robot-charge-fill{background:var(--charge,var(--sprout));height:100%}.hud-circle{width:var(--circle-size);height:var(--circle-size);background:radial-gradient(ellipse at 50% 40%, var(--ink-800) 0%, var(--color-bg-deep) 72%);border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.robot-figure{aspect-ratio:2/3;height:94%;position:relative}.robot-figure-img{object-fit:contain;width:100%;height:100%}.robot-figure--dressed{aspect-ratio:1116/2000;height:84%;transform:translate(-7%)}.dressed-robot{position:absolute;inset:0}.robot-customize{z-index:2;border:1px solid rgb(var(--cream-rgb) / .45);background:rgb(var(--shade-rgb) / .8);color:var(--cream);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;transition:var(--transition);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:-3%;left:57%;transform:translate(-50%)}.robot-customize:hover,.robot-customize:focus-visible{border-color:var(--cream)}.dress-jacket-toggle{z-index:3;border:1px solid rgb(var(--cream-rgb) / .45);background:rgb(var(--shade-rgb) / .8);width:34px;height:34px;color:var(--cream);cursor:pointer;transition:var(--transition);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:46%;right:-18%}.dress-jacket-toggle:hover,.dress-jacket-toggle:focus-visible{border-color:var(--cream)}.dress-jacket-toggle[aria-pressed=true]{border-color:var(--cream);background:rgb(var(--cream-rgb) / .18)}.dress-robot .dress-jacket-toggle{width:46px;height:46px;top:1%;right:1%}.dress-robot .dress-jacket-toggle svg{width:22px;height:22px}.profile-portrait .dress-jacket-toggle{top:46%;right:13%}.robot-figure--dressed .robot-drone{width:26%;top:4%;right:-16%}.robot-drone{width:24%;animation:5s ease-in-out infinite drone-hover;position:absolute;top:14%;right:-6%}@keyframes drone-hover{50%{transform:translateY(-6%)}}@media (prefers-reduced-motion:reduce){.robot-drone{animation:none}}.robot-away{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;max-width:70%;display:flex}.robot-away-icon{color:var(--water)}.robot-away-title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text);font-size:13px;font-weight:700}.robot-away-zone{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--water);font-size:11px}.robot-away-text{color:var(--color-text-secondary);font-size:13px;line-height:1.5}.charge-module--away .robot-charge-labels,.charge-module--away .robot-charge-labels .robot-charge-pct{color:var(--color-text-dim)}.charge-module--away .robot-charge-fill{background:var(--color-text-dim)}.cables{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cable-sheath{fill:none;stroke:var(--ink-600);stroke-width:6px;stroke-linecap:round}.cable{fill:none;stroke:var(--line-field);stroke-width:2px;stroke-linecap:round;transition:stroke var(--transition)}.cable--live .cable{stroke:rgb(var(--sprout-rgb) / .6)}.cable-plug{fill:var(--ink-600);stroke:var(--line-field);stroke-width:1px}.cable-socket{fill:var(--ink-900);stroke:var(--line-field);stroke-width:1.5px}.cable--live .cable-plug,.cable--live .cable-socket{stroke:var(--sprout)}.cable-flow{fill:none;stroke:rgb(var(--sprout-rgb) / .75);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1.5 8.5;animation:2.4s linear infinite cable-flow}@keyframes cable-flow{to{stroke-dashoffset:-10px}}@media (prefers-reduced-motion:reduce){.cable-flow{animation:none}}.cable-pulse{fill:none;stroke:var(--sprout);stroke-width:3px;stroke-linecap:round;stroke-dasharray:12 100;stroke-dashoffset:12px;animation:.7s ease-out forwards cable-pulse}@keyframes cable-pulse{to{stroke-dashoffset:-100px}}@media (prefers-reduced-motion:reduce){.cable-pulse{display:none}}.home-footer{align-items:center;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.panel-add-btn--end{margin-top:auto}.icon-btn--sm{width:26px;height:26px}.mood-quick{align-items:center;gap:var(--space-3);min-height:28px;display:flex}.mood-quick-label{width:30px;font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text);flex-shrink:0;font-size:11px}.mood-quick-value{text-align:right;width:20px;font-family:var(--font-mono);color:var(--cream);flex-shrink:0;font-size:13px;font-weight:700}.mood-quick--unset .mood-quick-value{color:var(--color-text-dim)}.mood-quick--unset .mood-slider-track::-webkit-slider-thumb{background:var(--line-field)}.mood-quick--unset .mood-slider-track::-moz-range-thumb{background:var(--line-field)}.mood-quick .mood-slider-track{flex:1;min-width:0}.skill-hud-list{overflow-y:auto}.skill-hud-level{flex-shrink:0;font-size:12px}.skill-hud-gauge{flex:none;width:80px}.hud-panel--compact .skill-hud-gauge{display:none}.hud-panel--compact .panel-add-btn{white-space:nowrap;padding:6px 10px}.mobile-hud{align-items:center;gap:var(--space-6);width:100%;height:100%;padding:var(--space-8) 16px var(--space-6);background:var(--color-bg-deep);flex-direction:column;display:flex;position:relative;overflow-y:auto}.mobile-hud>:not(.cables){z-index:1;position:relative}.mobile-hud .charge-module{padding:var(--space-3) var(--space-5) var(--space-4);gap:6px}.mobile-hud .robot-charge-labels{font-size:11px}.mobile-hud .robot-charge-pct{font-size:12px}.mobile-hud .robot-charge-track{height:8px}.mobile-hud .robot-core{width:min(100%,360px)}.mobile-hud-character-area{flex:1 0 auto;justify-content:center;align-items:center;width:100%;padding:88px 0;display:flex}.mobile-avatar-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.mobile-robot-circle{aspect-ratio:1;border:1px solid var(--line-strong);background:radial-gradient(ellipse at 50% 40%, var(--ink-800) 0%, var(--color-bg-deep) 72%);border-radius:50%;justify-content:center;align-items:center;width:clamp(260px,82vw,440px);display:flex;overflow:hidden}.mobile-nav-icon{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);transition:color var(--transition);z-index:2;flex-direction:column;text-decoration:none;display:flex;position:absolute}.mobile-nav-icon:hover{color:var(--color-text)}.mobile-nav-icon span{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--cream);font-size:12px;font-weight:700}.input-icon svg{box-sizing:content-box;border:2px solid rgb(var(--cream-rgb) / .5);background:var(--ink-700);color:var(--cream);transition:var(--transition);border-radius:50%;padding:16px}.input-icon--charges svg{border-color:color-mix(in srgb, var(--sprout) 55%, transparent);background:var(--ink-700);color:var(--cream)}.mobile-nav-icon:active svg{transform:scale(.94)}.orbit-tl{top:-64px;left:-14px}.orbit-tr{top:-64px;right:-14px}.orbit-bl{bottom:-64px;left:-14px}.orbit-br{bottom:-64px;right:-14px}.charge-flash{border:1px solid var(--sprout);border-radius:inherit;pointer-events:none;opacity:0;animation:.9s ease-out charge-flash;position:absolute;inset:-1px}@keyframes charge-flash{20%{opacity:1}to{opacity:0}}.charge-module--full{border-color:var(--sprout)}.charge-full-moment{min-height:0;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;color:var(--sprout);font-size:11px;font-weight:700}.charge-full-moment:empty{display:none}.charge-module--full .charge-full-moment{animation:.4s ease-out charge-full-in}@keyframes charge-full-in{0%{opacity:0;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.charge-flash,.charge-module--full .charge-full-moment{animation:none}}.page-header-charge{width:min(320px,45%);margin-left:auto}@media (max-width:900px){.page-header{flex-wrap:wrap}.page-header-charge{width:100%;margin-left:0}}.illustration{border-radius:var(--radius-lg);background:var(--ink-800);width:100%;position:relative;overflow:hidden}.illustration>img{object-fit:cover;width:100%;height:100%;display:block}.illustration-placeholder{padding:var(--space-6);border:1px solid var(--line-soft);border-radius:inherit;background:repeating-linear-gradient(135deg, transparent 0 14px, rgb(var(--cream-rgb) / .025) 14px 15px), radial-gradient(ellipse at 50% 40%, var(--ink-700) 0%, var(--ink-800) 75%);text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.illustration-placeholder span{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-dim);font-size:11px}.water-card{aspect-ratio:4/5;border:1px solid var(--q);border-radius:var(--radius-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--q) 14%, var(--ink-700)) 0%, var(--ink-800) 65%);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.water-card-art{place-items:center;display:grid;position:relative;overflow:hidden}.water-card-art svg{z-index:1;width:40%;height:auto;fill:var(--cream);position:relative}.water-card-level{background:var(--q);height:38%;position:absolute;bottom:0;left:0;right:0;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 60' preserveAspectRatio='none'><path d='M0 12 Q30 2 60 12 T120 12 T180 12 T240 12 T300 12 T360 12 T420 12 T480 12 V60 H0Z'/></svg>") 0 0/200% 100% repeat-x;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 60' preserveAspectRatio='none'><path d='M0 12 Q30 2 60 12 T120 12 T180 12 T240 12 T300 12 T360 12 T420 12 T480 12 V60 H0Z'/></svg>") 0 0/200% 100% repeat-x}.water-card-level--back{opacity:.55;height:44%}.water-card footer{justify-content:space-between;align-items:baseline;gap:var(--space-2);background:rgb(var(--shade-rgb) / .72);padding:6px 8px;display:flex}.water-card footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--qt,var(--q));font-size:11px;font-weight:600;overflow:hidden}.water-card footer b{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cream);flex-shrink:0;font-size:14px}.water-card--pure .water-card-level{background:linear-gradient(180deg, var(--crystal-light) 0%, var(--q) 35%, var(--crystal-mid) 70%, var(--crystal-deep) 100%)}.water-card--pure footer span{background:linear-gradient(90deg, var(--crystal-light), var(--crystal-mid));color:#0000;-webkit-background-clip:text;background-clip:text}.water-row{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(104px,120px));display:grid}.hud-dialog{text-align:left;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--ink-800);width:min(640px,100vw - 32px);height:fit-content;max-height:calc(100vh - 48px);color:var(--color-text);margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto}.hud-dialog--wide{width:min(980px,100vw - 32px)}.hud-dialog::backdrop{background:rgb(var(--shade-rgb) / .78)}.hud-dialog-head{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--line-strong);background:var(--ink-800);display:flex;position:sticky;top:0}.hud-dialog-title{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:700}.hud-dialog-body{gap:var(--space-8);padding:var(--space-8);flex-direction:column;display:flex}.hud-dialog-body>.btn{align-self:flex-start}.tonight-line{align-items:center;gap:var(--space-3);border:1px solid var(--color-text-dim);border-radius:var(--radius-pill);min-height:26px;color:var(--color-text-secondary);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:var(--transition);background:0 0;padding:4px 12px;font-size:11px;display:inline-flex}.tonight-line:hover{border-color:var(--color-text);background:var(--color-bg-hover)}.tonight-line-zone{color:var(--color-text);font-weight:700}.tonight-advice,.tonight-note{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.tonight-advice{color:var(--sprout)}.world-page{overflow-y:auto}.world-page .page-header{flex-wrap:wrap}.world-title-row{align-items:center;gap:var(--space-4) var(--space-12);flex-wrap:wrap;display:flex}.world-tabs{gap:var(--space-3);display:flex}.world-content{gap:var(--space-12);flex-direction:column;width:min(100%,1200px);margin:0 auto;display:flex}.world-hero{position:relative}.glass-panel{gap:var(--space-4);padding:var(--space-6) var(--space-8);border:1px solid rgb(var(--cream-rgb) / .14);border-radius:var(--radius-lg);background:rgb(var(--shade-rgb) / .62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;display:flex}.world-hero-panel{z-index:2;left:var(--space-8);bottom:var(--space-8);width:min(360px, calc(100% - 2 * var(--space-8)));position:absolute}.world-hero-panel--top{top:var(--space-8);bottom:auto}.world-hero-panel .city-share{font-size:15px;line-height:1.35}.world-hero-panel .city-share b{font-size:34px;line-height:1.1;display:block}.world-hero-tree .illustration-placeholder{background:rgb(var(--shade-rgb) / .35)}.world-meta{color:var(--color-text-secondary);margin:0;font-size:12px}.tree-name-row{align-items:center;gap:var(--space-3);display:flex}.tree-name{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:16px;font-weight:700}.tree-name-input{height:30px;font-size:13px}.tree-gauge{gap:var(--space-2);flex-direction:column;display:flex}.tree-gauge-labels{justify-content:space-between;gap:var(--space-4);font-family:var(--font-mono);letter-spacing:var(--tracking-normal);text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;display:flex}.tree-gauge-labels .mono-stat{color:var(--color-text)}.tree-gauge-missing{color:var(--color-text-secondary);font-size:12px}.saga{gap:var(--space-6);flex-direction:column;display:flex}.saga-waiting{color:var(--color-text-secondary);margin:0;font-size:13px}.saga-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.saga-card{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--ink-800);color:var(--color-text);text-align:left;cursor:pointer;transition:var(--transition);flex-direction:column;display:flex}.saga-card:hover{border-color:var(--color-text-dim)}.saga-card-name{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:13px;font-weight:700}.saga-story{gap:var(--space-8);flex-direction:column;display:flex}.saga-story-top{gap:var(--space-8);align-items:start;display:grid}.saga-story-stage{aspect-ratio:16/10}.saga-story-facts{gap:var(--space-6);flex-direction:column;display:flex}.facts{gap:var(--space-3) var(--space-8);grid-template-columns:auto 1fr;margin:0;font-size:13px;display:grid}.facts dt{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.facts dd{color:var(--color-text);margin:0}.saga-best{gap:var(--space-4);flex-direction:column;display:flex}.story{gap:var(--space-2);padding:var(--space-4) var(--space-6);border-left:2px solid var(--line-strong);color:var(--color-text);flex-direction:column;margin:0;font-size:14px;line-height:1.55;display:flex}.story-text{margin:0}.story-block{gap:var(--space-5);grid-template-columns:minmax(140px,220px) minmax(0,1fr);align-items:start;display:grid}.story-moment{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.story-moment img{aspect-ratio:4/3;border-radius:var(--radius-sm);background:var(--ink-800);width:100%;display:block}.story-moment figcaption{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;color:var(--color-text-secondary);font-size:10px}@media (max-width:640px){.story-block{grid-template-columns:1fr}.story-moment{max-width:240px;margin:0 auto}}.story-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.city-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.city-stats div{flex-direction:column;gap:2px;display:flex}.city-stats b{font-family:var(--font-mono);color:var(--color-text);font-size:20px}.city-stats span{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:10px}.city-share{color:var(--color-text);margin:0;font-size:15px}.city-share b{font-family:var(--font-mono);color:var(--sprout)}@media (max-width:900px){.world-hero-panel{width:auto;margin-top:var(--space-6);position:static}.world-hero-panel--top{margin:0 0 var(--space-6)}.saga-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.world-hero>.illustration{max-height:min(62vh,620px)}.world-hero>.illustration>.illustration-placeholder{justify-content:flex-start;align-items:flex-start}.world-tree,.world-city{gap:var(--space-12);flex-direction:column;display:flex}.world-city{gap:var(--space-6)}.morning-status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--water);font-size:11px;display:inline-flex}.morning{gap:var(--space-8);flex-direction:column;display:flex}.keepsake-tag{top:var(--space-2);left:var(--space-2);z-index:1;border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:1px 6px;font-size:9px;font-weight:700;position:absolute}.keepsake-tag--new{background:var(--sprout);color:var(--ink-900)}.keepsake-tag--duplicate{background:var(--ink-900);color:var(--color-text-secondary);border:1px solid var(--line-strong)}.sleep-times{gap:var(--space-2);flex-direction:column;align-items:center;display:flex}.sleep-times--full{align-items:flex-start}.sleep-times-row{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.sleep-time{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;display:inline-flex}.sleep-time .form-input{width:auto;min-width:0;padding:4px 8px;font-size:13px}.sleep-times-hint{color:var(--color-text-secondary);margin:0;font-size:12px}.morning-zone-art+.night-zone{margin-top:calc(var(--space-3) - var(--space-8))}.morning-block{gap:var(--space-4);flex-direction:column;display:flex}.morning-moment{padding:var(--space-4) var(--space-6);border:1px solid var(--sprout);border-radius:var(--radius-lg);color:var(--color-text);margin:0;font-size:14px}.night-zone{gap:var(--space-3);flex-direction:column;display:flex}.night-zone-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:20px;font-weight:700}.keepsake-mini{--r:var(--r-common);aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--r) 70%, var(--line-strong));border-radius:var(--radius-lg);background:linear-gradient(160deg, color-mix(in srgb, var(--r) 30%, var(--ink-700)) 0%, var(--ink-800) 70%);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.keepsake-mini-art{min-height:0;position:relative}.keepsake-mini-art img{width:80%;height:80%;position:absolute;inset:10%}.keepsake-mini footer{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;gap:2px;padding:6px 8px 8px;font-size:10px;display:flex}.keepsake-mini footer span{white-space:nowrap;text-overflow:ellipsis;color:var(--cream);overflow:hidden}.keepsake-mini footer b{color:var(--r);font-weight:600}.morning-foot{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.morning-foot .panel-add-btn{margin-top:0}.home-footer-row{justify-content:center;align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.rules-page{gap:var(--space-8);width:min(100%,860px);padding-bottom:var(--space-12);flex-direction:column;margin:0 auto;display:flex;overflow-y:auto}.rule-section summary{cursor:pointer;min-height:32px;list-style:none}.rule-section summary::-webkit-details-marker{display:none}.rule-section summary:before{content:"+";width:12px;color:var(--color-text-secondary);order:-1}.rule-section[open] summary:before{content:"−"}.rule-section-body{gap:var(--space-5);padding:var(--space-6) 0 var(--space-4) var(--space-8);flex-direction:column;display:flex}.rules-table-wrap{overflow-x:auto}.rules-table{border-collapse:collapse;width:100%;font-size:13px}.rules-table th,.rules-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft);text-align:left;white-space:nowrap}.rules-table thead th{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:11px;font-weight:600}.rules-table tbody th{color:var(--color-text);font-weight:600}.rules-table td{font-family:var(--font-mono);color:var(--color-text)}.world-hero--city>.illustration>.illustration-placeholder{align-items:flex-end}.keepsake-card{--r:var(--r-common);gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--r) 55%, var(--line-strong));border-radius:var(--radius-sm);background:linear-gradient(160deg, color-mix(in srgb, var(--r) 38%, var(--ink-700)) 0%, color-mix(in srgb, var(--r) 14%, var(--ink-800)) 75%);text-align:left;color:var(--cream);flex-direction:column;display:flex;position:relative}.keepsake-card--legendary{box-shadow:0 0 20px color-mix(in srgb, var(--r) 45%, transparent), 0 0 0 1px color-mix(in srgb, var(--r) 80%, transparent)}.keepsake-card-head{justify-content:space-between;gap:var(--space-3);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--cream-rgb) / .66);font-size:11px;font-weight:600;display:flex}.keepsake-card-head b{color:var(--r);font-weight:600}.keepsake-card-art{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--r) 35%, var(--line-strong));background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--r) 42%, var(--ink-900)) 0%, color-mix(in srgb, var(--r) 12%, var(--ink-900)) 75%);position:relative}.keepsake-card-art img{width:84%;height:84%;position:absolute;inset:8%}.keepsake-card--legendary .keepsake-card-art{box-shadow:inset 0 0 36px color-mix(in srgb, var(--r) 30%, transparent)}.keepsake-card--legendary .keepsake-card-art img{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--r) 55%, transparent))}.keepsake-card-corners{fill:none;width:100%;height:100%;stroke:rgb(var(--cream-rgb) / .35);stroke-width:.8px;position:absolute;inset:0}.keepsake-card-name{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:16px;font-weight:700;line-height:1.15}.keepsake-card--legendary .keepsake-card-name{color:var(--r)}.keepsake-card-zone{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--cream-rgb) / .66);margin-top:auto;font-size:11px}.keepsake-card-desc{color:rgb(var(--cream-rgb) / .75);margin:0;font-size:13px;line-height:1.45}.keepsake-slot{aspect-ratio:3/4;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-900);font-family:var(--font-mono);color:rgb(var(--cream-rgb) / .2);place-items:center;font-size:22px;display:grid}.zone-map{margin-bottom:var(--space-5);position:relative}.zone-map-viewport{border:1px solid var(--line-strong);border-radius:var(--radius-sm);touch-action:none;cursor:grab;overflow:hidden}.zone-map-viewport:active{cursor:grabbing}.zone-map-viewport,.zone-map-viewport img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.zone-map-canvas{transform-origin:0 0;position:relative}.zone-map-canvas--smooth{transition:transform .25s ease-out}.zone-map-zoom{top:var(--space-3);right:var(--space-3);z-index:1;gap:var(--space-2);flex-direction:column;display:flex;position:absolute}.zone-map-zoom .icon-btn{border:1px solid var(--cream);background:var(--ink-900);width:38px;height:38px;color:var(--cream);box-shadow:0 4px 12px rgb(var(--shade-rgb) / .5)}.zone-map-zoom .icon-btn:disabled{opacity:.4}.zone-pin{align-items:center;gap:var(--space-1);color:var(--cream);cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex;position:absolute}.zone-pin-dot{border:1.5px solid var(--cream);background:var(--ink-800);width:26px;height:26px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.zone-pin-name{border-radius:var(--radius-sm);background:rgb(var(--shade-rgb) / .78);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;padding:1px 6px;font-size:10px;font-weight:600}.zone-pin--chosen .zone-pin-dot{border-color:var(--sprout);background:var(--sprout);color:var(--ink-900)}.zone-pin--shown .zone-pin-dot{outline:2px solid var(--water);outline-offset:3px}.zone-pin--locked .zone-pin-dot,.zone-pin--locked .zone-pin-name{opacity:.55}.zone-pin:focus-visible .zone-pin-dot{outline:2px solid var(--water);outline-offset:2px}.zone-pin-tag{border-radius:var(--radius-sm);background:rgb(var(--shade-rgb) / .78);font-family:var(--font-mono);white-space:nowrap;flex-direction:column;align-items:center;padding:2px 6px;font-size:10px;line-height:1.35;display:flex}.zone-pin-danger--0{color:var(--sprout)}.zone-pin-danger--1{color:var(--health-yellow)}.zone-pin-danger--2{color:var(--amber)}.zone-pin-danger--3{color:var(--health-orange)}.zone-pin-danger--4{color:var(--health-red)}.zone-pin-gain{color:var(--water)}.team-gains{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.team-gains b{color:var(--cream)}.team-gains svg{vertical-align:-1px;margin-right:2px;display:inline}.team-gains-link{color:var(--sprout)}.zone-browse{margin-bottom:var(--space-5);position:relative}.zone-browse .zone-map{margin-bottom:0}.zone-sheet{right:var(--space-3);bottom:var(--space-3);width:min(340px, calc(100% - 2 * var(--space-3)));max-height:calc(100% - 2 * var(--space-3));align-items:flex-start;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-800);box-shadow:0 8px 24px rgb(var(--shade-rgb) / .5);flex-direction:column;display:none;position:absolute;overflow-y:auto}.zone-browse--open .zone-sheet{display:flex}.zone-sheet-art{border-radius:var(--radius-sm);width:100%}.zone-sheet-name{align-items:center;gap:var(--space-3);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;outline:none;flex-wrap:wrap;margin:0;font-size:15px;font-weight:700;display:flex}.zone-sheet-rank{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;display:inline-grid}.zone-sheet-tag{border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--color-text-secondary);padding:1px 8px;font-size:10px;font-weight:600}.zone-sheet-desc{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.zone-sheet-lock{align-items:center;gap:var(--space-2);font-family:var(--font-mono);color:var(--amber);margin:0;font-size:11px;display:inline-flex}.zone-sheet-on{color:var(--sprout);margin:0;font-size:13px}.zone-sheet-close{top:var(--space-3);right:var(--space-3);z-index:1;background:var(--ink-800);display:inline-flex;position:absolute}@media (max-width:640px){.zone-sheet{left:var(--space-3);width:auto}.zone-map{--map-h:min(62vh, 560px)}.zone-map-viewport{height:var(--map-h)}.zone-map-canvas{width:calc(var(--map-h) * 16 / 9);height:var(--map-h)}.zone-map-canvas>.illustration{height:100%}}.hotspots{position:absolute;inset:0}.lodge-point{align-items:center;gap:var(--space-2);color:var(--cream);flex-direction:column;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.lodge-point span{border:2px solid var(--cream);background:var(--cream);width:34px;height:34px;box-shadow:inset 0 0 0 7px rgb(var(--shade-rgb) / .85), 0 0 0 5px rgb(var(--cream-rgb) / .28), 0 2px 10px rgb(var(--shade-rgb) / .6);border-radius:50%}.lodge-point b{border-radius:var(--radius-sm);background:var(--cream);box-shadow:0 2px 10px rgb(var(--shade-rgb) / .6);color:var(--ink-900);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:4px 10px;font-size:12px;font-weight:700}.lodge-point:hover span,.lodge-point:focus-visible span{border-color:var(--sprout);background:var(--sprout);box-shadow:inset 0 0 0 7px rgb(var(--shade-rgb) / .85), 0 0 0 5px rgb(var(--sprout-rgb) / .35), 0 2px 10px rgb(var(--shade-rgb) / .6)}.lodge-point:hover b,.lodge-point:focus-visible b{background:var(--sprout)}.lodge-menu{gap:var(--space-3);flex-direction:column;display:none}.lodge-menu-item{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--ink-800);color:var(--cream);text-decoration:none;display:flex}.lodge-menu-item span{gap:var(--space-1);flex-direction:column;display:flex}.lodge-menu-item b{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:14px}.lodge-menu-item small{color:var(--color-text-secondary);font-size:13px}@media (max-width:900px){.lodge-picture{margin-bottom:var(--space-5)}.lodge-picture .hotspots{display:none}.lodge-menu{display:flex}}.cabinet{gap:var(--space-10);flex-direction:column;display:flex}.keepsake-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.keepsake-grid--showcase{grid-template-columns:repeat(auto-fill,minmax(190px,220px))}.keepsake-open{text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.keepsake-open:focus-visible{outline:2px solid var(--water);outline-offset:3px;border-radius:var(--radius-sm)}.keepsake-grid .keepsake-card-name{font-size:13px}.rarity-goals{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.rarity-goals li{padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--r) 55%, var(--line-strong));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--r) 16%, var(--ink-800));font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;justify-content:space-between;font-size:12px;display:flex}.rarity-goals b{color:var(--r)}.keepsake-detail{gap:var(--space-8);grid-template-columns:minmax(0,220px) 1fr;align-items:start;display:grid}.keepsake-detail-side{align-items:flex-start;gap:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.keepsake-detail-rarity{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--r);font-size:11px;font-weight:600}.keepsake-detail-desc{color:rgb(var(--cream-rgb) / .85);margin:0;font-size:15px;line-height:1.6}@media (max-width:600px){.keepsake-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.keepsake-grid .keepsake-card{padding:var(--space-2);gap:var(--space-2)}.keepsake-grid .keepsake-card-head,.keepsake-grid .keepsake-card-zone{display:none}.keepsake-grid .keepsake-card-name{font-size:11px}.keepsake-grid .keepsake-slot{aspect-ratio:7/8}.keepsake-detail{grid-template-columns:1fr}}.my-trees{gap:var(--space-12);flex-direction:column;display:flex}.saga-card--shown{border-color:var(--sprout)}.lore{gap:var(--space-10);flex-direction:column;display:flex}.lore-tools{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.lore-topics{flex-wrap:wrap}.lore-search{flex:220px;align-items:center;max-width:360px;display:flex;position:relative}.lore-search svg{color:var(--color-text-secondary);position:absolute;left:10px}.lore-search input{width:100%;padding-left:30px}.lore-sections{gap:var(--space-8) var(--space-10);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;display:grid}.lore-section{gap:var(--space-3);flex-direction:column;display:flex}.lore-list{border-top:1px solid var(--line-soft);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lore-item{align-items:center;gap:var(--space-4);min-height:44px;padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--line-soft);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--cream);transition:var(--transition);font-size:13px;font-weight:600;text-decoration:none;display:flex}.lore-item img{object-fit:cover;border-radius:var(--radius-sm);background:var(--ink-800);flex:none;width:40px;height:30px}.lore-item span{flex:1;min-width:0}.lore-item svg{color:var(--color-text-secondary)}.lore-item:hover,.lore-item:focus-visible{background:var(--ink-800)}.lore-browse--open{gap:var(--space-10);grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start;display:grid}.lore-browse--open .lore-sections{gap:var(--space-6);top:var(--space-6);grid-template-columns:1fr;max-height:calc(100vh - 180px);position:sticky;overflow-y:auto}.lore-browse--open .lore-back{display:none}.lore-item--open{background:var(--ink-800);box-shadow:inset 2px 0 0 var(--sprout)}@media (max-width:900px){.lore-browse--open{display:block}.lore-browse--open .lore-sections{display:none}.lore-browse--open .lore-back{display:inline-flex}}.lore-detail{gap:var(--space-6);flex-direction:column;max-width:920px;display:flex}.lore-back{align-self:flex-start}.lore-detail-body{gap:var(--space-8);grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;display:grid}.lore-detail-art{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-800);width:100%}.lore-detail-text{gap:var(--space-4);flex-direction:column;display:flex}.lore-detail-text header{gap:var(--space-1);flex-direction:column;display:flex}.lore-detail-name{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;font-size:20px;font-weight:700}.lore-entry-meta{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.lore-detail-text p{color:rgb(var(--cream-rgb) / .85);margin:0;font-size:15px;line-height:1.6}@media (max-width:700px){.lore-detail-body{grid-template-columns:1fr}.lore-detail-art{max-width:360px}}.lore-link{color:inherit;border-bottom:1px solid rgb(var(--cream-rgb) / .3);font-weight:700;text-decoration:none}.lore-link:hover{border-bottom-color:var(--water)}.onboarding{gap:var(--space-5);flex-direction:column;display:flex}.onboarding-step{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);font-size:11px}.onboarding-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:20px}.onboarding-text{margin:0;font-size:15px;line-height:1.6}.onboarding-actions{align-items:center;gap:var(--space-4);display:flex}.onboarding-spacer{flex:1}.home-view-switch{border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:2px;display:inline-flex}.home-view-option{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);min-height:22px;font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.home-view-option.active{background:var(--cream);color:var(--ink-900)}.home-view-option:focus-visible{outline:2px solid var(--water);outline-offset:2px}.tree-canvas{width:100%;height:100%;display:block}.tree-stage{aspect-ratio:4/3;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-800);max-height:70vh;position:relative;overflow:hidden}.tree-stage-hud{justify-content:space-between;gap:var(--space-6);pointer-events:none;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;display:flex;position:absolute;inset:12px 14px auto}.tree-stage-name{font-size:20px;font-weight:700}.tree-stage-units{color:rgb(var(--cream-rgb) / .62);font-size:16px;font-weight:600}.tree-stage-units b{color:var(--water);font-size:34px;font-weight:700}.trees-headline{margin:0 0 calc(-1 * var(--space-6));font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--sprout);font-size:20px;font-weight:600}.trees-headline b{font-size:40px;font-weight:700}@media (max-width:600px){.tree-stage{aspect-ratio:1}.tree-stage-name{font-size:16px}.tree-stage-units b{font-size:24px}.trees-headline{font-size:15px}.trees-headline b{font-size:30px}}.my-tree-panel{gap:var(--space-4);flex-direction:column;max-width:720px;display:flex}.saga-card .tree-canvas{aspect-ratio:1;border-radius:var(--radius-sm);height:auto}.hud-circle,.mobile-robot-circle{position:relative}.robot-tree-scene{position:absolute;inset:0}.tree-stage--empty{place-items:center;display:grid}.robot-tree-scene:has(.essence-choice){place-items:center;display:grid}.essence-choice{align-items:center;gap:var(--space-3);max-width:260px;padding:var(--space-4);text-align:center;color:var(--text-dim);flex-direction:column;font-size:14px;display:flex}.essence-choice p{margin:0}.essence-choice-icon{color:var(--sprout)}.essence-picker{gap:var(--space-6);flex-direction:column;display:flex}.essence-grid{gap:var(--space-4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.essence-tile{gap:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--ink-800);color:var(--cream);text-align:center;cursor:pointer;font-family:var(--font-mono);letter-spacing:.04em;flex-direction:column;padding:6px 6px 8px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.essence-tile .tree-canvas{aspect-ratio:1;border-radius:4px;height:auto}.essence-tile:hover{border-color:rgb(var(--cream-rgb) / .6)}.essence-tile--picked{border-color:var(--cream);box-shadow:inset 0 0 0 1px var(--cream)}.essence-tile--premium{color:var(--color-text-secondary)}.essence-tile--premium .tree-canvas{opacity:.45;filter:grayscale(.6)}.essence-badge{border-radius:var(--radius-pill);background:var(--amber);color:var(--ink-900);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.essence-actions{justify-content:flex-end;display:flex}@media (max-width:700px){.essence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.premium{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.premium ul{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.premium li{gap:var(--space-3);align-items:baseline;font-size:15px;display:flex}.premium li:before{content:"";background:var(--amber);border-radius:50%;flex-shrink:0;width:6px;height:6px;transform:translateY(-2px)}.profile{gap:var(--space-10);flex-direction:column;width:100%;max-width:1040px;margin:0 auto;display:flex}.profile-hero{gap:var(--space-10);padding:var(--space-8) var(--space-10);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 15% 50%, var(--ink-700) 0%, var(--ink-800) 70%);grid-template-columns:minmax(280px,400px) minmax(0,1fr);align-items:center;display:grid}.profile-guardian{align-items:center;gap:var(--space-5);flex-direction:column;display:flex}.profile-portrait{aspect-ratio:1;border:1px solid var(--line-strong);background:radial-gradient(ellipse at 50% 40%, var(--ink-800) 0%, var(--color-bg-deep) 72%);border-radius:50%;width:100%;position:relative;overflow:hidden}.profile-portrait img{object-fit:contain;width:auto;height:94%;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.profile-portrait .dressed-robot{aspect-ratio:1116/2000;width:auto;height:92%;inset:4% auto auto 44%;transform:translate(-50%)}.profile-portrait.profile-portrait--dressed .profile-drone{width:15%;top:13%;right:23%}.profile-portrait .dressed-robot img{width:100%;height:100%;top:0;bottom:auto;left:0;transform:none}.profile-portrait .profile-drone{width:18%;height:auto;inset:16% 10% auto auto;transform:none}.profile-plate{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex}.profile-id .profile-plate-name{font-size:18px}.profile-plate-name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);font-size:22px;font-weight:700}.profile-id{gap:var(--space-3);flex-direction:column;display:flex}.profile-kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.profile-name{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:40px;font-weight:700;line-height:1}.profile-robot{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:14px}.profile-robot b{color:var(--cream)}.profile-headline{margin:var(--space-3) 0 0;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--sprout);font-size:16px}.profile-headline b{font-size:32px}.profile-stats{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.profile-stat{gap:var(--space-2);padding:var(--space-6);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--ink-800);flex-direction:column;display:flex}.profile-stat dd{font-family:var(--font-mono);color:var(--cream);margin:0;font-size:30px;font-weight:700;line-height:1}.profile-stat dt{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}.profile-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-card{gap:var(--space-5);padding:var(--space-6) var(--space-8);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--ink-800);flex-direction:column;display:flex}.profile-tree{aspect-ratio:16/9;border-radius:var(--radius-sm);background:radial-gradient(ellipse at 50% 60%, var(--ink-700) 0%, var(--ink-800) 70%);place-items:center;max-height:280px;display:grid}.profile-tree-name{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:16px;font-weight:700}.profile-best{align-items:flex-end;gap:var(--space-5);display:flex}.profile-best .water-card{width:120px}.profile-rarities{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-rarities li{align-items:center;gap:var(--space-4);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);grid-template-columns:110px minmax(0,1fr) 52px;font-size:11px;display:grid}.profile-rarities b{text-align:right;color:var(--r)}.profile-rarity-bar{background:var(--ink-600);border-radius:3px;height:6px;overflow:hidden}.profile-rarity-bar span{background:var(--r);height:100%;display:block}.profile-block{gap:var(--space-4);flex-direction:column;display:flex}.profile-shelf{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,150px));display:grid}.profile-tree-card{gap:var(--space-2);flex-direction:column;display:flex}.profile-tree-card .tree-canvas{aspect-ratio:1;border-radius:var(--radius-sm);height:auto}.profile-slot{aspect-ratio:4/5;padding:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-align:center;text-transform:uppercase;color:var(--color-text-dim);transition:var(--transition);place-items:center;font-size:10px;text-decoration:none;display:grid}.profile-slot:hover,.profile-slot:focus-visible{border-color:var(--cream);color:var(--cream)}@media (max-width:760px){.profile-hero{gap:var(--space-6);padding:var(--space-6) var(--space-4);grid-template-columns:1fr}.profile-guardian{width:min(100%,360px);margin:0 auto}.profile-id{text-align:center;align-items:center}.profile-name{font-size:26px}.profile-headline b{font-size:24px}.profile-stats,.profile-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.profile-stat dd{font-size:24px}}.journal-habitants{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--sprout);margin:0 0 0 auto;font-size:14px}.journal-habitants b{font-size:26px}.journal-expedition{gap:var(--space-3);flex-direction:column;display:flex}.journal-figures{gap:var(--space-2);color:var(--color-text-secondary);flex-direction:column;font-size:13px;display:flex}.journal-figures b{font-family:var(--font-mono);font-size:20px}.journal-water{color:var(--water)}.journal-focus{color:var(--sprout)}.journal-rest{color:var(--color-text-dim)}.journal-row-charge{font-size:12px}.journal-row-water{text-align:right;min-width:4.5em;color:var(--water);font-size:12px}.focus-panel--running{border-color:var(--sprout)}.focus-idle,.focus-live{gap:var(--space-5);flex-direction:column;display:flex}.focus-live{align-items:flex-start}.focus-note{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.focus-note--lost{color:var(--color-status-red)}.focus-lengths{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.focus-length{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--ink-800);color:var(--cream);font-family:var(--font-mono);cursor:pointer;transition:var(--transition);flex-direction:column;display:flex}.focus-length b{letter-spacing:var(--tracking-wide);font-size:16px}.focus-length span{color:var(--sprout);font-size:12px}.focus-length:hover,.focus-length:focus-visible{border-color:var(--sprout)}.focus-clock{font-family:var(--font-mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1}.focus-bonus{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--sprout);font-size:28px;font-weight:700}.focus-bonus small{letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:12px;font-weight:600}.focus-bonus--lost{color:var(--color-status-red)}.focus-xp{margin-top:calc(-1 * var(--space-4));font-family:var(--font-mono);color:var(--color-text-secondary);font-size:12px}.cables--focus g:not(.cable--focus){opacity:.3;transition:opacity var(--transition)}.cable--focus .cable{stroke:var(--sprout);stroke-width:2.5px}.input-icon--focus svg{background:color-mix(in srgb, var(--sprout) 30%, var(--ink-800))}.settings-warning{color:var(--amber);font-size:12px;line-height:1.5}.bell,.bell-btn{position:relative}.bell-count{border-radius:var(--radius-pill);background:var(--sprout);min-width:16px;height:16px;color:var(--ink-900);font-family:var(--font-mono);text-align:center;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.bell-panel{top:calc(100% + var(--space-3));z-index:40;gap:var(--space-4);width:min(360px,100vw - 32px);max-height:70vh;padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--ink-800);box-shadow:0 8px 24px rgb(var(--shade-rgb) / .5);flex-direction:column;display:flex;position:absolute;right:0;overflow-y:auto}.bell-panel ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bell-item{align-items:flex-start;gap:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:13px;line-height:1.45;text-decoration:none;display:flex}.bell-item svg{flex:none;margin-top:2px}.bell-item span{flex-direction:column;gap:2px;display:flex}.bell-item small{color:var(--color-text-dim);font-size:11px}.bell-item:hover{background:var(--ink-700)}.bell-item--new{color:var(--color-text)}.bell-item--new svg{color:var(--sprout)}.team-room{gap:var(--space-10);flex-direction:column;width:100%;max-width:1040px;margin:0 auto;display:flex}.team-switch{align-self:center}.team-switch-count{border-radius:var(--radius-pill);background:var(--water);min-width:16px;height:16px;color:var(--ink-900);place-items:center;padding:0 4px;font-size:10px;display:inline-grid}.zone-sheet-actions{gap:var(--space-3);flex-direction:column;align-self:stretch;display:flex}.zone-sheet-actions>.btn{width:calc(50% - var(--space-3) / 2);align-self:flex-start}.zone-sheet-actions .btn{padding-inline:var(--space-4);white-space:nowrap;text-align:center;justify-content:center}.zone-sheet-team{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);font-weight:700;display:flex}.zone-sheet-team-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:359px){.zone-sheet-actions>.btn{width:100%}.zone-sheet-team-row{grid-template-columns:1fr}}.team-pick-list{align-items:stretch}.team-columns{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.team-block{gap:var(--space-5);padding:var(--space-6) var(--space-8);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--ink-800);flex-direction:column;display:flex}.team-name{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;font-size:22px;font-weight:700}.team-name-row{align-items:center;gap:var(--space-3);display:flex}.team-create,.team-search{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.team-create p{flex-basis:100%}.team-create .form-input,.team-search .form-input{flex:180px;min-width:0}.team-search svg{color:var(--color-text-secondary)}.team-leave{align-self:flex-start}.people{border-top:1px solid var(--line-soft);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.person{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;display:flex}.person-name{align-items:baseline;gap:var(--space-3);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);font-size:14px;font-weight:600;text-decoration:none;display:flex}a.person-name:hover{color:var(--water)}.person-name small{color:var(--color-text-secondary);font-size:11px;font-weight:500}.person-actions{align-items:center;gap:var(--space-2);display:flex}.person-tag{border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-secondary);padding:2px 10px;font-size:10px;font-weight:600}.person--waiting .person-name{color:var(--color-text-secondary)}.team-tonight{gap:var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--sprout);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--sprout) 8%, var(--ink-800));flex-direction:column;display:flex}.team-tonight-head{align-items:center;gap:var(--space-3);color:var(--color-text);font-size:14px;display:flex}.team-tonight-head svg{color:var(--sprout)}.team-tonight-members{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.team-status{border-radius:var(--radius-pill);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid var(--line-strong);color:var(--color-text-secondary);padding:2px 10px;font-size:11px}.team-status--accepted{border-color:var(--sprout);color:var(--sprout)}.team-status--declined{color:var(--color-text-dim)}.team-actions{gap:var(--space-3);display:flex}.profile-relation{margin-top:var(--space-2)}.night-team{align-items:center;gap:var(--space-2);color:var(--sprout);margin:0;font-size:13px;display:flex}.tonight-line-dot{background:var(--sprout);border-radius:50%;width:7px;height:7px}@media (max-width:760px){.team-columns{grid-template-columns:1fr}.team-block{padding:var(--space-5)}}.team-warning{color:var(--amber);margin:0;font-size:13px;line-height:1.5}.drop-alert{gap:var(--space-5);flex-direction:column;display:flex}.drop-alert p{margin:0;font-size:15px;line-height:1.55}.drop-alert-figures{align-items:baseline;gap:var(--space-4);font-family:var(--font-mono);color:var(--color-text-secondary);display:flex;font-size:18px!important}.drop-alert-figures b{color:var(--amber);font-size:40px}.drop-alert-figures span{letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-left:auto;font-size:13px}.move-check{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--amber);border-radius:var(--radius-base);flex-direction:column;display:flex}.move-check .team-actions{flex-wrap:wrap}.move-check .btn{white-space:nowrap}.move-check p{margin:0;font-size:13px;line-height:1.5}.team-status--dropped{border-color:var(--amber);color:var(--amber)}.tonight-asleep{align-items:center;gap:var(--space-3);padding:var(--space-6);border:1px solid var(--line-soft);border-radius:var(--radius-lg);color:var(--color-text-secondary);margin:0;font-size:14px;display:flex}.tonight-asleep svg{color:var(--water);flex:none}.settings-confirm{gap:var(--space-3);flex-direction:column;display:flex}.install-sheet{z-index:900;gap:var(--space-4);padding:var(--space-6) 16px calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--ink-700);border-top:1px solid var(--line-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--cream);flex-direction:column;animation:.35s ease-out install-rise;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes install-rise{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.install-sheet{animation:none}}.install-title{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0;padding-right:40px;font-size:14px;font-weight:700}.install-text{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.5}.install-steps{gap:var(--space-3);flex-direction:column;margin:0;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.install-steps li{align-items:flex-start;gap:var(--space-3);display:flex}.install-steps svg{color:var(--water);flex:none;margin-top:1px}.install-close{top:var(--space-3);right:var(--space-3);width:44px;height:44px;color:var(--color-text-secondary);background:0 0;border:none;place-items:center;display:grid;position:absolute}.install-later{align-self:flex-start}.bell-clear{padding:var(--space-1) var(--space-2);font:inherit;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;order:2;font-size:11px}.bell-clear:hover{color:var(--cream)}.push-kinds{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.push-kind{align-items:center;gap:var(--space-3);cursor:pointer;min-height:36px;font-size:14px;display:flex}.push-kind input{width:18px;height:18px;accent-color:var(--water)}.dress{--dress-height:min(calc(100dvh - 230px), 760px);gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.dress-stage{padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 50% 40%, var(--ink-700) 0%, var(--ink-800) 70%);grid-area:1/2}.dress-robot{height:var(--dress-height);aspect-ratio:1116/2000;position:relative}.dress-layer{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.dress-points{position:absolute;inset:0}.dress-point{border:2px solid rgb(var(--cream-rgb) / .7);background:rgb(var(--shade-rgb) / .75);width:28px;height:28px;color:var(--cream);cursor:pointer;transition:var(--transition);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.dress-point img{width:20px;height:20px}.dress-point svg{width:12px;height:12px}.dress-point b{border-radius:var(--radius-sm);background:rgb(var(--shade-rgb) / .8);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);padding:1px 6px;font-size:10px;position:absolute;top:calc(100% + 2px)}.dress-point:hover b,.dress-point:focus-visible b,.dress-point--active b{opacity:1}.dress-point--worn{border-color:var(--water)}.dress-point--active{border-color:var(--cream);box-shadow:0 0 0 3px rgb(var(--cream-rgb) / .25)}.dress-panel{gap:var(--space-4);max-height:calc(var(--dress-height) + 2 * var(--space-5));padding-right:var(--space-2);flex-direction:column;grid-area:1/1;display:flex;overflow-y:auto}.dress-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dress-panel-head .panel-label{flex:1}.dress-items{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.dress-item{--r:var(--line-strong);align-items:center;gap:var(--space-2);width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.dress-item-art{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--r) 70%, var(--line-strong));border-radius:var(--radius-md);background:linear-gradient(160deg, color-mix(in srgb, var(--r) 28%, var(--ink-700)) 0%, var(--ink-800) 75%);width:100%;color:var(--color-text-secondary);transition:var(--transition);place-items:center;display:grid;position:relative}.dress-item-art img{width:72%;height:72%}.dress-item:hover .dress-item-art{border-color:var(--cream)}.dress-item--worn .dress-item-art{border:2px solid var(--water);box-shadow:0 0 0 2px rgb(var(--water-rgb) / .25)}.dress-item-check{background:var(--water);width:16px;height:16px;color:var(--ink-900);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.dress-item-name{-webkit-line-clamp:2;text-align:center;color:var(--color-text-secondary);-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.dress-item--worn .dress-item-name{color:var(--cream)}.dress-item--nothing .dress-item-art{background:var(--ink-800);border-style:dashed}.dress-backdrop{display:none}@media (max-width:760px){.dress{grid-template-columns:1fr}.dress-stage{padding:var(--space-3);grid-column:1;justify-self:center}.dress-robot{width:min(82vw,380px);height:auto}.dress-point b{display:none}.dress-backdrop{z-index:940;background:rgb(var(--shade-rgb) / .6);border:none;display:block;position:fixed;inset:0}.dress-panel{z-index:950;max-height:62dvh;padding:var(--space-5) 16px calc(var(--space-5) + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--ink-700);animation:.25s ease-out install-rise;position:fixed;bottom:0;left:0;right:0}.dress-items{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}}