*{box-sizing:border-box}body{margin:0;background:#030711;color:#eef3ff;font:14px/1.5 system-ui,sans-serif;overflow:hidden}#container{position:fixed;inset:0;touch-action:none}canvas{display:block}header{position:fixed;top:24px;left:28px;max-width:560px;padding:20px 24px;background:linear-gradient(120deg,#080f22ed,#080f2260);border:1px solid #aec9ff29;border-radius:18px;backdrop-filter:blur(8px)}h1{margin:2px 0;font:500 40px/1.1 Georgia,serif;letter-spacing:-1px}h1 span{display:block;font:400 13px/2 system-ui;letter-spacing:3px;text-transform:uppercase;color:#a6bcde}p{margin:8px 0}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#acbfda}.toolbar,nav,.touch{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}button,select{font:inherit;color:#deebff;border:1px solid #a9c5f54d;background:#12213bce;border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#335279;border-color:#93c5fd}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #f6c87e;outline-offset:3px}label{display:flex;align-items:center;gap:6px;color:#adc3e4}select{padding:8px}#help{max-width:490px;color:#bfd0e8;font-size:13px}footer{position:fixed;bottom:20px;left:28px;right:28px;pointer-events:none}footer>*{pointer-events:auto;width:fit-content}footer nav{padding:10px;background:#061022c9;border:1px solid #aec9ff29;border-radius:15px;backdrop-filter:blur(8px)}.position{display:flex;flex-direction:column;padding:8px 15px;border-left:2px solid #eec68a;background:#06102280}.position strong{font:22px Georgia,serif}.credits{font-size:11px;color:#a6b4cd;background:#061022b0;padding:4px 8px;border-radius:5px}a{color:#a7cffa}.touch button{font-size:12px;padding:8px 12px}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:24px;background:#10223b;border-radius:14px}[hidden]{display:none!important}@media(max-width:650px){header{top:12px;left:12px;right:12px;padding:12px 16px}h1{font-size:29px}header>p:not(.eyebrow){display:none}.toolbar{gap:5px;margin-top:8px}button,select{font-size:12px;padding:8px}footer{left:12px;right:12px;bottom:12px}nav{gap:5px}.position strong{font-size:18px}.credits{font-size:9px}#help{font-size:12px}}
