:root{--gol-bg:#0a0a1a;--gol-text:#e2e8f0;--gol-text-muted:#94a3b8;--gol-primary:#6366f1;--gol-primary-rgb:99, 102, 241;--gol-ctrl-bg:#0000008c;--gol-ctrl-hover:#ffffff1a;--gol-ctrl-active:#6366f133;--gol-border:#ffffff1a}._gol-container{width:100%;min-height:100vh;background:var(--gol-bg);cursor:crosshair;min-height:100dvh;position:relative;overflow:hidden}._gol-canvas{width:100%;height:100vh;height:100dvh;image-rendering:pixelated;touch-action:none;display:block}._gol-info{bottom:var(--main-space-4);left:var(--main-space-4);gap:var(--main-space-4);color:var(--gol-text-muted);font-size:var(--main-text-xs);font-family:var(--main-font-mono);opacity:.6;pointer-events:none;z-index:5;display:flex;position:absolute}._gol-pattern-hint{bottom:var(--main-space-4);right:var(--main-space-4);color:var(--gol-primary);font-size:var(--main-text-xs);font-family:var(--main-font-mono);opacity:0;pointer-events:none;z-index:5;transition:opacity .3s;position:absolute}._gol-pattern-hint._gol-visible{opacity:.8}@media (hover:none),(pointer:coarse){._gol-controls{opacity:1}}@media (max-width:768px){._gol-container{min-height:100dvh}._gol-canvas{height:100dvh}._gol-info{bottom:var(--main-space-2);left:var(--main-space-2)}._gol-pattern-hint{bottom:var(--main-space-2);right:var(--main-space-2)}}._gol-controls{top:var(--main-space-4);align-items:center;gap:var(--main-space-4);padding:var(--main-space-2) var(--main-space-4);background:var(--gol-ctrl-bg);-webkit-backdrop-filter:blur(8px);border-radius:var(--main-radius-full);border-style:solid;border-width:1px;border-color:var(--gol-border);z-index:10;opacity:0;transition:opacity .4s;display:flex;position:absolute;left:50%;translate:-50%}._gol-container:hover ._gol-controls,._gol-controls:hover{opacity:1}._gol-controls-left,._gol-controls-right{align-items:center;gap:var(--main-space-2);display:flex}._gol-controls-left:after{content:"";background:var(--gol-border);width:1px;height:20px;margin-left:var(--main-space-2)}._gol-ctrl-btn{border-radius:var(--main-radius);min-width:32px;height:32px;color:var(--gol-text-muted);cursor:pointer;transition:color var(--main-transition), background var(--main-transition);background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:flex}._gol-ctrl-btn:hover{color:var(--gol-text);background:var(--gol-ctrl-hover)}._gol-ctrl-btn._gol-ctrl-active{background:var(--gol-ctrl-active);color:var(--gol-primary)}._gol-speed-group{align-items:center;gap:var(--main-space-2);display:flex}._gol-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ffffff26;border-radius:2px;outline:none;width:60px;height:4px}._gol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gol-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}._gol-slider::-moz-range-thumb{background:var(--gol-primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}@media (hover:none),(pointer:coarse){._gol-slider{height:6px}._gol-slider::-webkit-slider-thumb{width:20px;height:20px}._gol-slider::-moz-range-thumb{width:20px;height:20px}}._gol-dropdown{position:relative}._gol-dropdown-menu{min-width:180px;max-width:calc(100vw - var(--main-space-4));-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 100px);padding:var(--main-space-2) 0;background:var(--gol-ctrl-bg);-webkit-backdrop-filter:blur(12px);border-style:solid;border-width:1px;border-color:var(--gol-border);border-radius:var(--main-radius-lg);opacity:0;visibility:hidden;z-index:20;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}._gol-dropdown._gol-open ._gol-dropdown-menu{opacity:1;visibility:visible}._gol-dropdown-item{width:100%;padding:var(--main-space-2) var(--main-space-4);color:var(--gol-text-muted);text-align:left;cursor:pointer;transition:color var(--main-transition), background var(--main-transition);background:0 0;border:none;font-size:13px;display:block}._gol-dropdown-item:hover{color:var(--gol-text);background:var(--gol-ctrl-hover)}._gol-dropdown-item._gol-dropdown-active{color:var(--gol-primary)}._gol-help-menu{min-width:280px;padding:var(--main-space-4)}._gol-help-content{gap:var(--main-space-4);flex-direction:column;display:flex}._gol-help-section{gap:var(--main-space-2);flex-direction:column;display:flex}._gol-help-title{color:var(--gol-text);text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:var(--main-space-1);font-size:11px;font-weight:600}._gol-help-row{justify-content:space-between;align-items:center;gap:var(--main-space-4);display:flex}._gol-help-label{color:var(--gol-text-muted);white-space:nowrap;font-size:12px}._gol-help-desc{color:var(--gol-text-muted);margin:0;font-size:12px;line-height:1.5}._gol-help-rule{align-items:flex-start;gap:var(--main-space-2);display:flex}._gol-help-rule-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}._gol-help-rule-icon svg{width:12px;height:12px}._gol-help-key{color:var(--gol-text);font-size:11px;font-family:var(--main-font-mono);white-space:nowrap;background:#ffffff14;border-radius:4px;padding:2px 6px}@media (max-width:768px){._gol-controls{top:var(--main-space-2);gap:var(--main-space-2);padding:var(--main-space-2) var(--main-space-3);opacity:1;max-width:calc(100% - var(--main-space-4))}._gol-ctrl-btn{min-width:36px;height:36px;padding:0 8px}._gol-slider{width:64px}._gol-dropdown-menu{min-width:200px}._gol-help-menu{min-width:260px}._gol-dropdown-item{padding:var(--main-space-3) var(--main-space-4);font-size:14px}}@media (max-width:480px){._gol-controls{border-radius:var(--main-radius-lg);justify-content:center;gap:var(--main-space-1);padding:var(--main-space-2);flex-wrap:wrap}._gol-controls-left,._gol-controls-right{gap:var(--main-space-1);flex-wrap:wrap;justify-content:center}._gol-controls-left:after{display:none}._gol-speed-group{padding-top:var(--main-space-1);flex-basis:100%;order:99;justify-content:center}._gol-slider{width:100%;max-width:220px}._gol-ctrl-btn{min-width:38px;height:38px}._gol-help-menu{top:auto;bottom:var(--main-space-2);left:var(--main-space-2);right:var(--main-space-2);min-width:0;max-height:calc(100dvh - 120px);position:fixed}._gol-help-row{gap:var(--main-space-2)}._gol-help-label{white-space:normal}}@media (max-width:360px){._gol-ctrl-btn{min-width:34px;height:34px;padding:0 6px}}