:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#080a0b;color:#eeece7}*{box-sizing:border-box}body{margin:0;min-height:100svh}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid transparent;background:transparent;min-height:44px;padding:0 18px;border-radius:24px;transition:background .2s,color .2s,scale .2s}button:hover{background:#ffffff0a}button:active{scale:.96}button:focus-visible,a:focus-visible{outline:1px solid #d5b79a;outline-offset:4px}header{position:absolute;top:0;left:0;right:0;padding:38px 48px;z-index:2;display:flex;align-items:center;justify-content:space-between}.brand{font-size:30px;font-weight:500;text-decoration:none;color:inherit;letter-spacing:-1.1px;line-height:1}.brand span{display:block;font-size:11px;letter-spacing:0;color:#899598;margin-top:9px}#sound{font-size:12px;border-color:#ffffff20}#sound[aria-pressed=true]{color:#e5c3a0;border-color:#e5c3a060}main{height:calc(100svh - 164px);min-height:460px;position:relative}dust-orb{height:100%;width:100%;display:block}.caption{position:absolute;bottom:6px;width:100%;text-align:center;font-size:12px;letter-spacing:.015em;color:#a6a9a7;pointer-events:none}footer{text-align:center;position:relative;padding:10px 20px 22px;z-index:2}.states{display:inline-flex;gap:3px;padding:4px;border:1px solid #ffffff17;border-radius:30px;background:#11131590;backdrop-filter:blur(10px)}.states button{font-size:13px;color:#8e989b;min-width:75px}.states button[aria-pressed=true]{background:#d8c6b4;color:#181513}.tools{display:flex;justify-content:center;margin-top:9px;gap:6px;font-size:11px;color:#a1a8a8}.hint{font-size:10px;margin:8px 0 0;color:#889398}#settings{position:absolute;bottom:175px;right:38px;z-index:4;width:270px;background:#111619f0;backdrop-filter:blur(18px);padding:24px;border:1px solid #ffffff20;border-radius:16px;font-size:12px}#settings[hidden]{display:none}#settings label{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 20px}input{width:125px;accent-color:#d8c6b4}select{background:#1b2225;border:1px solid #ffffff20;border-radius:6px;padding:8px;font-size:12px}#stats{font-size:10px;line-height:1.6;color:#9aa7ab;margin:0}@media(max-width:600px){header{padding:26px 24px}.brand{font-size:26px}main{height:calc(100svh - 180px);min-height:400px}.states{gap:0;width:min(100%,370px)}.states button{flex:1;min-width:0;padding:0 12px;font-size:12px}footer{padding-inline:12px}#settings{right:18px;bottom:180px}}@media(prefers-reduced-motion:reduce){button{transition:none}}