:root{--bg: #0b0f14;--bg2: #182235;--panel: rgba(18, 25, 38, .8);--text: #e6edf3;--muted: #9fb0c0;--accent: #66e3a4;--danger: #ff6b6b;--border: rgba(255, 255, 255, .08);--inputBg: rgba(8, 12, 18, .65);--btnBg: rgba(102, 227, 164, .15);--btnGhostBg: rgba(255, 255, 255, .03);--pillBg: rgba(255, 255, 255, .05);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--font-size-sm: 12px;--font-size-md: 16px;--font-size-lg: 18px}:root[data-theme=light]{--bg: #f7fafc;--bg2: #ffffff;--panel: rgba(255, 255, 255, .92);--text: #0b1220;--muted: #4a5a6a;--accent: #0f7b4c;--danger: #b42318;--border: rgba(10, 20, 30, .1);--inputBg: rgba(255, 255, 255, .98);--btnBg: rgba(15, 123, 76, .1);--btnGhostBg: rgba(10, 20, 30, .03);--pillBg: rgba(10, 20, 30, .04)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 20% 0%,var(--bg2) 0%,var(--bg) 50%) fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}.container{max-width:860px;margin:0 auto;padding:var(--space-5)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand{display:flex;flex-direction:column}.brand h1{font-size:var(--font-size-lg);margin:0;letter-spacing:.3px}.brand span{color:var(--muted);font-size:var(--font-size-sm)}.tagline{color:var(--text);opacity:.92;font-weight:700;margin-top:2px}.subbrand{display:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.row{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:740px){.row.two{grid-template-columns:1fr 1fr}}.labelRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.label{color:var(--muted);font-size:var(--font-size-sm);margin-bottom:0}.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--inputBg);color:var(--text);font-size:var(--font-size-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--btnBg);color:var(--text);font-weight:600;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn:not(:disabled):hover{transform:translateY(-1px);border-color:#fff3}:root[data-theme=light] .btn:not(:disabled):hover{border-color:#0a141e38}.btn:not(:disabled):active{transform:translateY(0)}.btn.primary{background:#66e3a452;border-color:#66e3a499;box-shadow:0 0 0 2px #66e3a438 inset}:root[data-theme=light] .btn.primary{background:#0f7b4c2e;border-color:#0f7b4c8c;box-shadow:0 0 0 2px #0f7b4c1f inset}.btn.ghost{background:var(--btnGhostBg);border-color:#ffffff29}:root[data-theme=light] .btn.ghost{border-color:#0a141e29}.btn.danger{background:#ff6b6b38;border-color:#ff6b6b8c;box-shadow:0 0 0 2px #ff6b6b24 inset}:root[data-theme=light] .btn.danger{background:#b4231824;border-color:#b4231873;box-shadow:0 0 0 2px #b423181a inset}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.holeInput:focus-visible{outline:3px solid rgba(102,227,164,.65);outline-offset:2px}:root[data-theme=light] .btn:focus-visible,:root[data-theme=light] .input:focus-visible,:root[data-theme=light] .holeInput:focus-visible{outline:3px solid rgba(15,123,76,.6)}.pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--pillBg);border:1px solid var(--border);color:var(--muted);font-size:var(--font-size-sm)}.headerRight{display:inline-flex;align-items:center;gap:10px}.iconBtn{padding:8px 10px;border-radius:999px;font-size:12px}.miniBtn{padding:6px 8px;border-radius:10px;font-size:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.table th{color:var(--muted);font-weight:600}.small{color:var(--muted);font-size:var(--font-size-sm)}.rulesCard{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:12px}.rulesHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.rulesList{margin:0;padding-left:18px;color:var(--muted);font-size:13px;line-height:1.45}.holes{overflow-x:auto}.mobileHoleList{margin-bottom:6px}.mobileHoleCard{border:1px solid var(--border);border-radius:12px;padding:12px;background:#ffffff08}.holeGrid{min-width:720px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.holeRow{display:grid;grid-template-columns:64px repeat(4,1fr)}.holeRow.wolf{grid-template-columns:64px 140px 180px 220px repeat(4,1fr)}.holeRow.skins{grid-template-columns:64px 220px repeat(4,1fr)}.holeRow.header{background:#ffffff0a}.holeCell{padding:8px;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.holeCell:last-child{border-right:none}.holeNum{font-weight:700}.holeInput{width:100%;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--inputBg);color:var(--text);font-size:16px;text-align:center}.positive{color:var(--accent)}.negative{color:var(--danger)}.footerActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.bigNum{font-size:36px;font-weight:800;letter-spacing:.5px}.incRow{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.incRow:last-child{border-bottom:none}.quickScore{display:grid;grid-template-columns:1fr;gap:8px}.toggle{display:inline-flex;align-items:center;gap:10px}.toggle input{width:18px;height:18px}.undoToast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.holeContextHeader{border:1px solid var(--border);border-radius:12px;padding:var(--space-3);background:#ffffff05}.holeContextHeader.holeChanged{animation:hole-change-cue .22s ease-out}@keyframes hole-change-cue{0%{transform:translateY(2px);opacity:.7}to{transform:translateY(0);opacity:1}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(prefers-reduced-motion:reduce){.holeContextHeader.holeChanged{animation:none}}@media(max-width:47.99em){.quickRail,.gridEscapeRail{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:30;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body:has(input:focus) .quickRail{transform:translateY(120%);pointer-events:none}}