:root{color:#181715;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f0e8;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}canvas{pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:3;color:#171513;align-items:center;gap:12px;position:fixed;display:none!important}.hud-top{pointer-events:none;justify-content:space-between;top:18px;left:18px;right:18px}.kicker{color:#6b655f;text-overflow:ellipsis;white-space:nowrap;max-width:min(66vw,560px);font-size:12px;line-height:1.4;overflow:hidden}.status{color:#171513;margin-top:2px;font-size:18px;font-weight:700;line-height:1.2}.metrics{color:#4a4038;text-align:right;white-space:nowrap;background:#fffcf5c7;border:1px solid #1815131f;border-radius:8px;min-width:132px;padding:8px 10px;font-size:12px;line-height:1.2;box-shadow:0 10px 24px #46372a1a}.hud-bottom{background:#fffcf5db;border:1px solid #18151324;border-radius:8px;max-width:calc(100vw - 24px);padding:8px;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #352b222e}.icon-button,.segment{color:#1b1815;height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;transition:background .16s,border-color .16s,color .16s,transform .16s}.icon-button{place-items:center;width:38px;display:inline-grid}.icon-button:hover,.segment:hover{background:#1c89781a;border-color:#167e703d}.icon-button:active,.segment:active{transform:translateY(1px)}.icon-button svg,.speed svg{stroke-width:2px;width:18px;height:18px}.segments{background:#1f1b1712;border-radius:8px;grid-template-columns:repeat(3,minmax(58px,1fr));gap:4px;padding:3px;display:grid}.segment{white-space:nowrap;min-width:58px;padding:0 12px;font-size:13px;font-weight:700}.segment.active{color:#fffaf1;background:#167e70}.speed{color:#625a52;border-left:1px solid #1815131f;grid-template-columns:22px 1fr;align-items:center;gap:8px;width:152px;height:38px;padding:0 10px;display:grid}input[type=range]{accent-color:#d35a3d;width:100%}.loader{z-index:4;width:min(380px,100vw - 44px);transition:opacity .22s,transform .22s,visibility .22s;position:fixed;bottom:78px;left:50%;transform:translate(-50%);display:none!important}.loader.hidden{opacity:0;visibility:hidden;transform:translate(-50%)translateY(8px)}.loader.error .loader-bar{background:#d35a3d2e}.loader-bar{background:#1815131f;border-radius:999px;height:5px;overflow:hidden}.loader-bar span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#167e70,#d35a3d);width:100%;height:100%;transition:transform .16s;display:block;transform:scaleX(.04)}@media (width<=720px){.hud-top{align-items:flex-start;top:12px;left:12px;right:12px}.status{font-size:16px}.metrics{min-width:96px;font-size:11px}.hud-bottom{grid-template-columns:38px 38px 1fr;gap:8px;width:calc(100vw - 24px);display:grid;bottom:12px}.segments{grid-area:2/1/auto/-1}.speed{border-left:0;width:auto;padding-right:2px}.loader{bottom:112px}}