:root{--ink: #3b2414;--ink-soft: #7a5a3a;--cream: #fff6e8;--paper: #fffaf3;--line: #ead9c4;--gold: #ffd166;--gold-deep: #e09f3e;--leaf: #6bcb8b;--leaf-deep: #2d6a4f;--cup: #e63946;--pink: #ff8fa3;--shadow: 4px 4px 0 var(--ink);--slot-height: 48px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body,h1,h2,p{margin:0}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;font-family:Fredoka,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);line-height:1.35;background:radial-gradient(ellipse at 50% 120%,#1f6b3a 0%,transparent 50%),linear-gradient(180deg,#ffd29a,#ff8a5b 38%,#f25f3a 62%,#245c3a);background-attachment:fixed}::selection{background:var(--gold)}.sky{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom))}.app-shell{width:min(1080px,100%);margin:0 auto;background:var(--cream);border:4px solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 var(--ink);overflow:clip}.lights{display:flex;justify-content:space-between;gap:6px;padding:10px 16px 0;pointer-events:none}.lights i{width:12px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 8px 10px color-mix(in srgb,var(--c) 70%,transparent);animation:twinkle 1.8s ease-in-out infinite}.lights i:nth-child(odd){animation-delay:.4s}.lights i:nth-child(3n){animation-delay:.9s}.layout{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:16px;padding:8px 16px 12px;align-items:start}.hero{position:sticky;top:12px;display:flex;flex-direction:column;gap:10px;background:#fff1dc;border:3px solid var(--ink);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.hero-pin,.hero-rest{display:contents}.hero-id{order:1}.speech{order:2}.sticky-stats{order:3}.howto{order:4}.hero-actions{order:5}.quiet-actions{order:6}.lifetime{order:7}.hero-id{display:flex;gap:10px;align-items:center}.mascot{width:112px;height:104px;padding:0;border:0;background:transparent;cursor:pointer;flex:none}.mascot svg{width:100%;height:100%;overflow:visible;animation:bob 2.6s ease-in-out infinite;transform-origin:50% 90%}.mascot:active svg,.mascot.poked svg{animation:none;transform:scale(.94) rotate(-4deg)}.eyes{transform-box:fill-box;transform-origin:center;animation:blink 5.2s infinite}.sign{background:#8d5a32;color:#fff6e8;border:3px solid var(--ink);border-radius:14px;padding:8px 10px;box-shadow:3px 3px 0 var(--ink);min-width:0}.eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85}h1{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.05;font-weight:700}.speech{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 12px;position:relative;min-height:4.6em}.speech:before{content:"";position:absolute;top:-12px;left:42px;border-width:0 10px 12px;border-style:solid;border-color:transparent transparent var(--ink)}.wallet{position:relative;background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:8px 12px 10px}.wallet-label,.rate-sub,.lifetime,.howto,.tagline,.manager-line,.dialog-lead,.foot{color:var(--ink-soft)}.wallet-label{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.money{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.05}.money.bump{animation:pop .18s ease-out}.rate{font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums}.rate-sub,.howto,.lifetime,.tagline,.manager-line{font-size:.86rem}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.modes button{border:3px solid var(--ink);background:#fff;border-radius:12px;min-height:42px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.modes button[aria-pressed=true]{background:var(--gold)}.modes button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.howto{margin:0}.hero-actions{display:flex;gap:8px}.hero-actions .btn{flex:1}.btn{font-family:inherit;font-weight:700;border:3px solid var(--ink);border-radius:14px;background:var(--gold);box-shadow:0 4px 0 var(--ink);padding:8px 10px;min-height:var(--slot-height);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.15}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{background:#e7d7c3;color:#8d7562;border-color:#b7a394;box-shadow:0 4px #b7a394;cursor:not-allowed}.btn-team{background:var(--cup);color:#fff8f4;flex-direction:row;align-items:center}.btn-team.has-deal:after{content:"";width:10px;height:10px;margin-left:6px;background:var(--gold);border:2px solid var(--ink);border-radius:50%;display:inline-block}.btn-sound{background:#fff;flex-direction:row}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;min-height:32px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;align-self:flex-start;padding:0 4px}.quiet-actions{display:flex;flex-wrap:wrap;gap:2px 14px}.account-form{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}.account-form label{display:flex;flex-direction:column;gap:4px;font-weight:700}.account-form input{font:inherit;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:12px;min-height:44px;padding:8px 10px}.form-error{color:#9d1824;font-weight:700;margin:0}#account-submit{width:100%;flex-direction:row}#account-who{font-weight:700;margin-bottom:8px}#account-logout{width:100%;margin-top:8px}#save-status[data-state=saved]{color:var(--leaf-deep)}#save-status[data-state=offline]{color:#9d1824}.btn-small{min-height:40px;background:#fff;flex-direction:row;padding:6px 12px}.btn-buy{background:var(--leaf);width:100%}.btn-hire{background:var(--pink);width:100%}.btn-hire.is-hired{background:#d8f3dc;color:var(--leaf-deep)}.btn-collect{width:100%;background:var(--gold);font-size:1.05rem;animation:pulse .9s ease-in-out infinite}.angel-chip{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"label count" "pending pending";gap:0 8px;align-items:center;width:100%;text-align:left;background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);min-height:52px;padding:6px 10px 8px;cursor:pointer}.angel-chip .wallet-label{grid-area:label}.angel-chip strong{grid-area:count;justify-self:end;font-size:1.2rem;font-variant-numeric:tabular-nums}.angel-pending{grid-area:pending;color:var(--ink-soft);font-size:.82rem;font-weight:600}.angel-chip.has-deal{background:var(--gold)}.angel-chip.has-deal .angel-pending{color:var(--ink)}.angel-chip.has-shop strong:after{content:"";display:inline-block;width:8px;height:8px;margin-left:6px;background:var(--cup);border:2px solid var(--ink);border-radius:50%;vertical-align:middle}.angel-chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn-rebirth{width:100%;margin:4px 0 8px}.btn-angel.is-owned{background:#d8f3dc;color:var(--leaf-deep)}.angel-summary{background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:10px 12px;margin-bottom:4px}.angel-summary p{margin:0 0 6px}.angel-summary p:last-child{margin-bottom:0}.angel-now{font-size:1.15rem;font-weight:700}.shop-label{margin:12px 0 0}.angel-row{padding:12px 0;border-bottom:2px dashed var(--line)}.angel-row:last-child{border-bottom:0;padding-bottom:0}.angel-row h3{margin:0;font-size:1rem}.angel-detail{margin:2px 0 0;color:var(--leaf-deep);font-size:.85rem;font-weight:700}.angel-row p{margin:4px 0 8px;font-size:.9rem}.angel-row .btn{width:100%}.btn-danger{background:var(--cup);color:#fff8f4}.btn-cost,.btn-label{display:block;max-width:100%;text-align:center;overflow-wrap:anywhere}.btn-cost{font-weight:600;font-size:.82rem;font-variant-numeric:tabular-nums}.business-list{display:flex;flex-direction:column;gap:12px}.biz{position:relative;display:grid;grid-template-columns:1fr 168px;grid-template-areas:"top actions" "bar actions" "meta actions" "mgr actions";gap:8px 12px;align-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:12px;box-shadow:4px 4px #3b24141f}.biz.is-ready{background:#fff8df;animation:ready 1s ease-in-out infinite}.biz-top{grid-area:top;display:flex;gap:10px;align-items:center;min-width:0}.icon-badge{width:58px;height:58px;flex:none;display:grid;place-items:center;border-radius:18px;border:3px solid var(--ink);background:var(--accent);box-shadow:3px 3px 0 var(--ink);font-size:1.7rem}.icon-badge span{width:42px;height:42px;display:grid;place-items:center;background:var(--paper);border-radius:12px}.biz-copy{min-width:0}.biz-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.biz h2{font-size:1.05rem;line-height:1.15}.owned{font-weight:700;background:var(--gold);border:2px solid var(--ink);border-radius:999px;padding:0 8px;font-variant-numeric:tabular-nums;white-space:nowrap}.bar,.work{grid-area:bar;height:var(--slot-height);min-height:var(--slot-height);max-height:var(--slot-height)}.bar{background:#f0e2d0;border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);overflow:hidden}.bar-fill{height:100%;width:0%;background:linear-gradient(180deg,#ffe08a,#f4a261);border-radius:inherit}.biz.is-auto .bar-fill{background:linear-gradient(180deg,#b7e4c7,#40916c)}.biz-meta{grid-area:meta;display:flex;justify-content:space-between;gap:8px;font-weight:600;font-variant-numeric:tabular-nums}.manager-line{grid-area:mgr;margin:0}.biz-actions{grid-area:actions;display:flex;flex-direction:column;gap:8px;min-width:0}.biz-actions .btn{min-width:0;width:100%}.floater{position:absolute;right:16px;top:10px;z-index:2;background:var(--gold);border:3px solid var(--ink);border-radius:999px;padding:2px 8px;font-weight:700;pointer-events:none;animation:rise .9s ease-out forwards}.foot{padding:0 18px 14px;font-size:.85rem}dialog{border:4px solid var(--ink);border-radius:24px;background:var(--cream);color:var(--ink);padding:0;max-width:520px;width:calc(100% - 24px);max-height:min(92dvh,820px);box-shadow:8px 8px 0 var(--ink)}dialog[open]{display:flex;flex-direction:column;overflow:hidden}dialog::backdrop{background:#3b24147a}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--gold);border-bottom:3px solid var(--ink)}.dialog-head h2{font-size:1.25rem}.dialog-body{padding:12px 14px 16px;overflow:auto;min-height:0}.dialog-body>p{margin-bottom:10px}.dialog-lead{font-size:.92rem}.offline-gain{font-size:1.8rem;font-weight:700;margin:4px 0 12px}.dialog-actions{display:flex;gap:8px;margin-top:12px}.dialog-actions .btn{flex:1;flex-direction:row}.team-row{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:12px 0;border-bottom:2px dashed var(--line)}.team-row:last-child{border-bottom:0}.team-row h3{font-size:1rem;margin:0}.team-for{display:block;color:var(--ink-soft);font-size:.85rem}.team-row p{margin:4px 0 8px;font-size:.9rem}.team-row .btn{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.noscript{margin:16px;padding:12px;background:#fff;border:3px solid var(--ink)}:focus-visible{outline:3px solid var(--leaf-deep);outline-offset:2px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes twinkle{0%,to{transform:translateY(0) scale(1);filter:saturate(1)}50%{transform:translateY(3px) scale(.92);filter:saturate(1.3)}}@keyframes pop{50%{transform:scale(1.04)}}@keyframes pulse{50%{transform:scale(1.03)}}@keyframes ready{50%{box-shadow:4px 4px 0 var(--gold-deep)}}@keyframes rise{to{transform:translateY(-28px);opacity:0}}.sticky-stats{display:flex;flex-direction:column;gap:10px}@media(max-width:800px){.sky{padding:0}.app-shell{width:100%;min-height:100dvh;border-radius:0;border-left:0;border-right:0;box-shadow:none}.layout{grid-template-columns:1fr;padding:8px 0 12px;gap:12px}.hero{display:contents}.hero-pin{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand brand" "id wallet" "angels angels" "modes modes";gap:8px 10px;align-items:center;padding:max(8px,env(safe-area-inset-top)) 12px 8px;background:#fff1dc;border-bottom:3px solid var(--ink);box-shadow:0 4px #3b24141f}.hero-pin .hero-id,.hero-pin .sticky-stats{display:contents}.hero-pin .mascot{grid-area:id;width:72px;height:68px}.hero-pin .sign{grid-area:brand;display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:4px 10px;border-radius:12px;box-shadow:2px 2px 0 var(--ink)}.hero-pin .eyebrow{font-size:.68rem;white-space:nowrap}.hero-pin h1{font-size:clamp(.95rem,4.2vw,1.15rem);white-space:nowrap}.hero-pin .wallet{grid-area:wallet;min-width:0}.hero-pin .angel-chip{grid-area:angels}.hero-pin .modes{grid-area:modes}.hero-rest{display:flex;flex-direction:column;gap:8px;margin:0 12px;background:#fff1dc;border:3px solid var(--ink);border-radius:22px;padding:8px;box-shadow:var(--shadow)}main{padding:0 12px}.mascot{width:84px;height:78px}.speech{min-height:0;max-height:4.4em;overflow:auto;padding:8px 10px}.money{font-size:1.7rem}.howto,.lifetime{display:none}.biz{grid-template-columns:1fr;grid-template-areas:"top" "bar" "meta" "mgr" "actions"}.biz-actions{flex-direction:column}}@media(max-width:380px){.hero-actions,.biz-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}