:root{--bg:#f6f5ff;--fg:#1b1840;--muted:#4a4770;--panel:#fff;--line:#c9c5ee;--accent:#6a45f0;--on-accent:#fff;--sky1:#f1efff;--sky2:#dcd6ff;--planet:#3d7ea6;--star:#e8a317;--moon:#7b8597;--hole:#1a1030;--target:#0f8a5a;--probe:#2b2350;--trail:#6a45f0;--dots:#2b2350;--stars:#8a84b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d1f;--fg:#ececff;--muted:#b4b2d8;--panel:#15122e;--line:#3a3566;--accent:#a590ff;--on-accent:#0b0d1f;--sky1:#0b0d1f;--sky2:#1a1238;--planet:#5fa8d3;--star:#ffd166;--moon:#b8c0d0;--hole:#000;--target:#3ddc97;--probe:#fff;--trail:#a590ff;--dots:#fff;--stars:#8c88c0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0d1f;--fg:#ececff;--muted:#b4b2d8;--panel:#15122e;--line:#3a3566;--accent:#a590ff;--on-accent:#0b0d1f;--sky1:#0b0d1f;--sky2:#1a1238;--planet:#5fa8d3;--star:#ffd166;--moon:#b8c0d0;--hole:#000;--target:#3ddc97;--probe:#fff;--trail:#a590ff;--dots:#fff;--stars:#8c88c0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);height:100dvh;color:var(--fg);flex-direction:column;font:16px/1.4 system-ui,sans-serif;display:flex;overflow:hidden}h1,h2{margin:0;line-height:1.2}h1{font-size:1.25rem}h2{font-size:1.1rem}a{color:var(--accent)}.muted{color:var(--muted);margin:.15rem 0 0;font-size:.9rem}.sr,.skip:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:10;position:fixed;top:8px;left:8px}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}nav{flex-wrap:wrap;gap:6px;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);min-width:44px;min-height:44px;color:var(--fg);border-radius:10px;padding:0 14px}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}main{outline:none;flex-direction:column;flex:1;min-height:0;padding:0 12px;display:flex}[hidden]{display:none!important}#game{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.hud{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.score{white-space:nowrap;margin:0;font-weight:600}.field{border:1px solid var(--line);border-radius:12px;flex:1;min-height:160px;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.status{min-height:1.4em;margin:0;font-weight:600}.controls{grid-template-columns:1fr 1fr;align-items:end;gap:6px 14px;display:grid}.controls label{flex-direction:column;gap:2px;font-size:.9rem;display:flex}.controls input[type=range]{width:100%;min-height:32px;accent-color:var(--accent)}.btns{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.btns .primary{flex:1}.keys{display:none}@media (width>=700px){.keys{display:block}}@media (height<=640px){.keys,#hole-hint{display:none}}.holes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0;padding:0;list-style:none;display:grid;overflow-y:auto}.holes button{text-align:left;flex-direction:column;gap:2px;width:100%;min-height:76px;padding:8px 12px;display:flex}.holes .n{color:var(--muted);font-size:.8rem}#menu{flex:1;min-height:0;padding-top:8px;overflow-y:auto}dialog{background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:14px;max-width:min(92vw,420px);padding:18px}dialog::backdrop{background:#05051499}dialog p{margin:8px 0 12px}footer{color:var(--muted);text-align:center;padding:6px 12px;font-size:.85rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}