:root{--ink-deep:#181425;--ink:#262b44;--ink-raised:#3a4466;--ink-line:#5a6988;--text-dim:#8b9bb4;--text-mid:#c0cbdc;--text:#ead4aa;--white:#fff;--gold:#fee761;--amber:#feae34;--green:#63c74d;--green-deep:#3e8948;--forest:#265c42;--teal-dark:#193c3e;--cyan:#2ce8f5;--red:#e43b44}*{box-sizing:border-box}html,body{background:var(--ink-deep);height:100%;color:var(--text);-webkit-font-smoothing:none;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:14px}#app{height:100%}.shell{max-width:430px;height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;margin:0 auto;display:flex}.guild-strip{background:var(--ink);border-bottom:2px solid var(--ink-raised);padding:8px 12px 6px}.guild-row{justify-content:space-between;align-items:baseline;display:flex}.guild-name{color:var(--white);letter-spacing:.5px;font-weight:700}.guild-currencies{gap:12px;display:flex}.motivation{color:var(--amber)}.seniority{color:var(--cyan)}.gold-row{color:var(--text-dim);align-items:baseline;gap:6px;margin-top:2px;display:flex}.gold{color:var(--gold)}.offline-badge{border:1px solid var(--red);color:var(--red);text-transform:lowercase;border-radius:4px;margin-left:auto;padding:0 6px;font-size:11px}.content{flex:1;padding:8px 8px 16px;overflow-y:auto}.boot-note{color:var(--text-dim);text-align:center;padding:32px 16px}.card{background:var(--ink);border:2px solid var(--ink-raised);width:100%;color:var(--text);font:inherit;text-align:left;border-radius:6px;margin:0 0 8px;padding:10px 12px;display:block}.chevron{color:var(--text-dim)}.hero-card.collapsed{cursor:pointer;color:var(--text-mid)}.hero-card.collapsed:active,.hero-card.expanded{border-color:var(--ink-line)}.hero-name{color:var(--white);font-weight:700}.formerly{color:var(--text-dim);font-weight:400}.zone-line{color:var(--text-mid);margin-top:2px}.mode-line{color:var(--green);margin:2px 0 8px}.vignette{background:var(--teal-dark);border:2px solid var(--ink-raised);border-radius:4px;justify-content:center;align-items:center;min-height:180px;display:flex;overflow:hidden}.vignette canvas{image-rendering:pixelated}.send-row,.fight-row{margin-top:8px}button.fight-btn{background:var(--ink-raised);border:2px solid var(--amber);width:100%;min-height:44px;color:var(--amber);font:inherit;cursor:pointer;border-radius:6px;padding:10px;font-weight:700}button.fight-btn:disabled{opacity:.5;cursor:default}button.send-btn{background:var(--forest);border:2px solid var(--green-deep);width:100%;color:var(--white);font:inherit;cursor:pointer;border-radius:6px;padding:10px;font-weight:700}button.send-btn:disabled{opacity:.5;cursor:default}.picker{gap:6px;margin-top:6px;display:flex}.picker button{background:var(--ink-raised);border:2px solid var(--ink-line);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;flex:1;padding:8px 0}.slot-locked{color:var(--text-dim);cursor:default;background:0 0;border-style:dashed}.slot-locked.slot-hireable{border-style:solid;border-color:var(--green-deep);color:var(--text);cursor:pointer}.slot-card.expanded{border-color:var(--green-deep)}.hire-reason{color:var(--text-dim);margin-top:4px}.hire-row{align-items:center;gap:6px;margin-top:8px;display:flex}button.hire-btn{background:var(--forest);border:2px solid var(--green-deep);color:var(--white);font:inherit;cursor:pointer;border-radius:6px;flex:1;padding:10px;font-weight:700}button.hire-btn:disabled{opacity:.5;cursor:default}.hire-row .cancel-btn{background:var(--ink-raised);border:2px solid var(--ink-line);color:var(--text);font:inherit;cursor:pointer;border-radius:6px;padding:10px 12px}.hire-line{color:var(--green);margin-top:4px;font-weight:400}.send-all-row{margin-top:8px}.tabbar{background:var(--ink);border-top:2px solid var(--ink-raised);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.tabbar .tab{min-height:44px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;margin-top:-2px;padding:12px 0 10px}.tabbar .tab.active{color:var(--gold);border-top-color:var(--gold)}.modal-backdrop{z-index:15;background:#181425d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--ink);border:2px solid var(--ink-line);border-radius:8px;width:100%;max-width:360px;padding:16px}.modal h2{color:var(--white);margin:0}.modal-sub{color:var(--text-dim);margin:2px 0 10px}.story{color:var(--text-mid);margin:8px 0}.report-totals{color:var(--gold);margin:12px 0}.modal-actions{gap:8px;display:flex}.modal-actions button{font:inherit;cursor:pointer;border-radius:6px;flex:1;padding:10px;font-weight:700}button.claim-btn{background:var(--forest);border:2px solid var(--green-deep);color:var(--white)}.panel{padding:16px}.panel h2{color:var(--white);margin:0 0 8px}.placeholder-note{color:var(--text-dim)}.offline-hint,.hint{color:var(--amber);margin-left:8px;font-size:11px}.hero-tab{overflow-y:auto}.hero-tab h2{margin:16px 0 8px}.hero-tab h2:first-child{margin-top:0}.segmented{z-index:1;background:var(--ink-deep);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 0 8px;display:grid;position:sticky;top:0}.segmented .seg{background:var(--ink);border:2px solid var(--ink-raised);min-height:44px;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:6px;padding:6px 0}.segmented .seg.active{border-color:var(--gold);color:var(--gold)}.upgrade-row{border-bottom:1px solid var(--ink-raised);padding:6px 0}.upgrade-main{white-space:nowrap;align-items:center;gap:8px;display:flex}.upgrade-name{text-overflow:ellipsis;overflow:hidden}.upgrade-level{color:var(--text-dim);font-size:11px}.buy-btn{background:var(--forest);border:2px solid var(--green-deep);min-width:44px;min-height:44px;color:var(--white);font:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}.buy-btn:disabled{background:var(--ink);border-color:var(--ink-raised);color:var(--ink-line);cursor:default}.cost{color:var(--gold);margin-left:auto}.upgrade-subtitle{color:var(--text-dim);margin-top:2px;font-size:11px}.gear-row{border-bottom:1px solid var(--ink-raised);align-items:center;gap:8px;padding:6px 0;display:flex}.gear-slot{min-width:64px}.gear-empty{color:var(--text-dim)}.gear-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--ink);border:2px solid var(--ink-raised);min-width:44px;min-height:44px;color:var(--text-mid);font:inherit;cursor:pointer;border-radius:10px;padding:8px 12px;font-size:12px}.chip-equipped{border-color:var(--cyan);color:var(--cyan)}.skills-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.skill-btn{background:var(--ink);border:2px solid var(--ink-raised);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:12px;display:flex;position:relative}.skill-btn:disabled{color:var(--text-dim);cursor:default}.skill-active{border-color:var(--gold);box-shadow:0 0 6px var(--gold)}.skill-locked{border-style:dashed;border-color:var(--amber);cursor:pointer}.skill-locked .skill-name{color:var(--text-dim)}.skill-locked .skill-ring{visibility:hidden}.skill-locked .skill-unlock{color:var(--amber)}.skill-ring{background:conic-gradient(var(--ink-line) calc(var(--cd,0) * 360deg), var(--forest) 0);border-radius:50%;width:18px;height:18px}.skill-unlock{color:var(--text-dim);text-align:center;font-size:11px;line-height:1.3}.toast-host{left:12px;right:12px;bottom:calc(64px + env(safe-area-inset-bottom));pointer-events:none;z-index:10;flex-direction:column;gap:6px;display:flex;position:fixed}.toast{border:2px solid var(--ink-line);background:var(--ink);color:var(--text-mid);pointer-events:auto;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:flex}.toast-refusal{border-color:var(--red);color:var(--text)}.toast-network{border-color:var(--amber);color:var(--text-dim)}.toast-info{border-color:var(--green-deep);color:var(--gold)}.toast-message{flex:1}.toast-dismiss{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px}.dev-footer{background:var(--ink-deep);border-top:1px solid var(--ink-raised);color:var(--ink-line);white-space:nowrap;align-items:center;gap:8px;padding:2px 8px;font-size:10px;display:flex;overflow-x:auto}.dev-footer button{background:var(--ink-raised);border:1px solid var(--ink-line);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:4px;padding:1px 6px}.name-flip{transform-origin:50%;animation:.7s ease-out name-flip;display:inline-block}@keyframes name-flip{0%{opacity:0;transform:rotateX(90deg)}60%{opacity:1;transform:rotateX(-20deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.name-flip{animation:none}}.retire-hero{color:var(--white);margin-bottom:8px;font-weight:700}.retire-reveal{border:1px solid var(--ink-line);border-radius:6px;margin:8px 0;padding:10px}.reveal-gain{color:var(--gold)}.reference{color:var(--text-dim);font-style:italic}.retire-preview strong{color:var(--gold)}.retire-handshake{color:var(--amber)}.retire-goes{color:var(--text-mid);padding-left:16px}.retire-goes li{margin:4px 0}.retire-guard{color:var(--amber)}.retire-ineligible{color:var(--text-mid)}.retire-btn,.confirm-retire-btn{background:var(--green-deep);border:1px solid var(--green);color:var(--white);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}.retire-btn:disabled,.confirm-retire-btn:disabled{opacity:.5;cursor:default}.cancel-btn{background:var(--ink-raised);border:1px solid var(--ink-line);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}.more-tab{overflow-y:auto}.more-section{margin-bottom:24px}.more-section h2{color:var(--white);justify-content:space-between;align-items:baseline;margin:0 0 8px;display:flex}.section-count,.spend-balance{color:var(--text-dim);font-size:12px;font-weight:400}.spend-balance:before{content:"◆ ";color:var(--cyan)}.streak-strip{grid-template-columns:repeat(7,1fr);gap:4px;margin:0 0 10px;padding:0;list-style:none;display:grid}.streak-cell{border:2px solid var(--ink-raised);background:var(--ink);min-height:48px;color:var(--text-dim);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:10px;display:flex}.streak-cell.streak-claimed{border-color:var(--green-deep);background:var(--forest);color:var(--text-mid)}.streak-cell.streak-today{border-color:var(--gold);color:var(--gold)}.streak-motivation{color:var(--cyan);font-size:12px}.streak-cell.streak-claimed .streak-motivation{color:var(--text-mid)}.claim-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.claim-note{color:var(--text-dim);font-size:12px}.claim-btn{background:var(--forest);border:2px solid var(--green-deep);min-height:44px;color:var(--white);font:inherit;cursor:pointer;border-radius:6px;padding:10px 16px}.claim-btn:disabled{background:var(--ink);border-color:var(--ink-line);color:var(--text-dim);cursor:default}.chore-reset{color:var(--text-dim);margin-bottom:8px;font-size:12px;display:block}.chore-list,.sink-list,.achievement-list{margin:0;padding:0;list-style:none}.chore-row{border-bottom:1px solid var(--ink);padding:8px 0}.chore-row.chore-done{opacity:.6}.chore-head,.chore-foot,.sink-head,.sink-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.chore-foot,.sink-foot{min-height:44px}.chore-name,.sink-name{color:var(--white)}.chore-count{color:var(--text-mid);font-size:12px}.chore-req,.sink-effect{color:var(--text-dim);margin:2px 0 6px;font-size:12px}.chore-bar{background:var(--ink);border-radius:3px;height:6px;overflow:hidden}.chore-fill{background:var(--green);height:100%}.chore-reward,.sink-cost{color:var(--cyan)}.chore-claimed{color:var(--text-dim);font-size:12px}.sink-row{border-bottom:1px solid var(--ink);padding:8px 0}.sink-list.sink-coffee{border:2px solid var(--amber);border-radius:6px;margin-bottom:12px;padding:4px 10px}.sink-list.sink-coffee .sink-name{color:var(--amber);font-size:15px}.sink-list.sink-coffee .sink-row:last-child{border-bottom:none}.sink-who{color:var(--text-dim);font-size:12px}.sink-row.sink-blocked .sink-name,.sink-row.sink-blocked .sink-cost{color:var(--text-dim)}.sink-reason{color:var(--amber);font-size:11px}.sink-buy{min-width:64px;min-height:44px;padding:10px 16px}.achievement-row{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto;align-items:baseline;gap:0 8px;padding:8px 0;display:grid}.achievement-name{color:var(--white)}.achievement-reward{color:var(--cyan);grid-area:1/2}.achievement-req{color:var(--text-dim);grid-column:1/-1;font-size:12px}.achievement-row.achievement-locked .achievement-name,.achievement-row.achievement-locked .achievement-reward{color:var(--text-dim)}.bestiary-biome{margin-bottom:12px}.bestiary-biome-name{color:var(--text-mid);margin:0 0 6px;font-size:12px;font-weight:400}.bestiary-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.bestiary-cell{border:2px solid var(--ink-raised);background:var(--ink);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;font-size:10px;display:flex}.bestiary-cell.bestiary-boss{border-color:var(--amber)}.bestiary-art{justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.bestiary-sprite{image-rendering:pixelated}.bestiary-cell.bestiary-noart .bestiary-art:after{content:"";background:var(--ink-line);border-radius:4px;width:28px;height:28px}.bestiary-cell.bestiary-unseen{border-style:dashed}.bestiary-cell.bestiary-unseen .bestiary-art:after{content:"";background:var(--ink-raised);border-radius:4px;width:28px;height:28px}.bestiary-name{color:var(--text-mid)}.bestiary-cell.bestiary-unseen .bestiary-name{color:var(--text-dim)}.setting-row,.account-row{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.setting-label{color:var(--text-mid)}.setting-note,.setting-version{color:var(--text-dim);margin:0 0 12px;font-size:11px}.soon-badge{border:1px dashed var(--ink-line);color:var(--text-dim);border-radius:4px;padding:4px 8px;font-size:11px}.account-id{color:var(--text-mid)}.copy-btn{background:var(--ink);border:2px solid var(--ink-line);min-height:44px;color:var(--text-mid);font:inherit;cursor:pointer;border-radius:6px;padding:10px 14px}.danger-btn{background:var(--ink);border:2px solid var(--red);width:100%;min-height:44px;color:var(--red);font:inherit;cursor:pointer;border-radius:6px;margin-top:8px;padding:10px 16px}.danger-btn:disabled{border-color:var(--ink-line);color:var(--text-dim);cursor:default}.modal-actions .danger-btn{width:auto;margin-top:0}.delete-warning{color:var(--white);margin:0 0 8px}.delete-note{color:var(--text-dim);margin:0 0 12px;font-size:12px}.boot-screen{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex}.skeleton{background:var(--ink);border-radius:6px}.skeleton-strip{height:44px}.skeleton-card{height:220px}.skeleton-row{height:36px}.boot-fail{color:var(--white);margin:24px 0 4px;font-size:16px}.boot-fail-note{color:var(--text-dim);margin:0 0 16px}.intro-backdrop{z-index:20;cursor:pointer;background:#181425d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.intro{border:2px solid var(--ink-line);background:var(--ink);border-radius:6px;max-width:320px;padding:16px}.intro-line{color:var(--text);margin:0 0 12px}.intro-dismiss{color:var(--text-dim);text-align:right;margin:0;font-size:11px}