:root{--bg:#120f1a;--bg-panel:#1c1827;--bg-panel-2:#241f33;--bg-hover:#2d2740;--border:#3a3350;--text:#ece8f5;--muted:#a39cb8;--accent:#f5c24a;--accent-2:#8f6cff;--constellation:#3fd1c1;--good:#6fdc8c;--bad:#ff7a7a;--warn:#ffb35a;--hp:#e0506a;--enemy-hp:#d0463c;--xp:#8f6cff;--task:#4fb3ff;--hunger:#f0a040;--cooldown:#6d5fa8;--focus:#ffe27a;--radius:8px;--header-h:80px;--nav-w:220px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}h4{margin-top:.6em;font-size:.9rem}p{margin:.3em 0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.82rem}.good{color:var(--good)}.bad,.error-text{color:var(--bad)}.warning-text{color:var(--warn)}.success-text{color:var(--good)}.sprite{image-rendering:pixelated;image-rendering:crisp-edges;vertical-align:middle;object-fit:contain;flex:none;display:inline-block}.sprite-missing{background:repeating-conic-gradient(#3a3350 0 25%, #2a2438 0 50%) 0 0 / 8px 8px;color:var(--muted);border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.silhouette{filter:brightness(0)opacity(.55)}.inline-sprite{align-items:center;gap:6px;display:inline-flex}.app-shell{grid-template-columns:var(--nav-w) 1fr;grid-template-rows:var(--header-h) 1fr;height:100vh;display:grid}.app-header{border-bottom:1px solid var(--border);background:linear-gradient(#221c33,#1a1526);grid-column:1/-1;align-items:center;gap:24px;padding:0 20px;display:flex}.logo{cursor:default;align-items:center;height:64px;display:flex}.header-stats{flex-wrap:wrap;flex:1;gap:10px;display:flex}.header-chip{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.88rem;display:inline-flex}.chip-active{border-color:var(--hp);color:#ffd0d8}.header-save{text-align:right}.side-nav{background:var(--bg-panel);border-right:1px solid var(--border);padding:8px;overflow-y:auto}.nav-section{margin-bottom:8px}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 8px 4px;font-size:.72rem}.side-nav ul{margin:0;padding:0;list-style:none}.nav-item{border-radius:var(--radius);width:100%;color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:4px 8px;display:flex}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-panel-2);border-color:var(--accent-2)}.nav-label{flex:1}.nav-badge{background:var(--bg-hover);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:.75rem}.nav-badge-new{background:var(--accent);color:#1a1426;font-weight:700}.nav-dot{background:var(--good);width:8px;height:8px;box-shadow:0 0 6px var(--good);border-radius:50%}.main-panel{padding:20px 24px 60px;overflow-y:auto}.main-panel:focus{outline:none}.view-header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.view-header-main{flex:1}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:14px}.split{grid-template-columns:minmax(260px,1fr) minmax(300px,1.3fr);align-items:start;gap:16px;display:grid}.group-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 8px;font-size:.9rem}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-right:6px;font-size:.72rem;display:inline-block}.plain-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.button-row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.button{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel-2);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:var(--bg-hover)}.button:disabled{opacity:.45;cursor:not-allowed}.button-primary{background:#5b43c9;border-color:#7c63f0}.button-primary:hover:not(:disabled){background:#6a51dd}.button-danger{background:#7a2a36;border-color:#a8404f}.button-danger:hover:not(:disabled){background:#8e3442}.button-small{padding:3px 9px;font-size:.82rem}.button-large{flex-direction:column;padding:10px 20px;font-size:1.02rem}.button-sub{align-items:center;gap:4px;font-size:.82rem;font-weight:500;display:inline-flex}.icon-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:1.4rem;line-height:1}.icon-button:hover{color:var(--text);background:var(--bg-hover)}.tag-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tag{background:var(--bg-hover);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.74rem;display:inline-block}.tag-starving{color:#ffc0c8;background:#5a1f2a;border-color:#a8404f}.tag-new{background:var(--accent);border-color:var(--accent);color:#1a1426;font-weight:700}.tag-rare{border-color:var(--accent-2);background:#3a2a5a}.tag-target{border-color:var(--warn);background:#5a3a1a}.status-task{border-color:var(--task)}.status-combat{border-color:var(--hp)}.element-neutral{border-color:#b0a8c0}.element-water{border-color:#4fa0ff}.element-earth{border-color:#b08a50}.element-fire{border-color:#ff6a3a}.element-wind{border-color:#8ae0b0}.element-ice{border-color:#9ee8f8}.element-electric{border-color:#ffe04a}.stars{color:var(--accent);letter-spacing:-1px;font-size:.85em}.progress{border:1px solid var(--border);background:#0d0b13;border-radius:5px;min-width:80px;height:18px;margin:3px 0;position:relative;overflow:hidden}.progress-small{height:12px}.progress-fill{background:var(--task);height:100%}@media (prefers-reduced-motion:reduce){.progress-fill{transition:none!important}}.progress-text{text-shadow:0 1px 2px #000;white-space:nowrap;justify-content:center;align-items:center;font-size:.72rem;font-weight:600;display:flex;position:absolute;inset:0}.progress-small .progress-text{font-size:.64rem}.progress-xp .progress-fill{background:var(--xp)}.progress-hp .progress-fill{background:var(--hp)}.progress-enemy-hp .progress-fill{background:var(--enemy-hp)}.progress-hunger .progress-fill{background:var(--hunger)}.progress-cooldown .progress-fill{background:var(--cooldown)}.progress-spawn .progress-fill{background:var(--muted)}.hunger-row{align-items:center;gap:6px;display:flex}.hunger-row .progress{flex:1}.dialog{border:1px solid var(--border);background:var(--bg-panel);color:var(--text);border-radius:12px;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);padding:0}.dialog-wide{width:min(780px,100vw - 32px)}.dialog::backdrop{background:#05030ab8}.dialog-body{flex-direction:column;max-height:calc(100vh - 50px);display:flex}.dialog-header{justify-content:space-between;align-items:center;padding:14px 16px 6px;display:flex}.dialog-header h2{margin:0}.dialog-content{padding:6px 16px 14px;overflow-y:auto}.dialog-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.picker-list,.food-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.picker-row,.food-row,.roster-row{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel-2);width:100%;color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:12px;padding:8px 10px;display:flex}.picker-row:hover:not(:disabled),.food-row:hover:not(:disabled),.roster-row:hover{background:var(--bg-hover)}.picker-row:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.6)}.picker-main,.roster-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.picker-name{font-weight:700}.picker-note{color:var(--muted);font-size:.8rem}.picker-side{width:150px}.food-row span:nth-child(2){flex:1}.skill-level-box{min-width:240px}.skill-level{font-size:1.25rem;font-weight:700}.task-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.task-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:12px;display:flex}.task-card.task-active{border-color:var(--task);box-shadow:0 0 0 1px #4fb3ff40}.task-card.task-locked .task-art .sprite{filter:grayscale(.8)brightness(.5)}.task-art{flex:none;width:128px;height:128px;position:relative}.lock-badge{background:#000a;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;position:absolute;inset:auto 6px 6px auto}.lock-text{color:var(--warn);font-weight:600}.task-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.task-section{font-size:.85rem}.item-list{flex-wrap:wrap;gap:4px 10px;display:inline-flex}.item-chip{align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.item-chip-short{color:var(--bad)}.task-actions{margin-top:4px}.assignment{background:var(--bg-panel-2);border-radius:var(--radius);align-items:flex-start;gap:8px;padding:8px;display:flex}.assignment-info{flex:1;min-width:0}.assignment-name{align-items:center;gap:6px;font-weight:700;display:flex}.roster-sections{align-content:start;gap:16px;display:grid}.roster-section-title{margin:0 0 8px;font-size:1rem}.roster-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.roster-list .roster-row{height:100%}.roster-row.selected{border-color:var(--accent-2);background:var(--bg-hover)}.detail-back{margin-bottom:12px}.moji-detail-header{align-items:center;gap:16px;margin-bottom:12px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.detail-grid section{background:var(--bg-panel-2);border-radius:var(--radius);padding:10px 12px}.stat-list{grid-template-columns:auto 1fr;gap:2px 12px;margin:6px 0 0;font-size:.9rem;display:grid}.stat-list dt{color:var(--muted)}.stat-list dd{text-align:right;margin:0}.constellation{align-items:center;gap:5px;display:flex}.pip{border:1px solid var(--constellation);background:0 0;width:12px;height:12px;transform:rotate(45deg)}.pip-on{background:var(--constellation);box-shadow:0 0 6px var(--constellation)}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.collection-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.collection-card.not-owned h3{color:var(--muted)}.item-grid{grid-template-columns:repeat(auto-fill,68px);gap:8px;margin:0;padding:0;list-style:none;display:grid}.item-tile{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:68px;height:68px;color:var(--text);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.item-tile:hover{background:var(--bg-hover)}.item-tile.selected{border-color:var(--accent-2)}.item-tile.rarity-rare,.item-tile.rarity-very-rare{box-shadow:inset 0 0 0 1px var(--accent)}.item-qty{text-shadow:0 1px 2px #000;font-size:.75rem;font-weight:700;position:absolute;bottom:2px;right:4px}.item-detail{position:sticky;top:0}.home-panel{text-align:center}.area-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.area-card{text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:8px;display:flex}.area-card:hover{background:var(--bg-hover)}.area-card.selected{border-color:var(--accent);background:var(--bg-panel-2)}.area-main{flex-direction:column;gap:2px;display:flex}.party-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.party-slot{align-items:center;gap:10px;margin:0;display:flex}.party-slot.empty{justify-content:space-between;min-height:90px}.party-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.party-actions{flex-direction:column;gap:4px;display:flex}.combat-start{margin:18px 0}.combat-bar{background:var(--bg-panel);border:1px solid var(--hp);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 14px;display:flex}.battlefield{grid-template-columns:minmax(300px,1.2fr) minmax(260px,1fr);align-items:start;gap:16px;display:grid}.party-column{gap:10px;display:grid}.member-card{align-items:flex-start;gap:10px;margin:0;display:flex}.member-card.member-out{opacity:.5;filter:grayscale(.7)}.member-main{flex:1;min-width:0}.member-title{align-items:center;gap:6px;display:flex}.enemy-card{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.enemy-card .progress{width:100%}.currency-box{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.currency{align-items:center;gap:6px;font-weight:700;display:inline-flex}.banner-panel{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.banner-main{flex:1;min-width:240px}.pull-buttons{gap:10px;margin-top:10px;display:flex}.pull-results{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pull-result{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-panel-2);flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:.85rem;display:flex}.pull-result.is-new{border-color:var(--accent)}.rarity-bg-4{background:#2c2140}.rarity-bg-5{border-color:var(--accent);background:#3a2c14}.pull-name{font-weight:700}.pull-kind{min-height:1.3em;color:var(--muted)}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}.table th{color:var(--muted);font-weight:600}.export-box{gap:6px;margin:10px 0;display:grid}textarea{width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:#0d0b13;padding:8px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem}.danger-zone{border-color:#6a2a36}.save-error{max-width:720px;margin:60px auto;padding:0 20px}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-screen .progress{width:min(360px,80vw)}.loading-title{color:var(--accent);font-size:2.2rem}.notifications{z-index:10;gap:8px;max-width:380px;display:grid;position:fixed;bottom:16px;right:16px}.notification{background:var(--bg-panel-2);border:1px solid var(--warn);border-radius:var(--radius);align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;display:flex;box-shadow:0 6px 20px #0008}.notification span{flex:1}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:12px;display:grid}.summary-grid section{background:var(--bg-panel-2);border-radius:var(--radius);padding:10px 12px}.summary-items{gap:3px;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.summary-items li{align-items:center;gap:6px;display:flex}.summary-items li span{flex:1}@media (width<=1000px){.split{grid-template-columns:1fr}.battlefield{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px}.member-card{flex-wrap:wrap}.member-main{flex-basis:120px}.member-card>.button{margin-left:auto}}@media (width<=760px){:root{--nav-w:64px;--header-h:72px}.nav-label,.nav-badge,.nav-section-title{display:none}.nav-item{justify-content:center;padding:6px 4px;position:relative}.nav-item .nav-dot{position:absolute;top:4px;right:4px}.header-stats{display:none}.main-panel{padding:14px}.task-card{flex-direction:column}.picker-side{display:none}}