:root{--color-bg: #ffffff;--color-fg: #111111;--color-muted: #6b7280;--color-border: #e5e7eb;--color-accent: #2563eb;--color-accent-fg: #ffffff;--color-card: #fafafa;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-md: 8px;--radius-lg: 12px;--font-sans: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 22px}@media (prefers-color-scheme: dark){:root{--color-bg: #0a0a0a;--color-fg: #f5f5f5;--color-muted: #9ca3af;--color-border: #262626;--color-card: #141414}}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-fg);background:var(--color-bg)}.app-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:10}.app-header .identity{font-size:var(--font-size-sm);color:var(--color-muted);display:flex;justify-content:space-between;align-items:center}.app-header .identity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.app-header .identity-right{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.app-header .verb-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-top:var(--space-3)}.app-header .verb-btn{padding:var(--space-3);font-size:var(--font-size-lg);background:var(--color-accent);color:var(--color-accent-fg);border:none;border-radius:var(--radius-md);cursor:pointer}.field-list{padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-3);max-width:720px;margin:0 auto}.field-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .1s;position:relative}.field-card:hover{background:var(--color-bg)}.field-card .scout-btn{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);background:transparent;color:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;min-height:36px}.field-card .scout-btn:hover{background:var(--color-bg);color:var(--color-fg)}.field-card .name{font-size:var(--font-size-lg);font-weight:600;padding-right:88px}.field-card .secondary{font-size:var(--font-size-base);color:var(--color-muted);margin-top:var(--space-1);padding-right:88px}.field-card.expanded{cursor:default}.field-card .expanded-section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.field-card .expanded-section h4{font-size:var(--font-size-sm);margin:0 0 var(--space-1) 0;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.field-card .expanded-section ul{margin:0;padding-left:var(--space-4);font-size:var(--font-size-base)}.find-search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.find-search input{width:100%;padding:var(--space-3);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box}.find-search button[data-action=clear]{margin-left:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.filter-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;justify-content:flex-end}.filter-panel{background:var(--color-bg);width:100%;max-width:420px;display:flex;flex-direction:column;overflow:hidden;box-shadow:-4px 0 16px #00000026}@media (max-width: 480px){.filter-panel{max-width:100%}}.filter-panel header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.filter-panel header .title{font-size:var(--font-size-lg);font-weight:600}.filter-panel main{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4)}.filter-panel section{margin-bottom:var(--space-5)}.filter-panel section h3{font-size:var(--font-size-sm);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--space-2) 0}.filter-panel .sub{margin-top:var(--space-3)}.filter-panel .sub-label{font-size:var(--font-size-sm);color:var(--color-fg);margin-bottom:var(--space-1)}.filter-panel .radio-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;cursor:pointer}.filter-panel .radio-row.disabled{opacity:.4;cursor:not-allowed}.filter-panel .chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-panel .chip{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);font-size:var(--font-size-sm);cursor:pointer}.filter-panel .chip.on{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.filter-panel footer{display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg)}.filter-panel footer button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--font-size-base);cursor:pointer}.filter-panel footer button.primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.season-chip-wrap{position:relative;display:inline-block}.season-chip{background:transparent;color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1)}.season-chip:hover{background:var(--color-card)}.season-chip .caret{font-size:.7em;color:var(--color-muted)}.season-menu{position:absolute;top:calc(100% + 4px);right:0;margin:0;padding:var(--space-1) 0;list-style:none;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;z-index:100;min-width:6rem}.season-menu.hidden{display:none}.season-menu li{padding:var(--space-2) var(--space-3);font-size:var(--font-size-base);cursor:pointer;color:var(--color-fg);white-space:nowrap}.season-menu li:hover{background:var(--color-bg)}.season-menu li[aria-selected=true]{font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:stretch;justify-content:center;z-index:100}.scout-modal{background:var(--color-bg);width:100%;max-width:560px;display:flex;flex-direction:column}.scout-modal header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.scout-modal header .field-meta{font-size:var(--font-size-lg);font-weight:600}.scout-modal header .field-sub{color:var(--color-muted);font-size:var(--font-size-sm)}.scout-modal main{padding:var(--space-4);flex:1;overflow-y:auto}.scout-modal textarea{width:100%;min-height:120px;font-size:var(--font-size-base);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-sans);box-sizing:border-box}.scout-modal .categories{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.scout-modal .cat-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg);cursor:pointer;font-size:var(--font-size-sm)}.scout-modal .cat-chip[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.scout-modal .gps-status{margin-top:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm)}.scout-modal footer{padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-2);border-top:1px solid var(--color-border)}.scout-modal footer button{padding:var(--space-3);font-size:var(--font-size-base);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer}.scout-modal footer button[data-action=save]{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}
