*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#06121f;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;user-select:none;-webkit-user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.toolbar{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#0a1624d9;border:1px solid rgba(120,180,255,.25);border-radius:12px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}.toolbar button{min-width:44px;height:48px;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#cfe3ff;font-size:11px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.toolbar button .icon{font-size:18px;line-height:1}.toolbar button:hover{background:#78b4ff1f}.toolbar button.active{background:#468cff47;border-color:#78b4ff8c;color:#fff}.topbar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:flex-start;pointer-events:none}.topbar .group{display:flex;gap:4px;padding:6px;background:#0a1624d9;border:1px solid rgba(120,180,255,.25);border-radius:10px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar button,.topbar select{height:32px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#cfe3ff;font-size:12px;cursor:pointer}.topbar select{background:#0a1624e6}.topbar button:hover{background:#78b4ff1f}.topbar button.active{background:#468cff47;border-color:#78b4ff8c;color:#fff}.spacer{flex:1}.settings{position:absolute;top:60px;right:12px;width:260px;max-height:calc(100vh - 160px);overflow-y:auto;padding:12px;background:#0a1624eb;border:1px solid rgba(120,180,255,.25);border-radius:12px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cfe3ff;font-size:12px;display:none}.settings.open{display:block}.settings h3{font-size:13px;margin-bottom:8px;color:#fff}.settings .row{margin-bottom:10px}.settings .row label{display:flex;justify-content:space-between;margin-bottom:3px}.settings .row input[type=range]{width:100%}.settings .row .val{color:#8fb8ea;font-variant-numeric:tabular-nums}.settings .check{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hint{position:absolute;bottom:132px;left:50%;transform:translate(-50%);color:#cfe3ffbf;font-size:12px;background:#0a162499;padding:4px 12px;border-radius:8px;pointer-events:none;white-space:nowrap}