:root{--bg:#2f2944;--fg:#f4f0f5;--muted:#a4a8c8;--brand:#9d72a9;--surface:#180538;--glass:#180538b3;--line:#ffffff1f}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:Vazirmatn Variable,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}.hud{inset-inline:16px;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;top:16px}.brand{white-space:nowrap;font-size:22px;font-weight:800}.start{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.controls{pointer-events:auto;gap:8px;display:flex}.controls a,.controls button{font:inherit;color:var(--fg);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none}.controls a:hover,.controls button:hover{border-color:var(--brand)}.controls a:focus-visible,.controls button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (width<=560px){.hud{flex-direction:column}}.help{color:var(--muted);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:8px 14px;font-size:13px}.loading{color:var(--muted);background:var(--bg);place-items:center;font-size:18px;transition:opacity .4s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading a{color:var(--fg)}.near{opacity:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;justify-content:space-between;align-items:center;gap:14px;width:min(520px,100% - 32px);padding:16px 18px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:0 20px 50px -20px #2c023859}.near:not(.show){pointer-events:none}.near.show{opacity:1;transform:translate(-50%)}.near .title{font-size:17px;font-weight:700;line-height:1.5}.picker:not([hidden]){flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.picker .hint{color:var(--muted);flex-basis:100%;font-size:13px}.picker button{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .15s}.picker button:hover{transform:scale(1.1)}.picker button[aria-pressed=true]{outline:2px solid var(--fg);outline-offset:3px}.picker button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.near a{color:#fff;background:var(--brand);border-radius:999px;flex:none;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none}.stick{background:var(--glass);border:1px solid var(--line);touch-action:none;border-radius:50%;width:120px;height:120px;display:none;position:fixed;bottom:120px;left:24px}.stick .knob{background:var(--brand);opacity:.85;border-radius:50%;width:52px;height:52px;margin:-26px;position:absolute;top:50%;left:50%}@media (pointer:coarse){.stick{display:block}.keys{display:none}}@media (pointer:fine){.touch{display:none}}