:root{--mat:#2e4a3f;--mat-deep:#1f3329;--mat-line:#ffffff12;--mat-line-major:#ffffff24;--on-mat:#f1f4ef;--on-mat-2:#b9c7bf;--bin:#e4e7e1;--bin-2:#d6dad3;--bin-edge:#b4bab1;--ink:#17201c;--ink-2:#55615b;--ink-3:#848e88;--orange:#ff6a13;--orange-edge:#b84a0c;--tape:#f2c230;--tape-edge:#c79b16;--label:#141614;--green:#2f8f4e;--blue:#2d6fd2;--purple:#7b55b8;--yellow:#c48a00;--red:#d7263d;--line:#17201c33;--chip-border:#17201c2e;--ghost-border:#17201c59;--ghost-border-off:#17201c26;--drop:#0000002e;--tone-yellow-ink:#8a6200;--tone-orange-ink:#c24e0a;--sheet-scrim:#0b140fb3;--f-body:"Golos Text", system-ui, sans-serif;--f-label:"IBM Plex Sans Condensed", "Golos Text", sans-serif;--nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--f-body);color:var(--on-mat);background:var(--mat);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{background:var(--mat);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;min-height:100%;margin:0}body{-webkit-user-select:none;user-select:none;background-image:linear-gradient(var(--mat-line-major) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line-major) 1px, transparent 1px), linear-gradient(var(--mat-line) 1px, transparent 1px), linear-gradient(90deg, var(--mat-line) 1px, transparent 1px);background-position:-1px -1px;background-size:120px 120px,120px 120px,24px 24px,24px 24px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--tape);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600;line-height:1.15}.app{min-height:100vh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 20px)}.screen{flex-direction:column;gap:12px;padding:18px 14px 0;display:flex}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.grow{flex:1;min-width:0}.tape-label,.screen-head h1,.section-title h2{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;color:#f4f5f2;background:linear-gradient(180deg, #232623 0%, var(--label) 55%, #0c0d0c 100%);text-shadow:0 -1px #000,0 1px #ffffff24;border-radius:2px;font-weight:700;display:inline-block;box-shadow:0 2px #0006}.screen-head h1{transform-origin:0;padding:5px 14px 4px;font-size:22px;transform:rotate(-1.2deg)}.screen-head p{max-width:34ch;color:var(--on-mat-2);margin:10px 0 0;font-size:14px;line-height:1.4}.section-title{margin-top:10px}.section-title h2{padding:3px 10px 2px;font-size:13px;transform:rotate(.8deg)}.section-title span{color:var(--on-mat-2);margin-left:10px;font-size:12px}.hud{z-index:10;background:var(--mat-deep);align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0;box-shadow:0 2px #0003}.hud-avatar{background:var(--bin);width:40px;height:40px;color:var(--ink);box-shadow:inset 0 -3px 0 var(--bin-edge);border-radius:6px;flex:none;place-items:center;display:grid;position:relative}.hud-avatar .lvl{background:var(--orange);min-width:22px;height:22px;color:var(--ink);font:700 12px/22px var(--f-body);border-radius:11px;padding:0 5px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 1px #0005}.hud-stats{color:var(--on-mat);flex-wrap:wrap;flex:1;gap:4px 14px;font-size:15px;font-weight:600;display:flex}.stat{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.hud-xp{background:var(--tape);height:3px;transition:width .4s;position:absolute;bottom:0;left:0}.hud .c-green{color:#7fd49a}.hud .c-blue{color:#8db8ff}.hud .c-yellow{color:var(--tape)}.hud .c-purple{color:#c3a6f0}.hud .c-orange{color:#ff9a5c}.c-green{color:var(--green)}.c-blue{color:var(--blue)}.c-yellow{color:var(--yellow)}.c-purple{color:var(--purple)}.c-red{color:var(--red)}.c-muted{color:var(--ink-3)}.nav{z-index:10;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--mat-deep);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px #0003}.nav button{color:var(--on-mat-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex;position:relative}.nav button.active{color:#fff}.nav button.active:before{content:"";background:var(--orange);width:32px;height:3px;position:absolute;top:0}.nav button.active svg{color:var(--orange)}.nav .dot{background:var(--orange);width:9px;height:9px;box-shadow:0 0 0 2px var(--mat-deep);border-radius:50%;position:absolute;top:9px;left:calc(50% + 7px)}.card{background:var(--bin);color:var(--ink);box-shadow:inset 0 -3px 0 var(--bin-edge), 0 3px 0 var(--drop);border-radius:6px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.card.accent:after{content:"";background:var(--tape);opacity:.9;width:54px;height:16px;position:absolute;top:-6px;right:18px;transform:rotate(4deg);box-shadow:0 1px #0002}.card.locked{background:var(--bin-2);color:var(--ink-2)}.card.locked .icon-tile{filter:grayscale();opacity:.6}.card-row{align-items:center;gap:12px;display:flex}.card-title{font-size:17px;font-weight:600;line-height:1.2}.card-desc{color:var(--ink-2);font-size:13px;line-height:1.4}.card-desc.c-yellow{color:var(--yellow)}.icon-tile{background:var(--bin-2);width:48px;height:48px;color:var(--ink);border-radius:5px;flex:none;place-items:center;display:grid;box-shadow:inset 0 2px #0000001a}.icon-tile.green{background:color-mix(in srgb, var(--green) 16%, transparent);color:var(--green)}.icon-tile.blue{background:color-mix(in srgb, var(--blue) 16%, transparent);color:var(--blue)}.icon-tile.yellow{color:var(--tone-yellow-ink);background:#f2c23040}.icon-tile.purple{background:color-mix(in srgb, var(--purple) 16%, transparent);color:var(--purple)}.icon-tile.orange{color:var(--tone-orange-ink);background:#ff6a1329}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--ink-2);border:1px solid var(--chip-border);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.chip.green{color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, transparent)}.chip.blue{color:var(--blue);border-color:color-mix(in srgb, var(--blue) 45%, transparent)}.chip.yellow{color:var(--tone-yellow-ink);background:#f2c23040;border-color:#0000}.chip.red{color:var(--red);border-color:color-mix(in srgb, var(--red) 45%, transparent)}.chip.purple{color:var(--purple);border-color:color-mix(in srgb, var(--purple) 45%, transparent)}.chip.done{color:#fff;background:var(--green);border-color:var(--green)}.btn{background:var(--orange);min-height:44px;color:var(--ink);box-shadow:inset 0 -4px 0 var(--orange-edge);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 18px 3px;font-size:15px;font-weight:700;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.btn:active:not(:disabled){box-shadow:inset 0 -2px 0 var(--orange-edge);transform:translateY(2px)}.btn:disabled{background:var(--bin-2);color:var(--ink-3);box-shadow:inset 0 -3px 0 var(--bin-edge);cursor:default}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ghost-border);background:0 0;padding-bottom:0}.btn.ghost:active:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--ink);transform:translateY(1px)}.btn.ghost:disabled{color:var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--ghost-border-off)}.screen-head .btn.ghost{color:var(--on-mat);box-shadow:inset 0 0 0 1.5px #ffffff59}.btn.small{min-height:38px;padding:0 14px 3px;font-size:14px}.btn.small.ghost{padding-bottom:0}.btn.block{width:100%}.bar{background:var(--bin-2);border-radius:3px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000002e}.bar>div{background:repeating-linear-gradient(-45deg, var(--orange) 0 6px, #ff8a45 6px 12px);height:100%;transition:width .4s linear}.bar.blue>div{background:var(--blue)}.bar.yellow>div{background:repeating-linear-gradient(-45deg, var(--tape) 0 6px, #f6d364 6px 12px)}.muted-line{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.segmented{background:var(--mat-deep);border-radius:6px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{color:var(--on-mat-2);border-radius:4px;padding:9px 0;font-size:14px;font-weight:600}.segmented button.active{background:var(--bin);color:var(--ink);box-shadow:inset 0 -2px 0 var(--bin-edge)}.mine-stage{flex-direction:column;align-items:center;gap:18px;padding:12px 0 4px;display:flex}.mat-note{color:var(--on-mat-2);font-size:14px;font-weight:500}.big-number{color:var(--on-mat);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.big-number .c-muted{color:var(--on-mat-2)}.spool{touch-action:manipulation;background:radial-gradient(circle, var(--mat-deep) 0 15%, #c9cec7 15% 21%, #a9afa7 21% 23%, transparent 23%), repeating-radial-gradient(circle, var(--orange) 0 2px, #e85b0d 2px 3.5px);border:14px solid var(--bin);width:230px;height:230px;box-shadow:inset 0 0 0 2px var(--bin-edge), inset 0 0 18px #0000004d, 0 6px 0 #00000038;border-radius:50%;transition:transform 60ms;position:relative}.spool>svg{display:none}.spool:active:not(:disabled){transform:scale(.96)rotate(-8deg)}.spool:disabled{filter:grayscale(.9)brightness(.8)}.float-gain{pointer-events:none;color:#fff;text-shadow:0 2px #0008;font-size:22px;font-weight:700;animation:.8s ease-out forwards float-up;position:absolute}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-60px)}}.toasts{left:14px;right:14px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);z-index:20;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{background:var(--label);color:#f4f5f2;box-shadow:inset 4px 0 0 var(--red), 0 4px 0 #0004;border-radius:4px;padding:11px 14px;font-size:14px;font-weight:600;animation:.2s ease-out toast-in}.toast.info{box-shadow:inset 4px 0 0 var(--blue), 0 4px 0 #0004}.toast.gem,.toast.lemon{padding:14px 16px;font-size:16px}.toast.gem{background:var(--green);color:#fff;box-shadow:inset 4px 0 0 var(--tape), 0 4px 0 #0004}.toast.lemon{background:var(--tape);color:#17201c;box-shadow:inset 4px 0 0 var(--red), 0 4px 0 #0004}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.sheet-backdrop{z-index:30;background:var(--sheet-scrim);align-items:flex-end;animation:.15s fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-height:85vh;padding:20px 14px calc(16px + var(--safe-bottom));background:var(--mat);border-radius:10px 10px 0 0;flex-direction:column;gap:12px;animation:.2s ease-out sheet-in;display:flex;overflow-y:auto}.sheet>h2{align-self:flex-start;padding:4px 12px 3px;font-size:15px}.sheet>h2,.sheet .tape{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;color:#f4f5f2;background:var(--label);border-radius:2px;font-weight:700;transform:rotate(-1deg)}.sheet>.card-desc{color:var(--on-mat-2)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(40px)}}.list-row{border-top:1px dashed var(--line);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.list-row:first-child{border-top:0;padding-top:0}.list-row:last-child{padding-bottom:0}.empty{color:var(--ink-2);text-align:center;padding:8px 0;font-size:14px}.need-list{flex-wrap:wrap;gap:6px;display:flex}.need{background:var(--bin-2);font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.need.missing{color:var(--red);background:#d7263d1a}.post-option{text-align:left;cursor:pointer;width:100%}.post-option.selected{box-shadow:inset 0 0 0 2px var(--orange), inset 0 -3px 0 var(--bin-edge), 0 3px 0 var(--drop)}.sheet-text{color:var(--on-mat);max-width:40ch;margin:0;font-size:15px;line-height:1.45}.confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.btn.ghost.on-mat{color:var(--on-mat);box-shadow:inset 0 0 0 1.5px #ffffff59}.btn.danger{background:var(--red);color:#fff;box-shadow:inset 0 -4px #8f1424}.btn.danger:active:not(:disabled){box-shadow:inset 0 -2px #8f1424}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.action-grid .btn{white-space:normal;padding-left:6px;padding-right:6px;line-height:1.15}.dev-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.center h1{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;background:var(--label);padding:5px 14px 4px;transform:rotate(-1.2deg)}.center p,.center h2{color:var(--on-mat-2);font-size:15px;font-weight:500}:root[data-theme=dark]{--mat:#16241e;--mat-deep:#0d1612;--mat-line:#ffffff0b;--mat-line-major:#ffffff17;--on-mat:#e8ede9;--on-mat-2:#93a59b;--bin:#2a312d;--bin-2:#222825;--bin-edge:#161b18;--ink:#e9ede8;--ink-2:#a8b2ac;--ink-3:#75807a;--orange-edge:#a8420a;--green:#5cc27f;--blue:#6fa4ff;--purple:#b192f2;--yellow:#e5b53b;--red:#ff6b78;--line:#ffffff1f;--chip-border:#ffffff26;--ghost-border:#ffffff4d;--ghost-border-off:#ffffff1a;--drop:#0006;--tone-yellow-ink:#f2c230;--tone-orange-ink:#ff8a45;--sheet-scrim:#000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .btn:not(.ghost):not(.danger):not(:disabled),:root[data-theme=dark] .hud-avatar .lvl{color:#17201c}:root[data-theme=dark] .tape-label,:root[data-theme=dark] .screen-head h1,:root[data-theme=dark] .section-title h2,:root[data-theme=dark] .sheet>h2,:root[data-theme=dark] .center h1{box-shadow:0 0 0 1px #ffffff1f,0 2px #000a}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}