: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{background:var(--gol-bg);cursor:crosshair;width:100%;min-height:100vh;position:relative;overflow:hidden}._gol-canvas{width:100%;height:100vh;image-rendering:pixelated;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 (max-width:768px){._gol-container{min-height:80vh}._gol-canvas{height:80vh}._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}._gol-dropdown{position:relative}._gol-dropdown-menu{min-width:180px;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}._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}._gol-ctrl-btn{min-width:28px;height:28px}._gol-slider{width:40px}}@media (max-width:480px){._gol-controls{border-radius:var(--main-radius-lg);max-width:calc(100% - var(--main-space-4));flex-wrap:wrap;justify-content:center}._gol-controls-left:after,._gol-speed-group{display:none}}