@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--color-bg:#eee7d8;--color-bg-raised:#e4dcc5;--color-bg-sunken:#ddd3b8;--color-border:#b7a97f;--color-border-strong:#8c7c54;--color-text:#2c2416;--color-text-muted:#6b6048;--color-accent:#4f6b3c;--color-accent-strong:#3a4f2c;--color-accent-contrast:#f3f1e4;--color-gold:#92661f;--color-danger:#7c3b2a;--color-danger-strong:#5f2c1f;--color-info:#3c5366;--font-pixel:"VT323", ui-monospace, "Courier New", monospace;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius:3px;--touch-target:44px}@media (prefers-color-scheme:dark){:root{--color-bg:#1d1a12;--color-bg-raised:#272217;--color-bg-sunken:#171410;--color-border:#4f452f;--color-border-strong:#6b5e3e;--color-text:#ece4cf;--color-text-muted:#a99d7e;--color-accent:#7a9c62;--color-accent-strong:#9fc183;--color-accent-contrast:#15170f;--color-gold:#d1a53f;--color-danger:#c1664c;--color-danger-strong:#e08063;--color-info:#7fa6bd}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.45}h1,h2,h3{font-family:var(--font-pixel);letter-spacing:.02em;margin:0 0 var(--space-3) 0;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}p{margin:0 0 var(--space-2) 0}button{font-family:inherit}#root{flex-direction:column;min-height:100vh;display:flex}.app-main{width:100%;max-width:920px;padding:var(--space-4);flex:1;margin:0 auto}.nav{background:var(--color-bg-raised);border-bottom:2px solid var(--color-border);white-space:nowrap;overflow-x:auto}.nav-inner{gap:var(--space-1);max-width:920px;padding:var(--space-2) var(--space-3);margin:0 auto;display:flex}.nav-link{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);min-height:var(--touch-target);border-radius:var(--radius);color:var(--color-text-muted);border:1px solid #0000;flex-shrink:0;font-size:.95rem;text-decoration:none;display:inline-flex}.nav-link[aria-current=page]{color:var(--color-text);background:var(--color-bg-sunken);border-color:var(--color-border);font-weight:600}.live-stats{z-index:5;gap:var(--space-1) var(--space-4);background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex;position:sticky;top:0}.live-stats-item{font-family:var(--font-pixel);color:var(--color-text);white-space:nowrap;font-size:1.15rem}.live-stats-item--gold{color:var(--color-gold)}.live-stats-item--accent{color:var(--color-accent-strong)}.panel{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}.panel-title{margin-bottom:var(--space-3)}.stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0;border-bottom:1px dashed var(--color-border);display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--color-text-muted);font-size:.95rem}.stat-value{font-family:var(--font-pixel);color:var(--color-text);text-align:right;font-size:1.3rem}.stat-value--gold{color:var(--color-gold)}.stat-value--accent{color:var(--color-accent-strong)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius);border:1px solid var(--color-border-strong);background:var(--color-bg-sunken);color:var(--color-text);cursor:pointer;width:100%;font-size:1rem;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);border-color:var(--color-accent-strong);color:var(--color-accent-contrast)}.btn--danger{background:var(--color-danger);border-color:var(--color-danger-strong);color:var(--color-accent-contrast)}.btn-row{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.btn-row .btn{flex:160px;width:auto}.progress{background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius);height:18px;margin:var(--space-1) 0 var(--space-3) 0;position:relative;overflow:hidden}.progress-fill{background:repeating-linear-gradient(90deg, var(--color-accent) 0, var(--color-accent) 7px, var(--color-accent-strong) 7px, var(--color-accent-strong) 8px);height:100%}.progress-label{font-family:var(--font-pixel);color:var(--color-text);mix-blend-mode:difference;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;inset:0}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}}.tile-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tile{padding:var(--space-3);background:var(--color-bg-sunken);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none;display:block}.tile-heading{align-items:center;gap:var(--space-2);font-family:var(--font-pixel);margin-bottom:var(--space-1);font-size:1.2rem;display:flex}.tile-sub,.muted{color:var(--color-text-muted);font-size:.9rem}.drop-label{font-family:var(--font-pixel);color:var(--color-gold);font-size:1.1rem}.modal-overlay{padding:var(--space-4);z-index:10;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-bg-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-4);width:100%;max-width:420px}.modal-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}