:root{--bg: #07111b;--surface: #0d1b26;--sunk: #152a38;--ink: #eaf0f4;--muted: #8195a2;--line: #223643;--field: #08131c;--field-line: #2b414f;--accent: #ee604b;--accent-ink: #fff;--accent-soft: #ee604b1f;--eyebrow: #ee806e;--good: #66d8a1;--good-soft: #36bd7a1c;--warn: #f2cc68;--warn-soft: #f2cc6824;--bad: #ed8878;--bad-soft: #ee604b18;--shadow: 0 20px 60px #0003;--b0: #f7f7f2;--b1: #e9c530;--b2: #e68a2a;--b3: #3b9a50;--b4: #2f6fc9;--b5: #7c4db4;--b6: #7a4e2d;--b7: #16181a;--font: Inter, ui-sans-serif, system-ui, sans-serif;--mono: ui-monospace, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font:15px/1.5 var(--font);background:radial-gradient(circle at 80% 0%,#15314a 0,transparent 35rem),var(--bg);padding:32px 16px 64px}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.055em}h2{letter-spacing:-.03em}h2{font-size:18px}h3{font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.eyebrow{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow);font-weight:700}.muted{color:var(--muted)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.panel{background:#0d1b26cc;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--field-line);background:var(--sunk);color:var(--ink);border-radius:10px;padding:6px 14px;font-size:13px;font-weight:600;min-height:36px;transition:transform .15s}.btn:hover:not(:disabled){border-color:#496372;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.field{display:flex;flex-direction:column;gap:3px;min-width:0}.field>span,.field>label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.field input,.field select,.field textarea{background:var(--field);color:#fff;border:1px solid var(--field-line);border-radius:10px;padding:8px 10px;min-height:40px;width:100%;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ee604b20}.chip{font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);white-space:nowrap}.chip.soon{background:var(--warn-soft);border-color:transparent;color:var(--warn);font-weight:700}.chip.art{background:#2475d51b;border-color:transparent;color:#9fc8e8}.chips{display:flex;flex-wrap:wrap;gap:4px}.obi{display:inline-block;width:22px;height:8px;border-radius:2px;border:1px solid #ffffff40;flex:none}.error{background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:8px 10px;font-size:13px}.empty{color:var(--muted);font-size:13px;padding:10px 0}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:56px;height:56px;display:block;object-fit:contain;flex:none}button,a,summary,select,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.btn{min-height:44px;padding:8px 16px;font-size:14px}.field input,.field select,.field textarea,input,select,textarea{font-size:16px;min-height:44px}}body{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}@media(max-width:600px){body{padding-top:16px}.panel{padding:14px;border-radius:16px}.row-3{grid-template-columns:minmax(0,1fr)!important}}.result-row{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.result-form{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:12px;border:1px solid var(--accent);border-radius:12px}.match-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:2px;font-size:13px}.match-list li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--muted)}.match-list li.win:before{background:var(--good)}.match-list li.loss:before{background:var(--bad)}.signin{max-width:440px;margin:0 auto;width:100%}.code-input{font-family:var(--mono);font-size:24px!important;letter-spacing:.3em;text-align:center}.person{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:10px}.person-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.linkish{background:none;border:none;color:var(--eyebrow);padding:0;font-weight:600}.environment-banner{position:sticky;top:0;z-index:1200;display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:34px;padding:.4rem 1rem;margin:-32px -16px 16px;color:#211700;border-bottom:1px solid #8a6300;background:repeating-linear-gradient(135deg,#ffc83d 0 18px,#f1b928 18px 36px);box-shadow:0 3px 14px #0008;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-align:center;text-transform:uppercase}.environment-indicator{width:.65rem;height:.65rem;border:2px solid #211700aa;border-radius:50%;background:#211700;box-shadow:0 0 0 3px #fff5}@media(max-width:600px){.environment-banner{margin-top:-16px}}@media print{.environment-banner{display:none}}.club-panel{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.chip.pay-due{color:var(--warn, #f2cc68)}.chip.pay-overdue{color:var(--bad, #ed8878)}.chip.pay-paid{color:var(--good, #66d8a1)}.suggest{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--accent, #ff6b4a);border-radius:12px}.add-result{display:grid;gap:10px;padding:12px;border:1px dashed var(--line);border-radius:12px}.match-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr) auto;gap:6px}@media(max-width:560px){.match-row{grid-template-columns:1fr 1fr}}.back-nav{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;font-weight:600}.back-nav a{color:var(--muted);text-decoration:none}.back-nav a:hover{color:var(--ink)}