*{box-sizing:border-box}html,body{color:#e8eefb;overscroll-behavior:none;background:#05070e;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{display:block}.status{color:#8fa8c8;letter-spacing:.02em;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.hud{pointer-events:none;position:absolute;top:18px;left:20px}.title{letter-spacing:.06em;font-size:22px;font-weight:700}.sub{color:#7fb2ff;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:12px}.clock{pointer-events:none;position:absolute;bottom:18px;left:20px}.clock .time{font:600 20px/1.1 ui-monospace,Consolas,monospace}.clock .meta{color:#8fa8c8;gap:14px;margin-top:6px;font-size:12px;display:flex}.clock .meta b{color:#e8eefb;font-weight:600}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a101ed1;border:1px solid #78a0dc2e;border-radius:12px;width:274px;max-height:calc(100% - 32px);padding:14px;font-size:12px;position:absolute;top:16px;right:16px;overflow-y:auto}.panel .row{gap:8px;margin-bottom:12px;display:flex}.panel button{cursor:pointer;color:#dce8fa;background:#78a0dc1f;border:1px solid #78a0dc38;border-radius:7px;flex:1;padding:8px 10px;font-family:inherit;font-size:12px}.panel button:hover{background:#78a0dc38}.panel button.primary{color:#fff;background:#2563a8;border-color:#2f7fd4;font-weight:600}.panel button.primary:hover{background:#2f7fd4}.panel label{color:#9fb4d0;margin:11px 0;display:block}.panel label.tight{margin:7px 0}.panel input[type=range]{accent-color:#4a9eff;width:100%;margin:5px 0 0}.panel .val{float:right;color:#e8eefb;font:500 11px/1 ui-monospace,monospace}.field{margin:12px 0}.lbl{color:#9fb4d0;margin-bottom:6px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{flex:none!important;padding:5px 9px!important;font-size:11px!important}.chip.on{color:#fff!important;background:#2563a8!important;border-color:#2f7fd4!important}.toggle{width:100%;margin-top:8px;text-align:left!important}.adv{border-top:1px solid #78a0dc29;margin-top:8px;padding-top:10px}.check{cursor:pointer;align-items:center;gap:8px;display:flex!important}.check input{accent-color:#4a9eff}.presets{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.legend{pointer-events:none;width:150px;position:absolute;bottom:18px;right:20px}.legend .ramp{background:linear-gradient(90deg,#ffd65c,#ffa030,#ec3e4a,#963ca8,#3a6cc8);border-radius:4px;height:8px;margin:5px 0 3px}.legend .ends{color:#7f92ad;justify-content:space-between;font-size:10px;display:flex}.legend .lbl{letter-spacing:.08em;text-transform:uppercase;font-size:10px}@media (max-width:720px){.panel{width:auto;max-height:46%;inset:auto 12px 12px}.clock{top:56px;bottom:auto;left:16px}.legend{display:none}}