@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg:#07090d;--panel:#0e1218;--glass:rgba(16,21,28,.72);--line:rgba(255,255,255,.08);--txt:#e3e8ef;--dim:#8693a5;--acc:#ffb347;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--txt);font:13px/1.45 Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;overflow:hidden}button,select{font:inherit;color:inherit;background:#ffffff0a;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}button:active{transform:scale(.97)}button:hover{background:#ffffff14;border-color:#fff3}button.on{background:#ffb3471f;border-color:var(--acc);box-shadow:0 0 0 1px #ffb34740,0 0 18px #ffb3471f}.app{display:grid;grid-template-columns:290px 1fr;height:100%}.left{background:linear-gradient(180deg,#0f141b,#0a0d12);border-right:1px solid var(--line);padding:16px;overflow-y:auto}.left h1{margin:0 0 12px;font-size:18px;font-weight:650;letter-spacing:-.01em}.left h2{margin:16px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--dim)}.engines{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.engines button{display:flex;flex-direction:column;align-items:flex-start;padding:8px 9px;border-radius:10px;background:#ffffff08}.engines button b{font-size:13px}.engines button span{font-size:10px;color:var(--dim);line-height:1.2}.boost{display:flex;flex-direction:column;gap:4px}.boost label{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.boost label:hover{border-color:#fff3}.boost label.on{border-color:var(--acc);background:#ffb34714}.boost i{margin-left:auto;font-style:normal;font-size:10px;padding:1px 6px;border-radius:9px;background:#1f3a2a;color:#7fd69a}.boost i.especial{background:#3d2f17;color:var(--acc)}.note{color:var(--dim);font-size:12px;margin:8px 0 0}.seg{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.checks{display:flex;flex-direction:column;gap:4px}.checks label{display:flex;gap:7px;align-items:center}select{width:100%}.stage{display:grid;grid-template-rows:1fr auto;min-width:0;height:100%}.views{display:grid;min-height:0}.views.n2{grid-template-columns:1fr 1fr;gap:2px}.view{position:relative;min-width:0;min-height:0;outline:1px solid transparent}.view.active{outline-color:#2d3a4c;outline-offset:-1px}.vtitle{position:absolute;top:10px;left:14px;font-weight:600;font-size:14px;pointer-events:none;text-shadow:0 1px 4px #000}.info{position:absolute;top:40px;left:12px;width:330px;max-height:calc(100% - 120px);overflow:auto;background:var(--glass);border:1px solid var(--line);border-radius:14px;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 12px 40px #00000073}.info.closed{width:auto}.info,.legend{z-index:50}.info .toggle{width:100%;text-align:left;border:0;background:transparent;font-weight:600}.info .body{padding:0 12px 10px}.info p{margin:6px 0;font-size:12px;color:#b7c0cc}.info dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0;font-size:12px}.info dt{color:var(--dim)}.info dd{margin:0}.info ul{margin:4px 0;padding-left:16px;font-size:12px;color:#b7c0cc}.info .picked{border-top:1px solid var(--line);margin-top:8px;padding-top:6px}.info .picked b{color:#ffe14d}.info .hint{color:var(--dim);font-size:11px}.info .warn{color:var(--acc)}.legend{position:absolute;right:12px;top:10px;display:flex;flex-direction:column;gap:3px;font-size:11px;background:var(--glass);padding:10px 12px;border-radius:14px;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0006;pointer-events:none}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:14px;height:8px;border-radius:2px;display:inline-block}.legend i.dot{width:8px;border-radius:50%;margin:0 3px}.bottom{background:linear-gradient(180deg,#0e1218eb,#090c10fa);border-top:1px solid var(--line);padding:12px 18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom .row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.transport{display:flex;gap:4px}.transport .play{width:46px;background:#2a3445}.slider{display:flex;flex-direction:column;font-size:11px;color:var(--dim);min-width:170px}.slider b{color:var(--txt)}.speed{font-size:12px;color:#7fd69a;display:flex;flex-direction:column}.speed.slowed{color:var(--acc)}.speed small{color:var(--dim)}.angle{margin-left:auto;text-align:right}.angle b{font-size:30px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.angle small{display:block;color:var(--dim);font-size:10px}.cycle{margin-top:8px}.cycle .bar{position:relative;height:10px;border-radius:5px;overflow:visible;display:flex}.cycle .bar span{flex:1;opacity:.85}.cycle .bar span:first-child{border-radius:5px 0 0 5px}.cycle .bar span:nth-child(4){border-radius:0 5px 5px 0}.cycle .bar u{position:absolute;top:-4px;width:2px;height:18px;background:#fff;box-shadow:0 0 6px #fff}.cycle .bar em{position:absolute;top:-17px;transform:translate(-50%);font-size:10px;font-style:normal;color:var(--acc)}.cycle input{width:100%;margin:4px 0 0}.ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--dim)}.follow{margin-top:6px;font-size:12px;color:var(--dim);min-height:18px}.cyl-tag{background:#10151ccc;border:1px solid #3a4757;color:#fff;border-radius:10px;padding:0 7px;font-size:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.cyl-tag.on{background:#ffe14d;color:#000;border-color:#ffe14d}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff1f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--acc);box-shadow:0 0 10px #ffb34780;cursor:pointer}.left::-webkit-scrollbar,.info::-webkit-scrollbar{width:8px}.left::-webkit-scrollbar-thumb,.info::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sound{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim)}.sound input[type=range]{width:80px}.sound .check{display:flex;align-items:center;gap:5px;cursor:pointer}.sound small{color:var(--dim);font-size:10px;max-width:110px;line-height:1.2}.left .head{display:flex;align-items:center;justify-content:space-between}.left .head h1{margin-bottom:12px}.left .close,.strip,.scrim{display:none}@media (max-width: 760px){html,body,#root{height:100dvh}body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,select,label,input{touch-action:manipulation}button{min-height:40px}.app{grid-template-columns:1fr;height:100dvh}.stage{grid-template-rows:1fr auto auto}.views.n2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.view canvas{touch-action:none}.vtitle{top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;font-size:13px}.left{position:fixed;z-index:100;left:0;right:0;bottom:0;max-height:82dvh;border-right:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:6px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px #0009;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.left:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#fff3;margin:4px auto 8px}.app.menu .left{transform:none}.left .head{position:sticky;top:-6px;z-index:1;background:#0f141b;margin:0 -16px;padding:0 16px}.left .head h1{margin:6px 0}.left .close{display:block;width:40px;padding:0;font-size:16px}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s}.app.menu .scrim{opacity:1;pointer-events:auto}.engines{grid-template-columns:repeat(4,1fr)}.seg button{flex:1 0 auto}.boost label{padding:10px 12px}.checks label{min-height:34px}select{min-height:40px}.info{top:calc(36px + env(safe-area-inset-top));left:8px;right:8px;width:auto;max-height:calc(100% - 52px)}.info.closed{right:auto}.info .toggle{min-height:36px}.strip{display:flex;gap:6px;overflow-x:auto;padding:8px 10px;scrollbar-width:none;background:#090c10f5;border-top:1px solid var(--line);scroll-snap-type:x proximity}.strip::-webkit-scrollbar{display:none}.strip button{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 8px;min-width:58px;scroll-snap-align:center}.strip button svg{width:34px;height:22px}.strip button b{font-size:11px}.strip .menu-btn{position:sticky;left:0;z-index:1;min-width:48px;font-size:20px;background:#1b2330;border-color:#ffb34780}.bottom{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.bottom .row{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;align-items:center}.transport{grid-column:1 / 2}.transport button{flex:1;padding:6px 0;min-width:0}.transport .play{width:auto;flex:1.4}.angle{grid-column:2 / 3;grid-row:1;margin-left:0;display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.angle b{font-size:24px}.angle small{display:inline}.slider{min-width:0}.slider input,.cycle input{width:100%;margin:11px 0}.sound{grid-column:1 / 2;flex-wrap:wrap}.sound:has(button.on){grid-column:1 / -1}.sound small{max-width:none}.speed{grid-column:2 / 3;font-size:11px;line-height:1.25;text-align:right}.speed small{display:none}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}.cycle{margin-top:2px}.follow{font-size:11px;min-height:0;margin-top:2px}.follow:not(:has(b)){display:none}}
