:root{--bg-color: #e8dcc9;--bg-accent: radial-gradient(circle at top left, rgba(95, 168, 255, .16), transparent 30%), radial-gradient(circle at top right, rgba(241, 194, 125, .18), transparent 26%), linear-gradient(180deg, #f5ecdd 0%, #e3d3bf 100%);--panel-bg: rgba(255, 250, 241, .82);--panel-strong: rgba(249, 240, 225, .96);--panel-soft: rgba(43, 30, 16, .04);--text-color: #2d2418;--muted-text: #6c5943;--header-bg: rgba(245, 236, 221, .9);--header-text: #231b12;--task-bg: rgba(43, 30, 16, .06);--task-bg-hover: rgba(43, 30, 16, .12);--slot-bg: rgba(237, 228, 212, .94);--border-color: rgba(43, 30, 16, .12);--border-strong: rgba(43, 30, 16, .24);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .42);--shadow-md: 0 12px 30px rgba(0, 0, 0, .28);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .18);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--space-xs: .4rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--accent-routines: #7fd4ff;--accent-adventure: #f4b266;--accent-inventory: #86d39f;--accent-chip: #d796ff;--accent-automation: #7ea1ff;--accent-neutral: #f3d58d;--chip-color: #d796ff;--danger: #d97070;--success: #87d48f;--sidebar-rail-width: 3.75rem;--sidebar-panel-width: min(22rem, 32vw);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}html{color-scheme:dark;overflow-x:hidden}body.dark{--bg-color: #120f16;--bg-accent: radial-gradient(circle at top left, rgba(95, 168, 255, .18), transparent 32%), radial-gradient(circle at top right, rgba(241, 194, 125, .18), transparent 26%), linear-gradient(180deg, #1a1520 0%, #0e0b12 100%);--panel-bg: rgba(18, 22, 31, .78);--panel-strong: rgba(27, 33, 45, .94);--panel-soft: rgba(255, 248, 231, .06);--text-color: #ecdfc8;--muted-text: #b6aa95;--header-bg: rgba(9, 11, 18, .92);--header-text: #f6eedf;--task-bg: rgba(255, 248, 231, .06);--task-bg-hover: rgba(255, 248, 231, .12);--slot-bg: rgba(12, 15, 24, .82);--border-color: rgba(255, 228, 182, .16);--border-strong: rgba(255, 228, 182, .28)}body{font-family:Trebuchet MS,Segoe UI,sans-serif;margin:0;min-height:100vh;background:var(--bg-accent);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;-webkit-tap-highlight-color:rgba(255,248,231,.18)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,.status-label,.card-kicker,.hero-label{font-family:Garamond,Georgia,serif;letter-spacing:.03em}button,input,select{font:inherit}input,select{min-height:2.75rem}button{border:1px solid var(--border-color);border-radius:999px;background:#fff8e714;color:var(--text-color);padding:.65rem 1rem;min-height:2.75rem;cursor:pointer;touch-action:manipulation;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}button:hover{transform:translateY(-1px);background:#fff8e724;border-color:var(--border-strong);box-shadow:var(--shadow-sm)}button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.accent-button{background:linear-gradient(135deg,#7fd4ff47,#f3d58d3d);border-color:#7fd4ff75}.ghost-button{background:#fff8e70a}.hidden{display:none!important}.app-header,.app-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:calc(1rem + var(--safe-top)) calc(1.5rem + var(--safe-right)) calc(1rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));background:var(--header-bg);color:var(--header-text);border-bottom:1px solid rgba(255,248,231,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-footer{justify-content:center;border-top:1px solid rgba(255,248,231,.08);border-bottom:0;flex-wrap:wrap;padding-top:1rem}.header-brand h1{margin:0;font-size:clamp(2rem,3vw,3rem)}.header-kicker,.card-kicker{margin:0 0 .3rem;color:var(--muted-text);text-transform:uppercase;font-size:.78rem;letter-spacing:.18em}.header-copy,.workspace-description{margin:.3rem 0 0;max-width:38rem;color:var(--muted-text)}.header-controls,.header-actions,.header-status{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .9rem;border-radius:999px;background:#fff8e714;border:1px solid rgba(255,248,231,.08)}.segmented-control{display:inline-flex;padding:.25rem;gap:.25rem;border-radius:999px;background:#fff8e714}.segmented-control button{min-width:3.6rem}#app-shell{padding:1.5rem calc(1.5rem + var(--safe-right)) calc(1.5rem + var(--safe-bottom)) calc(1.5rem + var(--safe-left));display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-rail-width);gap:var(--space-lg);align-items:start;overflow:visible}.app-main-column{min-width:0}.app-view{animation:fadeIn .45s ease}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:start}.dashboard-card,.workspace-card,.workspace-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff8e70f,#fff8e705),var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-card:before,.workspace-card:before,.workspace-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 28%,transparent 70%,rgba(255,255,255,.03));pointer-events:none}.dashboard-card,.workspace-card{padding:1.35rem}.dashboard-hero{grid-column:1 / -1;background:linear-gradient(135deg,#7fd4ff29,#f4b2661a 38%,#d796ff1a),var(--panel-strong)}.dashboard-layers,.recent-activity-card{grid-column:1 / -1}#equipment-overview-card,.dashboard-card[data-overview-span=wide]{grid-column:span 2}.dashboard-card[data-overview-span=normal]{grid-column:span 1}.card-header,.workspace-header,.workspace-card-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.card-header h2,.workspace-header h2,.workspace-card h3{margin:0}.hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.hero-metrics,.workspace-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.dashboard-routine-dynamics{margin-top:var(--space-lg)}.dashboard-routine-dynamics h3{margin:0 0 var(--space-sm)}.dashboard-adventure-overview{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,248,231,.08)}.dashboard-stat-breakdown{margin-top:var(--space-lg)}.dashboard-stat-breakdown h3{margin:0 0 .45rem}.app-sidebar-drawer{position:sticky;top:1rem;align-self:start;justify-self:end;width:var(--sidebar-rail-width);min-height:calc(100vh - 2rem);overflow:visible;z-index:6}.sidebar-drawer-toggle{position:absolute;top:1.1rem;right:0;width:3.1rem;min-height:12rem;padding:.8rem .5rem;border-radius:22px 0 0 22px;border-right:0;background:linear-gradient(180deg,#fff8e72e,#fff8e70f);box-shadow:var(--shadow-md);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;z-index:2}.sidebar-drawer-toggle-icon{font-weight:700;letter-spacing:.12em}.sidebar-drawer-toggle-label{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.app-sidebar-card{position:absolute;top:0;right:0;width:var(--sidebar-panel-width);height:calc(100vh - 2rem);max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;transform:translate(100%);transform-origin:right center;opacity:0;pointer-events:none;transition:transform .28s ease,opacity .2s ease}.app-sidebar-drawer.is-expanded .app-sidebar-card{transform:translate(0);opacity:1;pointer-events:auto}.app-sidebar-card .card-header{flex:0 0 auto}.app-sidebar-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.stat-breakdown-grid-sidebar{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:.15rem}.stat-breakdown-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;gap:.5rem}.stat-breakdown-card{padding:.45rem .6rem;border-radius:var(--radius-md);background:#fff8e70d;border:1px solid rgba(255,248,231,.08);display:block}.stat-breakdown-header{display:flex;align-items:center;gap:.45rem;min-height:0}.stat-icon{width:1.35rem;height:1.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:700;font-size:.68rem;color:#0e0b12;background:#fff8e7cc;box-shadow:inset 0 1px #ffffff59}.stat-breakdown-header>div{min-width:0}.stat-breakdown-header .metric-label{font-size:.68rem;line-height:1.1;margin:0;margin-bottom:.08rem}.stat-breakdown-header strong{display:block;font-size:.92rem;line-height:1.1;margin:0;white-space:nowrap}.hero-metric,.summary-metric,.layer-metric{padding:.9rem 1rem;border-radius:var(--radius-md);background:#fff8e70f;border:1px solid rgba(255,248,231,.08)}.hero-label,.metric-label{display:block;margin-bottom:.25rem;color:var(--muted-text);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.hero-metric strong,.summary-metric strong,.layer-metric strong{font-size:1.2rem}#prestige-block{margin-top:var(--space-lg)}#prestige-block h3{margin:0 0 var(--space-sm)}#prestige-block ul,#task-list,#home-list,#furniture-list,#research-list,#chip-list{list-style:none;padding:0;margin:0}#prestige-block li,#task-list li,#home-list li,#furniture-list li,#research-list li,#chip-list li{padding:.9rem 1rem;border-radius:var(--radius-md);background:#fff8e70d;border:1px solid rgba(255,248,231,.08)}#prestige-block li span{color:var(--text-color)}.signal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-sm)}.telemetry-card{padding:.95rem 1rem;border-radius:var(--radius-md);background:#fff8e70d;border:1px solid rgba(255,248,231,.08)}.signal-label{display:block;margin-bottom:.3rem;color:var(--muted-text);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.telemetry-card strong{font-size:1.05rem}.resource-bar{width:100%;height:.6rem;background-color:#0000005c;border-radius:999px;overflow:hidden;margin:.45rem 0 .3rem}.resource-bar-fill{height:100%;width:0;transition:width .25s linear}.energy-bar .resource-bar-fill{background-color:#f6e05e}.focus-bar .resource-bar-fill{background-color:#6cf}.health-bar .resource-bar-fill{background-color:#ff7d7d}.layer-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md)}.layer-card{position:relative;padding:1.1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#fff8e714,#fff8e708);border:1px solid rgba(255,248,231,.09);box-shadow:var(--shadow-md);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.layer-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 18px 36px #00000047}.layer-card.is-locked{opacity:.62}.layer-card.is-locked:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000001f,#00000057);pointer-events:none}.layer-card[data-accent=routines]{border-color:#7fd4ff57}.layer-card[data-accent=adventure]{border-color:#f4b26657}.layer-card[data-accent=inventory]{border-color:#86d39f57}.layer-card[data-accent=chip]{border-color:#d796ff57}.layer-card[data-accent=automation]{border-color:#7ea1ff57}.layer-card p{margin:.4rem 0 0;color:var(--muted-text)}.layer-metrics{display:grid;gap:.55rem;margin:1rem 0}.layer-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.dungeon-list{display:grid;gap:.75rem}.dungeon-card{width:100%;border-radius:var(--radius-md);padding:.95rem 1rem;display:grid;gap:.25rem;justify-items:start;text-align:left;background:#fff8e70a;border:1px solid rgba(255,248,231,.08)}.dungeon-card.active{background:linear-gradient(135deg,#f4b2662e,#7fd4ff1f);border-color:#f4b2666b}.dungeon-card.is-locked{opacity:.68;filter:saturate(.8)}.dungeon-card-kicker{color:var(--muted-text);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.layer-status{color:var(--muted-text);font-size:.9rem}.workspace-shell{padding:1.4rem}.workspace-heading h2{font-size:clamp(1.8rem,3vw,2.4rem)}.workspace-summary{margin-top:1.2rem;margin-bottom:1.2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.info-card{padding:.9rem 1rem;border-radius:var(--radius-md);background:#fff8e70a;border:1px solid rgba(255,248,231,.08)}.info-note{margin:.45rem 0 0;color:var(--muted-text);font-size:.88rem}.info-card-encounter-preview{background-size:cover;background-position:center}.info-card-encounter-preview .metric-label,.info-card-encounter-preview strong,.info-card-encounter-preview .info-note{position:relative;z-index:1}.overview-encounter-progress-meta{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.4rem;font-size:.8rem;color:#fff8e7eb}.overview-encounter-progress{position:relative;width:100%;height:.42rem;border-radius:999px;overflow:hidden;background:#fff8e729}.overview-encounter-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#7fd4fff2,#fff8e7db)}.drop-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;margin:0 .35rem .35rem 0;border-radius:999px;background:#fff8e714;border:1px solid rgba(255,248,231,.1);font-size:.74rem;color:var(--text-color)}.drop-chip-icon{width:1rem;height:1rem;border-radius:999px;object-fit:cover;background:#fff8e724}.routine-breakdown-card{position:relative;overflow:hidden;display:grid;gap:.55rem}.routine-breakdown-card>*{position:relative;z-index:1}.routine-breakdown-card strong{font-size:1.45rem}.routine-breakdown-card .metric-label{color:#ecdfc8c7}.routine-breakdown-card-mastery strong{color:var(--success)}.routine-breakdown-card-total strong{font-size:1.7rem}.routine-breakdown-total-overlay,.routine-breakdown-panel-fill{position:absolute;inset:0;pointer-events:none;z-index:0}.routine-breakdown-total-overlay{background:linear-gradient(180deg,#fff8e708,#fff8e703),#fff8e704}.routine-breakdown-total-fill,.routine-breakdown-panel-fill,.routine-breakdown-line-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit}.routine-breakdown-total-fill-current{background:linear-gradient(90deg,#f4efe22e,#f4efe20d)}.routine-breakdown-total-fill-mastery{background:linear-gradient(90deg,#87d48f38,#87d48f0f);mix-blend-mode:screen}.routine-breakdown-panel-fill{background:linear-gradient(90deg,#f4efe224,#f4efe20a)}.routine-breakdown-panel-fill-mastery{background:linear-gradient(90deg,#87d48f2e,#87d48f0d)}.routine-breakdown-lines{display:grid;gap:.45rem;margin-top:.2rem}.routine-breakdown-line{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.65rem .8rem .55rem;border-top:1px solid rgba(255,248,231,.08);font-size:.92rem;overflow:hidden;border-radius:14px}.routine-breakdown-line-current strong{color:var(--text-color)}.routine-breakdown-line-mastery strong{color:var(--success)}.routine-breakdown-line-upgrade strong,.routine-breakdown-card-upgrades strong{color:#8fd5ff}.routine-breakdown-line-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.routine-breakdown-line>*{position:relative;z-index:1}.routine-breakdown-line-fill{background:linear-gradient(90deg,#f4efe229,#f4efe208)}.routine-breakdown-line-fill-mastery{background:linear-gradient(90deg,#87d48f24,#87d48f08)}.routine-breakdown-progress{position:relative;width:100%;height:.34rem;border-radius:999px;background:#fff8e714;overflow:hidden;flex-basis:100%}.routine-breakdown-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#f4efe2eb,#7fd4ffbf)}.routine-breakdown-progress-text{width:100%;color:var(--muted-text);font-size:.68rem;flex-basis:100%}.routine-breakdown-card-preview{min-height:13rem}.routine-preview-media{position:relative;min-height:12rem;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(180deg,#080a123d,#080a12cc),linear-gradient(135deg,#fff8e70d,#fff8e703);background-size:cover;background-position:center;border:1px solid rgba(255,248,231,.1);padding:.9rem;display:flex;flex-direction:column;justify-content:space-between;gap:.65rem}.routine-preview-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05080e2e,#05080e7a);pointer-events:none}.routine-preview-media>*{position:relative;z-index:1}.routine-preview-badge{align-self:flex-start;padding:.22rem .55rem;border-radius:999px;background:#05080ee6;border:1px solid rgba(255,248,231,.14);font-weight:700;font-size:.88rem;line-height:1}.routine-preview-title{align-self:stretch;margin-top:auto;padding:.35rem .55rem;border-radius:12px;background:linear-gradient(180deg,#05080e61,#05080eb8);font-size:1rem;font-weight:700;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.55)}.routine-preview-progress{position:relative;width:100%;height:.55rem;border-radius:999px;overflow:hidden;background:#fff8e729}.routine-preview-progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#7fd4ffeb,#fff8e7db)}.routine-preview-footer{display:flex;justify-content:space-between;gap:1rem;padding:.38rem .5rem;border-radius:12px;background:#05080eb8;border:1px solid rgba(255,248,231,.08);font-size:.78rem;color:#fff8e7db}.routine-upgrade-list{display:grid;gap:.75rem}.routine-upgrade-card{width:100%;text-align:left;display:grid;gap:.35rem;padding:.95rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(255,248,231,.1);background:#fff8e70a;color:inherit}.routine-upgrade-card:disabled{opacity:.6;cursor:not-allowed}.routine-upgrade-card.is-affordable{border-color:#8fd5ff61;box-shadow:0 0 0 1px #8fd5ff1f inset}.routine-upgrade-kicker{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#fff8e7b3}.routine-upgrade-description,.routine-upgrade-cost{font-size:.82rem;color:#fff8e7b8}.routine-upgrade-meta{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem}.stat-chip-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.stat-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .5rem;border-radius:999px;background:#fff8e714;border:1px solid rgba(255,248,231,.1);font-size:.72rem;color:var(--text-color)}.stat-chip-icon{width:1.1rem;height:1.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:700;color:#0e0b12;background:#fff8e7db}.stat-chip-row-dungeon{margin:.1rem 0 .15rem}#workspace-views{display:grid}.workspace-panel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-md)}.workspace-card{min-height:100%}.workspace-card,.workspace-card-wide{grid-column:span 6}.workspace-card-wide{grid-column:1 / -1}.adventure-panel-grid .adventure-catalog-card,.adventure-panel-grid .adventure-overview-card,.adventure-panel-grid .adventure-flow-card,.adventure-panel-grid .adventure-log-card{grid-column:span 6}.adventure-overview-core,.adventure-log-container{padding:1rem;border-radius:var(--radius-md);background:#fff8e708;border:1px solid rgba(255,248,231,.08)}.adventure-flow-card{margin-top:.15rem}.adventure-log-container{min-height:15rem;max-height:18rem;overflow-y:auto}.section-headers{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}#task-list li,#home-list li,#furniture-list li,#research-list li,#chip-list li{background:var(--task-bg);margin-bottom:.6rem;padding:.85rem 1rem;cursor:grab;min-height:2.85rem;border-radius:var(--radius-sm);border:1px solid rgba(255,248,231,.08)}#task-list li:hover,#home-list li:hover,#furniture-list li:hover,#research-list li:hover,#chip-list li:hover{background:var(--task-bg-hover)}#task-list li.dragging,#home-list li.dragging,#chip-list li.dragging{opacity:.5}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.9rem;margin-top:1rem}#slots{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}#slots .slot{min-height:13.5rem;padding:.95rem;background-position:center;background-color:#070a10b8;background-blend-mode:multiply}#slots .slot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05080e1f,#05080e61);pointer-events:none}#slots .slot .label{top:.7rem;left:.75rem;right:.75rem;padding:.24rem .45rem;border-radius:10px;background:#05080ec2;font-size:.92rem;text-shadow:0 2px 8px rgba(0,0,0,.65);z-index:1}#slots .slot .progress-wrapper{margin-top:auto;padding:.32rem .45rem .42rem;border-radius:12px;background:#05080eb8;border:1px solid rgba(255,248,231,.08);z-index:1}#slots .slot .progress-wrapper progress{height:1.1rem}#slots .slot .progress-text{font-size:.82rem;text-shadow:0 2px 8px rgba(0,0,0,.65);z-index:1}#inventory-slots{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}#adventure-controls{display:flex;align-items:center;gap:.65rem;margin:1rem 0 .5rem;flex-wrap:wrap}#encounter-location{font-style:italic;margin-top:.5rem;color:var(--muted-text)}#encounter-level-progress{width:100%;height:.65rem;margin-top:.5rem;display:block}.slot{border:1px solid rgba(255,248,231,.12);border-radius:var(--radius-md);padding:.75rem;min-height:7rem;position:relative;display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--slot-bg);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 1px #ffffff0d}.slot.active{border-color:var(--success)}.progress-wrapper{position:relative;cursor:pointer;width:100%;margin-top:auto;touch-action:manipulation}.progress-wrapper progress{width:100%;height:1rem;display:block}.progress-wrapper .progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;pointer-events:none;color:#fff}.slot .label,.slot .slot-meta,.slot .count{text-align:center;font-size:.8rem;pointer-events:none;color:#fff}.slot .label{position:absolute;top:.45rem;left:.5rem;right:.5rem}.slot .slot-meta{position:absolute;top:2rem;left:.45rem;right:.45rem;display:flex;justify-content:center;z-index:1}.slot .slot-meta .stat-chip{background:#080a12bd;border-color:#fff8e729;color:#fff8e7f5}.slot .slot-meta .stat-chip-icon{background:#fff8e7eb}.slot .count{position:absolute;bottom:.4rem;left:.5rem;right:.5rem}.character-layout{display:grid;grid-template-columns:minmax(110px,1fr) minmax(180px,240px) minmax(110px,1fr);gap:var(--space-md);align-items:center}.character-slot-column{display:grid;gap:var(--space-sm)}.character-portrait-panel{min-height:26rem;border-radius:var(--radius-lg);border:1px solid rgba(255,248,231,.12);background-color:#080a1070;background-position:center;background-repeat:no-repeat;background-size:contain;box-shadow:inset 0 1px #ffffff0d}.equipment-slot{min-height:5.75rem}.equipment-item-card{min-height:10rem;justify-content:flex-end}.equipment-item-card button{margin-top:auto;align-self:center}.combat-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md)}.combat-side{padding:1rem;border-radius:var(--radius-md);background:#fff8e70d;border:1px solid rgba(255,248,231,.08)}.combat-side h4{margin:.8rem 0 .4rem;font-size:1.2rem}.combat-sprite{min-height:12rem;border-radius:var(--radius-md);background-color:#080a107a;background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid rgba(255,248,231,.08)}.combat-bar{width:100%;height:.8rem;border-radius:999px;overflow:hidden;background:#0000004d}.combat-bar-fill{height:100%;width:0;background:linear-gradient(90deg,#82d88e,#d8f6ab)}.enemy-bar-fill{background:linear-gradient(90deg,#d37070,#f1b09e)}.combat-stat-list{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.35rem}.combat-stat-list li,.combat-loadout span,.combat-intent{color:var(--muted-text)}.combat-loadout{display:grid;gap:.3rem;margin-top:.8rem}.combat-log-panel{margin-top:var(--space-lg);padding:1rem;border-radius:var(--radius-md);background:#fff8e70a;border:1px solid rgba(255,248,231,.07)}.combat-log{display:grid;gap:.45rem;max-height:16rem;overflow-y:auto}.combat-log-entry{padding:.7rem .8rem;border-radius:var(--radius-sm);background:#fff8e70a;border:1px solid rgba(255,248,231,.07)}.combat-outcome-banner{min-width:8rem;text-align:center;padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(255,248,231,.08);color:var(--muted-text)}.combat-outcome-banner.is-victory{color:#d8f6ab;border-color:#82d88e80}.combat-outcome-banner.is-defeat{color:#f1b09e;border-color:#d3707080}.slot.complete{animation:completeFlash 1s}.slot.blocked{border-color:var(--danger)}#task-list li.locked{opacity:.5;cursor:not-allowed}#task-list li.selected{outline:2px solid #66f}#task-list li.tier-bronze{border-left:4px solid #cd7f32}#task-list li.tier-silver{border-left:4px solid #c0c0c0}#task-list li.tier-gold{border-left:4px solid #ffd700}.task-card-copy{display:flex;flex-direction:column;gap:.25rem}.task-card-title{font-size:.98rem;font-weight:700}.task-card-meta{font-size:.78rem;color:#fff8e7b8}li.affordable{outline:2px solid rgba(135,212,143,.8)}.delta{color:var(--muted-text);font-size:.82rem;margin-left:.25rem}.modal{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overscroll-behavior:contain}.modal-content{background:var(--panel-strong);color:var(--text-color);padding:1.2rem;border-radius:var(--radius-md);max-width:420px;width:calc(100% - 2rem - var(--safe-left) - var(--safe-right));text-align:center;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.modal-content label{display:block;margin-bottom:var(--space-md)}.modal-content input[type=checkbox]{min-height:auto}.tooltip{position:absolute;background:#06080ceb;color:#fff7ea;padding:.4rem .6rem;border-radius:10px;font-size:.75rem;pointer-events:none;z-index:10;white-space:pre-line;max-width:240px}.log-container{max-height:26rem;overflow-y:auto;margin-top:.75rem;padding-right:.35rem}.log-entry{margin-bottom:.55rem;padding:.7rem .8rem;border-radius:var(--radius-sm);background:#fff8e70a;border:1px solid rgba(255,248,231,.07);font-size:.92rem}.log-toggle{display:flex;align-items:center;gap:.55rem;margin-top:.75rem;color:var(--muted-text);font-size:.9rem}.resource-monitor-block{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,248,231,.08)}.resource-monitor-block h3{margin:0 0 .8rem}.resource-chart-row{padding:.85rem .95rem;border-radius:var(--radius-md);border:1px solid rgba(255,248,231,.08);background:#fff8e708}.resource-chart-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.resource-chart-label{margin:0 0 .2rem;color:var(--muted-text);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.resource-chart-svg{width:100%;height:3rem;display:block;overflow:visible}.resource-chart-path{fill:none;stroke:#7fd4fff2;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.inspector-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.inspector-entry{border:1px solid rgba(255,248,231,.08);border-radius:var(--radius-md);background:#fff8e708;overflow:hidden}.inspector-entry.expanded{border-color:#a9c4ff4d;box-shadow:inset 0 0 0 1px #a9c4ff14}.inspector-toggle{width:100%;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;padding:.85rem .95rem;cursor:pointer}.inspector-toggle:hover{background:#fff8e708}.inspector-label{font-weight:600}.inspector-value{display:flex;align-items:center;gap:.7rem;color:var(--muted-text);flex-wrap:wrap;justify-content:flex-end}.stat-inline{white-space:nowrap}.inspector-resource-bar{min-width:6.5rem;width:6.5rem;margin:0}.inspector-detail{padding:0 .95rem .95rem;color:var(--muted-text);font-size:.9rem}.inspector-desc,.inspector-softcap{margin:.2rem 0 .55rem}.inspector-mods{margin:0;padding-left:1.1rem}.inspector-mods li+li{margin-top:.2rem}.resource-chart-list{display:grid;gap:.85rem}.resource-chart{padding:.75rem .85rem;border-radius:var(--radius-md);border:1px solid rgba(255,248,231,.08);background:#fff8e708}.resource-chart-header{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;color:var(--muted-text);font-size:.88rem}.resource-chart-svg{width:100%;height:4.2rem;overflow:visible}.resource-chart-line,.resource-chart-area{fill:none;stroke-width:4}.resource-chart-area{stroke:none;fill:#7fd4ff1f}.resource-chart-line{stroke:var(--accent-routines);stroke-linejoin:round;stroke-linecap:round}.resource-chart[data-resource=focus] .resource-chart-line{stroke:var(--accent-chip)}.resource-chart[data-resource=focus] .resource-chart-area{fill:#d796ff1f}.resource-chart[data-resource=health] .resource-chart-line{stroke:var(--danger)}.resource-chart[data-resource=health] .resource-chart-area{fill:#d970701f}.story-image{background:#ccc;width:min(320px,100%);height:320px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:#666;font-size:.9rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.slot.rarity-common{border-color:#999}.slot.rarity-rare{border-color:#3a5fcd}.slot.rarity-epic{border-color:#a335ee}.slot.rarity-legendary{border-color:#e69138}.slot.rarity-story{border-color:#f1c40f}.log-entry .rarity-common{color:#999;font-weight:700}.log-entry .rarity-rare{color:#3a5fcd;font-weight:700}.log-entry .rarity-epic{color:#a335ee;font-weight:700}.log-entry .rarity-legendary{color:#e69138;font-weight:700}.log-entry .rarity-story{color:#f1c40f;font-weight:700}.stat-icon-strength,.stat-chip-strength .stat-chip-icon{background:#d85b57;color:#fff5ef}.stat-icon-intelligence,.stat-chip-intelligence .stat-chip-icon{background:#61a7ff;color:#eef6ff}.stat-icon-agility,.stat-chip-agility .stat-chip-icon{background:#63bf6d;color:#f3fff1}.stat-icon-constitution,.stat-chip-constitution .stat-chip-icon{background:#e3c85f;color:#28220f}.stat-icon-will,.stat-chip-will .stat-chip-icon{background:#f1f1f1;color:#161a22}.tab-content.hidden,.tab-section.hidden{display:none!important}@keyframes completeFlash{0%{background-color:transparent}50%{background-color:#87d48f66}to{background-color:transparent}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){#app-shell{grid-template-columns:1fr}.app-sidebar-drawer{position:fixed;top:calc(5.2rem + var(--safe-top));right:0;bottom:calc(1rem + var(--safe-bottom));width:var(--sidebar-rail-width);min-height:0;pointer-events:auto}.app-sidebar-card{pointer-events:auto}.app-sidebar-card{position:fixed;top:0;right:0;width:min(22rem,calc(100vw - .35rem));height:auto;max-height:none;bottom:calc(1rem + var(--safe-bottom));display:none;transform:none;opacity:1}.app-sidebar-drawer.is-expanded .app-sidebar-card{display:flex}.workspace-panel-grid{grid-template-columns:1fr}.workspace-card,.workspace-card-wide,.adventure-panel-grid .adventure-catalog-card,.adventure-panel-grid .adventure-overview-card,.adventure-panel-grid .adventure-flow-card,.adventure-panel-grid .adventure-log-card,.dashboard-card[data-overview-span=wide],.dashboard-card[data-overview-span=normal]{grid-column:auto}.stat-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:1400px){#app-shell{grid-template-columns:minmax(0,1fr) var(--sidebar-rail-width)}}@media(max-width:700px){.app-header,.app-footer,.workspace-header,.card-header,.header-controls,.header-actions,.header-status,.workspace-card-actions{flex-direction:column;align-items:stretch}#app-shell{padding:.65rem calc(.65rem + var(--safe-right)) calc(.8rem + var(--safe-bottom)) calc(.65rem + var(--safe-left));gap:.7rem}.app-sidebar-drawer{top:calc(4.15rem + var(--safe-top));bottom:calc(.65rem + var(--safe-bottom));width:var(--sidebar-rail-width)}.sidebar-drawer-toggle{top:.85rem;width:2.85rem;min-height:10.5rem}.app-sidebar-card{width:min(17.5rem,calc(100vw - .2rem));bottom:calc(.65rem + var(--safe-bottom))}.app-header,.app-footer{padding-left:calc(.65rem + var(--safe-left));padding-right:calc(.65rem + var(--safe-right))}.dashboard-card,.workspace-card,.workspace-shell{border-radius:16px}.dashboard-card,.workspace-card,.workspace-shell{padding:.8rem}.header-brand h1{font-size:clamp(1.7rem,7vw,2.2rem)}.header-kicker,.card-kicker{font-size:.68rem;letter-spacing:.14em}.header-copy,.workspace-description{font-size:.88rem;line-height:1.35}.hero-metrics,.workspace-summary,.info-grid,.signal-grid,.layer-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.hero-actions,.section-headers,.header-status,.header-controls,.workspace-card-actions{width:100%}.hero-actions button,.section-headers button,.header-actions button,.header-actions .segmented-control,#adventure-controls>button{width:100%}.segmented-control{justify-content:space-between;padding:.18rem;gap:.18rem}.segmented-control button,.status-pill{width:100%}.slots,#inventory-slots,#slots{grid-template-columns:1fr}.slot,#slots .slot{min-height:7.6rem}.routine-preview-media,.combat-sprite,.character-portrait-panel{min-height:8rem}.adventure-log-container,.log-container,.combat-log{max-height:none}.character-layout,.combat-layout{grid-template-columns:1fr}.resource-chart-header,.inspector-toggle,.inspector-value,.layer-card-footer,.overview-encounter-progress-meta,.routine-preview-footer{flex-direction:column;align-items:stretch}.inspector-resource-bar{width:100%;min-width:0}.progress-wrapper progress,#slots .slot .progress-wrapper progress{height:1rem}.progress-wrapper .progress-text,#slots .slot .progress-text{font-size:.74rem}.hero-metric,.summary-metric,.layer-metric,.info-card,.resource-chart-row,.telemetry-card,.resource-chart,.inspector-toggle,#prestige-block li,#task-list li,#home-list li,#furniture-list li,#research-list li,#chip-list li{padding:.7rem .75rem}.hero-metric strong,.summary-metric strong,.layer-metric strong,.info-card strong{font-size:1rem}.workspace-heading h2,.card-header h2,.workspace-card h3{font-size:1.2rem}.log-entry,.combat-log-entry{padding:.55rem .65rem;font-size:.84rem}}@media(max-width:520px){body{font-size:14px}#app-shell{padding:.55rem calc(.55rem + var(--safe-right)) calc(.7rem + var(--safe-bottom)) calc(.55rem + var(--safe-left))}.app-sidebar-drawer{top:calc(3.7rem + var(--safe-top));bottom:calc(.55rem + var(--safe-bottom));width:var(--sidebar-rail-width)}.sidebar-drawer-toggle{top:.7rem;width:2.6rem;min-height:8.75rem;padding:.7rem .35rem}.sidebar-drawer-toggle-label{font-size:.66rem}.app-sidebar-card{width:min(15.75rem,calc(100vw - .1rem));bottom:calc(.55rem + var(--safe-bottom))}.app-header,.app-footer{padding-top:calc(.55rem + var(--safe-top));padding-bottom:calc(.55rem + var(--safe-bottom))}.slot,#slots .slot{min-height:6.8rem}.slot .label{font-size:.68rem;line-height:1.2}.slot .slot-meta{position:static;margin:.45rem 0 .6rem}.slot .count{position:static;margin-top:.45rem}.character-portrait-panel,.routine-preview-media,.combat-sprite{min-height:7rem}.modal{align-items:flex-start;overflow-y:auto;padding:calc(.75rem + var(--safe-top)) 0 calc(.75rem + var(--safe-bottom))}.modal-content{margin:0 auto;width:calc(100% - 1rem - var(--safe-left) - var(--safe-right));padding:.8rem}.story-image{height:min(48vw,200px)}.hero-metrics,.workspace-summary,.info-grid,.signal-grid,.layer-cards{grid-template-columns:1fr;gap:.45rem}.dashboard-card,.workspace-card,.workspace-shell{border-radius:14px}.dashboard-card,.workspace-card,.workspace-shell,.hero-metric,.summary-metric,.layer-metric,.info-card,.resource-chart-row,.telemetry-card,.resource-chart,.inspector-toggle,#prestige-block li,#task-list li,#home-list li,#furniture-list li,#research-list li,#chip-list li{padding:.6rem}button{min-height:2.3rem;padding:.5rem .8rem}.status-pill{padding:.45rem .7rem}.header-brand h1{font-size:clamp(1.45rem,8vw,1.9rem)}.workspace-heading h2,.card-header h2,.workspace-card h3{font-size:1.05rem}}@media(pointer:coarse){#task-list li,#home-list li,#furniture-list li,#research-list li,#chip-list li{cursor:pointer}button:hover,.layer-card:hover{transform:none;box-shadow:none}}