html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#02030a;color:#fff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}button,select,input{font:inherit}.app{width:100%;height:100%;position:relative}.scene{position:absolute;inset:0}.hud{position:absolute;top:20px;left:20px;pointer-events:none}.hud .time{display:flex;flex-direction:column;gap:4px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#0a0c14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#8e95a8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.timeline{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(1200px,calc(100% - 40px));box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0a0c14db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.timeline__range{flex:1;min-width:80px}.timeline__value{min-width:54px;color:#aeb4c3;text-align:right;font-variant-numeric:tabular-nums}.timeline button,.timeline select{border:0;border-radius:7px;padding:7px 11px;background:#f3f4f6;color:#111827;cursor:pointer}.timeline button:hover,.timeline select:hover{background:#fff}@media(max-width:600px){.timeline{flex-wrap:wrap}.timeline__range{order:10;flex-basis:100%}}