:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:#12141a;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block}#hud{color:#d7d9e3;pointer-events:none;background:#0a0b0fc7;border-radius:6px;max-width:min(520px,100vw - 24px);padding:10px 14px;font:13px/1.5 ui-monospace,Consolas,monospace;position:fixed;top:12px;left:12px}#hud b{color:#c084fc}#bubble{color:#1b1725;pointer-events:none;background:#fcfbfff5;border-radius:12px;max-width:320px;padding:12px 16px;font:15px/1.45 system-ui,Segoe UI,Roboto,sans-serif;position:fixed;transform:translate(-50%,-100%);box-shadow:0 12px 28px #00000073}#bubble:after{content:"";border:9px solid #0000;border-top-color:#fcfbfff5;border-bottom:0;margin-left:-9px;position:absolute;bottom:-9px;left:50%}#bubble p{margin:0}#bubble .hint{color:#6b6375;margin-top:8px;font-size:12px;display:block}.stick{pointer-events:none;touch-action:none;background:#ffffff1a;border:2px solid #ffffff59;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:fixed}.stick-knob{background:#fff9;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;box-shadow:0 2px 10px #0006}#hud.compact{background:#0a0b0fb3;max-width:calc(100vw - 16px);padding:6px 9px;font-size:10px;line-height:1.45;top:8px;left:8px}.overlay{box-sizing:border-box;z-index:10;background:radial-gradient(120% 90% at 50% 0,#0f5c466b,#0000 70%),#080a0cb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.screen{box-sizing:border-box;text-align:center;color:#efeadf;background:#0e1112ed;border:1px solid #b08d5780;border-radius:14px;width:min(480px,100%);max-height:100%;padding:28px 26px 26px;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.screen[hidden]{display:none}.screen h1,.screen h2{letter-spacing:-.3px;color:#f1ece0;margin:0 0 6px;font-weight:600}.screen h1{font-size:34px}.screen h2{margin-bottom:18px;font-size:24px}.screen .subtitle{color:#b08d57;margin:0 0 26px;font-size:15px}.screen .prose{text-align:left;color:#cfc9bd;margin-bottom:22px;font-size:15px;line-height:1.6}.screen .prose p{margin:0 0 12px}.screen .error{color:#e88b7a;margin:0 0 14px;font-size:14px}.screen .big{color:#f1ece0;cursor:pointer;background:#0f5c46;border:0;border-radius:10px;width:100%;margin-top:12px;padding:16px 18px;font:600 17px/1 system-ui,Segoe UI,Roboto,sans-serif;transition:background .15s,transform 80ms;display:block}.screen .big:hover{background:#14735a}.screen .big:active{transform:translateY(1px)}.screen .big:focus-visible{outline-offset:2px;outline:2px solid #b08d57}.screen .big.ghost{color:#d8c6a6;background:0 0;border:1px solid #b08d578c}.screen .big.ghost:hover{background:#b08d5724}.screen input[type=text]{box-sizing:border-box;color:#f1ece0;background:#ffffff0f;border:1px solid #b08d5780;border-radius:10px;width:100%;margin-bottom:14px;padding:15px 16px;font:17px/1 system-ui,Segoe UI,Roboto,sans-serif}.screen input[type=text]:focus{outline-offset:1px;outline:2px solid #b08d57}#menu-button{z-index:9;color:#e8dcc4;background:#0e1112d1;border:1px solid #b08d578c;border-radius:9px;padding:11px 16px;font:600 14px/1 system-ui,Segoe UI,Roboto,sans-serif;position:fixed;top:10px;right:10px}#menu-button[hidden]{display:none}