.hud{pointer-events:none;color:#e9ecf3;font:13px/1.4 system-ui,sans-serif;position:fixed;inset:0}.hud button,.hud input,.hud select{font:inherit}.hud-top,.hud-panel{pointer-events:auto;background:#161b28e6;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 6px 24px #00000040}.hud-top{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:7px 12px;display:flex;position:absolute;top:10px;left:10px;right:10px}.hud-clock{font-variant-numeric:tabular-nums;color:#aab4c8}.hud-speeds{gap:4px;display:flex}.hud button{color:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;padding:4px 10px}.hud button:hover{background:#ffffff24}.hud button.on{color:#161b28;background:#ffd23f;border-color:#ffd23f}.hud-toggle{margin-left:auto}.hud-panel{padding:10px 12px 12px;position:absolute;overflow:hidden auto}.hud-left{box-sizing:border-box;width:262px;max-height:calc(100% - 72px);top:60px;left:10px}.hud-right{box-sizing:border-box;width:262px;max-height:40%;bottom:10px;right:10px}.hud-orders{box-sizing:border-box;width:300px;max-height:calc(60% - 82px);top:60px;right:10px}.hud h2{letter-spacing:.08em;text-transform:uppercase;color:#9fb0cc;align-items:center;gap:7px;margin:12px 0 7px;font-size:11px;font-weight:700;display:flex}.hud h2:first-child{margin-top:0}.hud-right h2{letter-spacing:0;text-transform:none;color:#fff;font-size:14px}.hud-figures{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hud-figures-two{grid-template-columns:repeat(2,1fr)}.hud-figure{background:#ffffff0f;border-radius:7px;flex-direction:column;padding:6px 7px;display:flex}.hud-figure-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.hud-figure-label,.hud-figure-note{color:#aab4c8;font-size:11px}.hud-status{color:#8be3a6;background:#2fbf5b33;border-radius:6px;margin:8px 0 2px;padding:4px 8px}.hud-status-held{color:#ffcf70;background:#f2a92238}.hud-lost,.hud-hint{color:#aab4c8;margin:4px 0 0;font-size:12px}.hud-parts{border-collapse:collapse;width:100%}.hud-parts th{text-align:left;color:#aab4c8;padding-bottom:3px;font-size:11px;font-weight:400}.hud-parts td{white-space:nowrap;padding:2px 6px 2px 0}.hud-bar{background:#ffffff1f;border-radius:4px;width:46px;height:8px;display:block;overflow:hidden}.hud-bar-fill{background:#5fb0ff;height:100%;display:block}.hud-bar-low{background:#f2a922}.hud-slider{margin-top:8px;display:block}.hud-slider span{justify-content:space-between;display:flex}.hud-slider input{accent-color:#ffd23f;width:100%;margin:2px 0 0}.hud-right ul{margin:0;padding-left:18px}.hud-order{gap:6px;margin:10px 0 8px;display:flex}.hud-order select,.hud-order input{min-width:0;color:inherit;background:#1d2433;border:1px solid #ffffff2e;border-radius:6px;padding:4px 6px}.hud-order select{flex:1}.hud-order input{width:52px}.hud-order-list td{font-variant-numeric:tabular-nums}.hud-order-yours td:first-child{color:#ffd23f}.hud-late{color:#ff8a80;font-weight:700}.hud-swatch{border:1px solid #fff6;border-radius:3px;width:12px;height:12px}.hud-actions{gap:6px;margin-top:10px;display:flex}html,body,#root{height:100%;margin:0}body{background:#cfd6e2}