:root{--bg:#efe4cf;--surface:#f6eedd;--surface-raised:#fbf6ec;--surface-sunken:#e6d8bd;--primary:#5c1820;--primary-contrast:#fbf6ec;--primary-soft:#7a2530;--primary-ink:#fbf6ec;--accent:#a07028;--accent-soft:#cda35a;--text:#1a1410;--text-muted:#6b5a4a;--text-faint:#9e8c78;--text-on-primary:#fbf6ec;--success:#4a7a3a;--danger:#a83228;--warning:#c98c2a;--slate:#2d3845;--slate-soft:#4a5868;--line:#1a14101a;--line-strong:#1a14102e;--court-ink:#2d38458c;--border:#1a14101f;--font-display:"Caveat", "Marker Felt", cursive;--font-body:"Quicksand", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-num:"Quicksand", ui-rounded, system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-1:6px;--radius-2:10px;--radius-3:14px;--radius-4:20px;--radius-5:28px;--radius-pill:9999px;--radius:14px;--shadow-1:0 1px 2px #3c1e0f14;--shadow-2:0 4px 12px #3c1e0f1a, 0 1px 2px #3c1e0f0f;--shadow-3:0 12px 32px #3c1e0f29, 0 2px 6px #3c1e0f14;--shadow:var(--shadow-2);--ease-out:cubic-bezier(.2,.7,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;font-weight:500;line-height:1.4}*,:before,:after{box-sizing:border-box}*,button,a,[role=button]{-webkit-tap-highlight-color:transparent}button,[role=button]{-webkit-user-select:none;user-select:none;touch-action:manipulation}button:focus{outline:none}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html,body,#app{min-height:100svh;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-weight:500}#app{min-height:100svh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;width:100%;max-width:480px;margin:0 auto;display:flex}h1,h2,h3{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--text);font-weight:700;line-height:1}h1{font-size:2.4rem}h2{font-size:1.6rem}h3{font-size:1.25rem;font-family:var(--font-body)}.kicker{font-family:var(--font-body);letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);font-size:.7rem;font-weight:700}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.8rem}.view{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:1rem;display:flex;position:relative}.view-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.center{text-align:center;justify-content:center;align-items:center}.row{align-items:center;display:flex}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-3);padding:var(--space-4);box-shadow:var(--shadow-1)}.btn{border:1.5px solid var(--line-strong);border-radius:var(--radius-pill);background:var(--surface-raised);height:44px;color:var(--text);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-1);transition:transform .12s var(--ease-spring), box-shadow .15s, background .15s;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.95rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);border-color:#0000}.btn-accent{background:var(--accent);color:var(--text);border-color:#0000}.btn-danger{background:var(--danger);color:var(--primary-contrast);border-color:#0000}.btn-ghost{box-shadow:none;background:0 0;border-color:#0000}.btn-block{flex:1;width:100%}.btn-lg{height:56px;padding:0 1.5rem;font-size:1.05rem}.btn-small{height:32px;padding:0 .9rem;font-size:.8rem}.banner{border-radius:var(--radius-3);color:var(--danger);background:#a8322814;border:1px solid #a8322840;align-items:center;gap:.5rem;margin:0;padding:.6rem .9rem;font-size:.85rem;font-weight:700;display:flex}.badge{border-radius:var(--radius-pill);background:var(--surface-sunken);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#1a141073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface-raised);border-top-left-radius:var(--radius-5);border-top-right-radius:var(--radius-5);width:100%;max-width:480px;box-shadow:var(--shadow-3);padding:1.25rem 1.25rem 2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.modal-sheet:before{content:"";background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:0 auto .75rem;display:block}input[type=text],input[type=number]{border-radius:var(--radius-3);border:1.5px solid var(--line-strong);background:var(--surface-raised);width:100%;height:44px;color:var(--text);font-family:var(--font-body);padding:0 .9rem;font-size:1rem;font-weight:600}input[type=text]:focus,input[type=number]:focus{border-color:var(--primary);outline:none}.field-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.7rem;font-weight:700;display:block}