.gol{--gol-card-bg:#fff;--gol-surface:var(--palest-green);--gol-surface-2:#fff;--gol-border:var(--lightest-green);--gol-board:#04140b;--gol-text:var(--darker-green);--gol-muted:#5f8a5f;--gol-btn-bg:var(--brand-green);--gol-btn-fg:#fff;--gol-ghost-bg:#fff;--gol-ghost-fg:var(--dark-green);--gol-accent:var(--lighter-green);--gol-accent-fg:#04140b;--gol-stats-bg:var(--darker-green);--gol-stats-fg:var(--palest-green);margin:1.25rem 0;border:1px solid var(--gol-border);border-radius:14px;overflow:hidden;background:var(--gol-card-bg);box-shadow:0 6px 20px rgba(0,44,0,.12);-webkit-user-select:none;user-select:none}@media(prefers-color-scheme:dark){.gol{--gol-card-bg:#06110b;--gol-surface:#0b1a11;--gol-surface-2:#081410;--gol-border:#204a20;--gol-text:var(--lightest-green);--gol-btn-bg:var(--light-green);--gol-btn-fg:var(--palest-green);--gol-ghost-bg:#0a160e;--gol-ghost-fg:var(--lightest-green);--gol-stats-bg:#02100a;--gol-stats-fg:var(--lightest-green);box-shadow:0 6px 24px rgba(0,0,0,.6)}}.gol-toolbar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:12px 14px;background:var(--gol-surface);border-bottom:1px solid var(--gol-border)}.gol-btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;background:var(--gol-ghost-bg);color:var(--gol-ghost-fg);border:1.5px solid var(--gol-border);font-family:var(--font);font-weight:700;font-size:14px;padding:9px 14px;border-radius:9px;min-height:40px;line-height:1}.gol-btn:hover{background:var(--gol-surface)}.gol-btn--primary{background:var(--gol-btn-bg);color:var(--gol-btn-fg);border-color:transparent;font-size:15px;padding:9px 18px;min-width:104px;justify-content:center}.gol-btn--primary:hover{background:var(--gol-btn-bg);filter:brightness(1.08)}.gol-field{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gol-ghost-fg)}.gol-field output{font-family:var(--font-monospace,monospace);min-width:3.5em}.gol-field input[type=range]{accent-color:var(--gol-accent);width:120px}.gol-seg{display:inline-flex;border:1.5px solid var(--gol-border);border-radius:9px;overflow:hidden}.gol-seg button{border:none;background:var(--gol-ghost-bg);color:var(--gol-ghost-fg);font-weight:700;font-family:var(--font);padding:8px 13px;cursor:pointer;font-size:13px;min-height:40px}.gol-seg button[aria-pressed=true]{background:var(--gol-btn-bg);color:var(--gol-btn-fg)}.gol-switch{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gol-ghost-fg);cursor:pointer}.gol-switch input{position:absolute;opacity:0;width:0;height:0}.gol-switch .gol-track{width:40px;height:22px;border-radius:22px;background:#9aa89a;position:relative;transition:background .15s ease;flex:none}.gol-switch .gol-track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.gol-switch input:checked+.gol-track{background:var(--gol-accent)}.gol-switch input:checked+.gol-track::after{transform:translateX(18px)}.gol-switch input:focus-visible+.gol-track{outline:2px solid var(--gol-accent);outline-offset:2px}.gol-chips{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px;background:var(--gol-surface-2);border-bottom:1px solid var(--gol-border)}.gol-chips .gol-chips-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--gol-muted);align-self:center;margin-right:2px}.gol-chip{border:1.5px solid var(--gol-border);background:var(--gol-ghost-bg);color:var(--gol-ghost-fg);border-radius:20px;padding:6px 13px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;min-height:36px}.gol-chip:hover{border-color:var(--gol-accent)}.gol-chip.is-active{background:var(--gol-accent);color:var(--gol-accent-fg);border-color:var(--gol-accent)}.gol-stage{position:relative;background:var(--gol-board);line-height:0;touch-action:none}.gol-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.gol-stage.is-pan .gol-canvas{cursor:grab}.gol-stage.is-pan.is-grabbing .gol-canvas{cursor:grabbing}.gol-hint{position:absolute;left:12px;bottom:12px;background:rgba(0,20,8,.72);color:var(--palest-green);font-size:12px;padding:6px 10px;border-radius:8px;font-weight:700;line-height:1.2;pointer-events:none;transition:opacity .4s ease}.gol-hint.is-hidden{opacity:0}.gol-stats{display:flex;flex-wrap:wrap;gap:8px 18px;padding:11px 14px;background:var(--gol-stats-bg);color:var(--gol-stats-fg);font-family:var(--font-monospace,monospace);font-size:13px;line-height:1.2}.gol-stats b{color:#fff;font-weight:700}.gol-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:320px;background:var(--gol-board);color:var(--palest-green);font-weight:700;font-size:15px}.gol-spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(151,185,147,.35);border-top-color:var(--lighter-green);animation:gol-spin .8s linear infinite}@keyframes gol-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gol-spinner{animation-duration:2s}}.gol-error{padding:24px 16px;text-align:center;color:var(--palest-green);background:var(--gol-board);font-weight:700}.gol-back{margin:0 0 .25rem;font-size:.9rem}@media(max-width:640px){.gol-btn--primary{flex:1 1 100%}.gol-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.gol-chip{flex:none}.gol-hint{font-size:11px;left:8px;bottom:8px}}