:root{--bg:#121316;--surface:#1b1d22;--surface-2:#23262d;--surface-3:#2c3038;--border:#30343c;--text:#efebe4;--muted:#9097a3;--accent:#ff8a3d;--accent-2:#ffb35c;--accent-ink:#1a0f06;--good:#5ccf8a;--bad:#ff6b5e;--warn:#f2c14e;--nerves:#6fb4ff;--radius:16px;--radius-sm:11px;--tabbar-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}body{overscroll-behavior-y:none;background:radial-gradient(120% 60% at 50% -10%, #ff8a3d17, transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh}body.no-scroll{overflow:hidden}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.empty{color:var(--muted);text-align:center;padding:18px 8px}.warn-text{color:var(--warn);font-size:13px}#root{max-width:560px;margin:0 auto}.main{padding:0 16px calc(var(--tabbar-h) + var(--safe-bottom) + 24px)}.screen{flex-direction:column;gap:16px;padding-top:14px;animation:.18s ease-out fade-in;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row--between{justify-content:space-between}.section{flex-direction:column;gap:10px;display:flex}.section__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.section__head h3{font-size:17px;font-weight:700}.section__hint{color:var(--muted);margin-top:-4px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.card.warn{background:#f2c14e14;border-color:#f2c14e73}.topbar{z-index:10;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#121316e0;padding:10px 16px;position:sticky;top:0}.topbar__title{align-items:center;gap:10px;display:flex}.topbar__title>div{flex-direction:column;flex:1;min-width:0;display:flex}.topbar__title .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__respect{color:var(--accent-2);font-weight:700}.resources{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.resources span{background:var(--surface-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:5px 6px;font-size:13px;font-weight:600;overflow:hidden}.tabbar{z-index:20;max-width:560px;padding:6px 6px calc(6px + var(--safe-bottom));-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);background:#16171bf0;grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;transition:color .15s,background .15s;display:flex;position:relative}.tabbar button.active{color:var(--text);background:var(--surface-2)}.tabbar__icon{font-size:21px;line-height:1}.tabbar button:not(.active) .tabbar__icon{filter:grayscale(.6);opacity:.8}.tabbar__label{font-size:11px;font-weight:600}.tabbar__dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:5px;right:calc(50% - 18px)}.btn{border-radius:var(--radius-sm);background:var(--surface-3);min-height:42px;color:var(--text);text-align:center;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:650;transition:transform 80ms,background .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45}.btn--primary{background:linear-gradient(180deg, var(--accent-2), var(--accent));color:var(--accent-ink)}.btn--danger{color:#ffb1a9;background:#ff6b5e29}.btn--ghost{border:1px solid var(--border);background:0 0}.btn--small{white-space:nowrap;min-height:36px;padding:0 12px;font-size:14px}.btn--wide{width:100%}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:var(--muted);border-radius:10px;padding:8px 4px;font-size:14px;font-weight:600}.segmented button.active{background:var(--surface-3);color:var(--text)}.stepper{align-items:center;gap:6px;display:flex}.stepper__btn{background:var(--surface-3);border-radius:10px;width:40px;height:40px;font-size:20px;font-weight:700}.stepper__btn:disabled,.stepper__max:disabled{opacity:.35}.stepper__value{text-align:center;background:var(--surface-2);border-radius:10px;flex:1;padding:8px 0;font-size:17px;font-weight:700}.stepper__max{border:1px solid var(--border);height:40px;color:var(--muted);border-radius:10px;padding:0 10px;font-size:13px}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.input{resize:none;width:100%;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:10px 12px}.input:focus{border-color:var(--accent)}.progress{background:var(--surface-3);border-radius:99px;height:10px;overflow:hidden}.progress--thin{height:6px}.progress__fill{border-radius:inherit;height:100%;transition:width .6s}.progress--accent .progress__fill{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.progress--good .progress__fill{background:linear-gradient(90deg, #3fae70, var(--good))}.progress--nerves .progress__fill{background:linear-gradient(90deg, #4c8fe0, var(--nerves))}.badge{vertical-align:2px;color:var(--accent-2);background:#ff8a3d29;border-radius:99px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.tag{background:var(--surface-3);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.tag--accent{background:var(--accent);color:var(--accent-ink)}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.chip--good{color:#9be8b8;background:#5ccf8a24}.chip--bad{color:#ffb1a9;background:#ff6b5e24}.chip__time{opacity:.7;font-weight:500}.cost{color:var(--accent-2);font-size:13px;font-weight:600}.avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex-shrink:0;display:block}.avatar--dim{filter:grayscale(.85)brightness(.6)}.list{flex-direction:column;gap:8px;display:flex}.list--tight{gap:6px}.list__item{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.list__item:disabled{opacity:.5}.list__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sheet{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet__backdrop{background:#0009;animation:.2s ease-out fade;position:absolute;inset:0}.sheet__panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;max-height:88vh;padding:10px 16px calc(20px + var(--safe-bottom));border-bottom:0;border-radius:22px 22px 0 0;animation:.22s cubic-bezier(.2,.9,.3,1) slide-up;position:relative;overflow-y:auto}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}.sheet__grip{background:var(--surface-3);border-radius:99px;width:40px;height:4px;margin:0 auto 10px}.sheet__close{background:var(--surface-2);width:32px;height:32px;color:var(--muted);border-radius:50%;position:absolute;top:10px;right:12px}.sheet__title{margin:4px 36px 14px 0;font-size:18px}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:0 16px;display:flex;position:fixed;top:10px;left:0;right:0}.toast{background:#2b3a30;border:1px solid #5ccf8a59;border-radius:14px;max-width:520px;padding:10px 14px;font-size:14px;font-weight:600;animation:.2s ease-out slide-down;box-shadow:0 8px 30px #00000073}.toast--error{background:#3d2524;border-color:#ff6b5e66}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}}.hero{border:1px solid var(--border);background:radial-gradient(90% 120% at 0% 0%, color-mix(in srgb, var(--char) 28%, transparent), transparent 70%), var(--surface);border-radius:20px;gap:14px;padding:14px;display:flex}.hero__avatar{align-self:flex-start;position:relative}.hero__avatar .avatar{box-shadow:0 0 0 3px color-mix(in srgb, var(--char) 70%, transparent)}.hero__crown{font-size:26px;position:absolute;top:-10px;left:-4px;transform:rotate(-18deg)}.hero__info{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.hero__name{font-size:20px;font-weight:800}.hero__title{color:color-mix(in srgb, var(--char) 60%, white);font-size:13px;font-weight:600}.hero__passive{color:var(--muted);font-size:13px}.hero__passive b{color:var(--text)}.hero__nerves{color:var(--nerves);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.job-now{background:linear-gradient(180deg, #ff8a3d1a, transparent), var(--surface);border-color:#ff8a3d66}.job-now--done{background:linear-gradient(180deg, #5ccf8a1f, transparent), var(--surface);border-color:#5ccf8a8c;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 4px #5ccf8a1f}}.job-now__head{align-items:center;gap:12px;display:flex}.job-now__emoji{font-size:34px}.job-now__name{font-size:16px;font-weight:700}.passive,.notify{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.notify{border-style:dashed;font-size:14px}.jobs{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.job{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:6px;padding:12px;display:flex}.job--signature{background:linear-gradient(160deg, #ff8a3d1a, transparent 60%), var(--surface);border-color:#ff8a3d73}.job__top{align-items:flex-start;gap:8px;display:flex}.job__emoji{font-size:24px;line-height:1}.job__title{font-size:14px;line-height:1.25}.job__title .badge{margin:3px 0 0;display:table}.job__desc{color:var(--muted);flex:1;font-size:12px}.job__stats{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px;font-weight:600;display:flex}.job__stats .cost{font-size:12px}.job__reward{color:var(--good);font-size:12px;font-weight:600}.action{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.action--signature{background:linear-gradient(160deg, #ff8a3d1a, transparent 60%), var(--surface);border-color:#ff8a3d73}.action__icon{text-align:center;width:36px;font-size:26px}.action__body{flex-direction:column;gap:3px;min-width:0;display:flex}.action__name{font-weight:700}.action__desc{color:var(--muted);font-size:13px}.action__meta{font-size:12px}.actions{flex-direction:column;gap:8px;display:flex}.upgrade{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.upgrade__emoji{font-size:28px}.upgrade__body{flex-direction:column;gap:3px;min-width:0;font-size:13px;display:flex}.upgrade__body b{font-size:15px}.pips{gap:4px;display:flex}.pip{background:var(--surface-3);border-radius:3px;width:22px;height:6px}.pip.on{background:var(--accent)}.market__head,.market__prices{justify-content:space-between;gap:8px;display:flex}.market__prices{font-size:14px}.market .row .btn{flex:1}.avatar-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.avatar-option{border-radius:var(--radius);background:var(--surface-2);color:var(--muted);border:2px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:10px;font-size:13px;display:flex}.avatar-option.selected{border-color:var(--accent);color:var(--text)}.avatar-option .avatar{aspect-ratio:1;border-radius:14px;width:100%;height:auto}.avatar-option.small{border-radius:14px;padding:3px}.avatar-option.small .avatar{border-radius:10px}.player__avatar{position:relative}.dot{background:var(--good);width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;bottom:1px;right:1px}.player__crown{font-size:18px;position:absolute;top:-9px;left:-5px;transform:rotate(-18deg)}.player__respect{color:var(--accent-2);align-self:flex-start;font-size:14px;font-weight:700}.player .chips{margin-top:2px}.free{flex-wrap:wrap;gap:12px;display:flex}.free__item{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.player-sheet{flex-direction:column;gap:12px;display:flex}.player-sheet__head{align-items:center;gap:14px;display:flex}.player-sheet__head .avatar{box-shadow:0 0 0 3px color-mix(in srgb, var(--char) 70%, transparent)}.player-sheet__head h2{font-size:22px}.player-sheet__bio{font-size:14px}.player-sheet__passive{color:var(--muted);font-size:13px}.player-sheet__passive b{color:var(--text)}.player-sheet__subtitle{margin-top:4px;font-size:16px}.project{text-align:center;background:radial-gradient(80% 80% at 50% 0%, #5ccf8a1f, transparent 70%), var(--surface);align-items:center}.project .progress{width:100%;height:14px}.project__emoji{font-size:54px;line-height:1}.project__name{font-size:21px}.project__numbers{justify-content:space-between;width:100%;font-size:14px;font-weight:700;display:flex}.project__perk{color:var(--good);font-size:13px}.leader{align-items:center;gap:10px;display:flex}.leader--big{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:10px 12px}.leader--me{border-color:#ff8a3d8c}.leader__place{text-align:center;width:26px;color:var(--muted);flex-shrink:0;font-weight:700}.leader__name{flex-direction:column;flex:1;min-width:0;display:flex}.perks{flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:14px;display:flex}.party{background:radial-gradient(80% 80% at 100% 0%, #ffb35c24, transparent 70%), var(--surface)}.party__when{font-weight:700}.party__countdown{color:var(--accent-2);font-size:26px;font-weight:800}.party__pot{font-size:15px}.guests{flex-wrap:wrap;gap:10px;display:flex}.guest{flex-direction:column;align-items:center;gap:2px;display:flex}.question__text{font-size:19px;font-weight:700;line-height:1.3}.question__text--small{font-size:16px}.answers{flex-direction:column;gap:8px;display:flex}.answer{text-align:left;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.answer:disabled{opacity:.7}.answer--voted{border-color:var(--accent);background:#ff8a3d1a}.answer__tag{color:var(--accent-2);flex-shrink:0;font-size:12px;font-weight:700}.result{align-items:flex-start;gap:8px;display:flex}.result__text{flex:1}.tlenar{background:radial-gradient(90% 120% at 0% 50%, #f2c14e29, transparent 70%), var(--surface);flex-direction:row;align-items:center;gap:12px}.feed{flex-direction:column;display:flex}.feed__item{border-bottom:1px solid var(--border);gap:10px;padding:10px 2px;font-size:14px;display:flex}.feed__anon{background:#2a2236;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.feed__body{flex-direction:column;gap:2px;display:flex}.select{padding:18px 16px 40px}.select__head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.select__logo,.splash__logo{font-size:54px}.select__head h1{letter-spacing:-.02em;font-size:28px;font-weight:900}.select__bound{color:var(--accent-2);font-size:14px;font-weight:600}.select__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.select__card{border:1px solid var(--border);background:radial-gradient(100% 70% at 50% 0%, color-mix(in srgb, var(--char) 30%, transparent), transparent 75%), var(--surface);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;transition:transform .1s;display:flex}.select__card:active{transform:scale(.97)}.select__card .avatar{box-shadow:0 0 0 3px color-mix(in srgb, var(--char) 60%, transparent);margin-bottom:6px}.select__card.locked{opacity:.6}.select__card.mine{border-color:var(--accent);box-shadow:0 0 0 2px #ff8a3d59}.details{flex-direction:column;gap:10px;display:flex}.details__portrait{justify-content:center;display:flex}.details__portrait .avatar{box-shadow:0 0 0 3px color-mix(in srgb, var(--char) 70%, transparent);border-radius:24px}.avatar-strip{justify-content:center;gap:8px;display:flex}.details h2{font-size:21px}.details__block{border-radius:var(--radius-sm);background:var(--surface-2);padding:10px 12px;font-size:14px}.details__block p{color:var(--muted);margin-top:3px}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:80vh;padding:24px 16px;display:flex}.splash h1{font-size:22px}.splash .list{width:100%;margin-top:10px}.spin{animation:1.2s ease-in-out infinite wobble}@keyframes wobble{50%{transform:rotate(-8deg)scale(1.05)}}.devbar{color:var(--warn);background:#f2c14e14;border-bottom:1px dashed #f2c14e59;align-items:center;gap:4px;padding:6px 16px;font-size:12px;display:flex;overflow-x:auto}.devbar span{white-space:nowrap;margin-right:6px}.devbar button{background:var(--surface-2);border-radius:6px;min-width:26px;height:24px}.devbar button.active{background:var(--warn);color:#000;font-weight:700}@media (max-width:360px){.jobs{grid-template-columns:1fr}.resources span{font-size:12px}}