*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{background:#111b26;color:#f1f4ef;font:14px Arial,sans-serif;min-height:100dvh;display:grid;place-items:center;background-image:radial-gradient(ellipse at top,#2b4051,transparent 70%)}button,input{font:inherit}button{cursor:pointer;border:0;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}[hidden]{display:none!important}.game{--accent:#e5c47d;width:min(100vw,450px);height:min(100dvh,900px);display:flex;flex-direction:column;overflow:hidden;background:#152735;border:1px solid #70869b44;box-shadow:0 25px 90px #0007}.hud{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;min-height:67px;flex:none;background:#12222dcc;border-bottom:1px solid #a1c3d225}.eyebrow{display:block;letter-spacing:1.6px;font-size:8px;color:#9fb7be;font-weight:bold}.hud strong{display:block;margin-top:5px;font-size:14px}.hud .score{text-align:right}.score strong{font-size:22px;color:var(--accent);font-variant-numeric:tabular-nums}.field{position:relative;flex:1;min-height:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.controls{flex:none;padding:10px 12px;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;align-items:center;background:#142631;border-top:1px solid #a1c3d225}.controls button{background:#29424f;color:#f1e4bf;min-height:44px;min-width:44px;padding:9px 13px;border:1px solid #76929d55;border-radius:7px;font-size:11px;font-weight:bold;flex:1;user-select:none;-webkit-user-select:none}.controls button[aria-pressed=true]{background:var(--accent);color:#172732}.controls button.primary{background:var(--accent);color:#172732}.controls label{font-size:9px;display:flex;gap:7px;align-items:center;flex:1 1 calc(50% - 7px);color:#c1d3d2}.controls input{width:100%;min-width:40px;accent-color:var(--accent)}.controls output{font-variant-numeric:tabular-nums;min-width:24px;color:var(--accent)}.tools{display:flex;justify-content:space-between;align-items:center;padding:0 13px 6px;flex:none}.tools button{font-size:10px;background:none;color:#bfcecb;padding:9px 4px}.tools small{font-size:8px;letter-spacing:1px;color:#7e9d9e}.overlay{position:absolute;inset:0;background:#061625ac;backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.panel{width:100%;max-width:320px;padding:24px;background:#f3eedf;color:#233949;border-radius:5px;border-top:4px solid var(--accent);box-shadow:0 20px 40px #001c3544}.panel .eyebrow{color:#7b826d}.panel h1{font:normal 33px/1.08 Georgia,serif;letter-spacing:-.8px;margin:12px 0}.panel p{font-size:12px;color:#65746f;line-height:1.65}.instructions{border-top:1px solid #c9cfbf;padding-top:12px;margin-top:17px;font-size:11px;line-height:1.6;color:#455f59}.panel button{width:100%;background:#294a47;color:#fff3cf;font-size:12px;padding:14px;border-radius:4px;margin-top:17px;font-weight:bold}.panel button.secondary{background:none;color:#5b7167;margin-top:2px;text-decoration:underline}.message{position:absolute;left:12px;right:12px;bottom:10px;text-align:center;background:#092435db;color:#f0e4b6;padding:8px;border-radius:5px;font-size:10px;pointer-events:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}html[data-embed=true] .tools{display:none}html[data-embed=true] .game{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}@media(min-width:600px){.game{border-radius:16px}}@media(max-height:700px){.hud{padding:9px 13px;min-height:53px}.controls{padding:7px}.controls button{min-height:40px}.panel{padding:17px}.panel h1{font-size:28px}.panel p{margin:7px 0}.tools{padding-bottom:2px}.instructions{margin-top:11px;padding-top:8px}}