@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/fly_mario_fly/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/fly_mario_fly/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/fly_mario_fly/assets/pixelify-sans-latin-400-normal-DLrIX9QE.woff2)format("woff2"),url(/fly_mario_fly/assets/pixelify-sans-latin-400-normal-JapMNN6Z.woff)format("woff")}@font-face{font-family:Pixelify Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/fly_mario_fly/assets/pixelify-sans-latin-600-normal-Dd_Dy7u5.woff2)format("woff2"),url(/fly_mario_fly/assets/pixelify-sans-latin-600-normal-BNlgYbDL.woff)format("woff")}:root{--px:clamp(.9px, calc(100vw / 1440), 1.78px);--sky:#5c94fc;--gold:#f8b800;--amber:#503000;--brick:#c84c0c;--panel:#101010;--card:#202020;--line:#fcfcfc;--dim:#9a9a9a;--green:#80d010;--red:#f85a40;--teal:#30d0c0;--orange:#f8a010;--head:calc(86 * var(--px));--pix:"Press Start 2P", monospace}*{box-sizing:border-box;border-radius:0!important}html,body{color:#fff;background:#000;height:100%;margin:0;overflow:hidden}body{font-family:Pixelify Sans,monospace;font-size:calc(16 * var(--px));line-height:1.25}#root{flex-direction:column;height:100%;display:flex}button,input,select{font:inherit;color:inherit}a{color:var(--gold)}p{margin:0}.muted{color:var(--dim)}.row{gap:calc(12 * var(--px));flex-wrap:wrap;align-items:center;display:flex}.spread{justify-content:space-between}.grow{flex:1;min-width:0}.ok{color:var(--green)}.bad{color:var(--red)}.pix{font-family:var(--pix)}.app-header{background:var(--sky);height:calc(70 * var(--px));padding:0 calc(32 * var(--px));align-items:center;gap:calc(16 * var(--px));color:#000;display:flex}.logo{width:calc(34 * var(--px));height:calc(34 * var(--px));background:var(--gold);border:calc(4 * var(--px)) solid #000;box-shadow:inset calc(-5 * var(--px)) calc(-5 * var(--px)) 0 var(--brick);flex:none}.brand{font-family:var(--pix);font-size:calc(11 * var(--px));color:#fff;text-shadow:calc(2 * var(--px)) calc(2 * var(--px)) 0 #000;text-decoration:none}.subtitle{font-size:calc(17 * var(--px));color:#0a0a20;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.app-header nav{gap:calc(8 * var(--px));flex:none;margin-left:auto;display:flex}.tab{font-family:var(--pix);font-size:calc(8 * var(--px));color:#fff;border:calc(3 * var(--px)) solid var(--line);height:calc(36 * var(--px));padding:0 calc(14 * var(--px));align-items:center;gap:calc(6 * var(--px));white-space:nowrap;background:#000;text-decoration:none;display:flex}.tab.active{background:var(--gold);color:#000;box-shadow:calc(3 * var(--px)) calc(3 * var(--px)) 0 #6a6a6a}.tab.off{opacity:.45;pointer-events:none}.bricks{height:calc(16 * var(--px));background-color:#000;background-size:calc(26 * var(--px)) calc(16 * var(--px));background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='16' shape-rendering='crispEdges'><g fill='%23c84c0c'><rect x='2' y='2' width='22' height='6'/><rect x='15' y='10' width='22' height='6'/><rect x='-11' y='10' width='22' height='6'/></g></svg>");background-repeat:repeat-x}.app-header,.bricks{flex:none}main{min-height:0;padding:calc(16 * var(--px)) calc(32 * var(--px)) calc(16 * var(--px));flex-direction:column;flex:1;display:flex;overflow:hidden}main>*{flex:1;min-height:0}.scene>aside,.fly>aside,.moment>aside,.evo-left,.evo-right{scrollbar-color:#555 #000;min-height:0;overflow-y:auto}h1,h2,h3{margin:0;font-weight:400}.title{font-family:var(--pix);font-size:calc(14 * var(--px));text-shadow:calc(-1 * var(--px)) calc(3 * var(--px)) 0 var(--brick);margin:0;line-height:1.4}.lead{color:#b8b8b8;margin-top:calc(10 * var(--px));font-size:calc(16 * var(--px))}.label{font-family:var(--pix);font-size:calc(8 * var(--px));color:var(--gold);margin:0 0 calc(14 * var(--px));line-height:1.4}.box{border:calc(4 * var(--px)) solid var(--line);background:var(--panel);padding:calc(18 * var(--px))}.btn{font-family:var(--pix);font-size:calc(8 * var(--px));color:#fff;border:calc(3 * var(--px)) solid var(--line);box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #555;padding:calc(12 * var(--px)) calc(14 * var(--px));cursor:pointer;white-space:nowrap;min-height:calc(34 * var(--px));background:#000}.btn:hover:not(:disabled){background:#222}.btn:disabled{opacity:.4;cursor:default}.btn.gold{background:var(--gold);color:#000;border-color:var(--gold);box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #6a6a6a}.btn.gold:hover:not(:disabled){background:#ffd040}.btn.big{font-size:calc(11 * var(--px));padding:calc(16 * var(--px)) calc(20 * var(--px))}.btn.sm{font-size:calc(7 * var(--px));padding:calc(7 * var(--px)) calc(10 * var(--px));border-width:calc(2 * var(--px));min-height:0;box-shadow:calc(3 * var(--px)) calc(3 * var(--px)) 0 #555}.chip{font-family:var(--pix);font-size:calc(7 * var(--px));color:#fff;border:calc(2 * var(--px)) solid #8a8a8a;box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #3a3a3a;padding:calc(9 * var(--px)) calc(11 * var(--px));cursor:pointer;white-space:nowrap;background:#000}.chip.on{background:var(--amber);border-color:var(--gold);color:#fff}.chip.test{font-size:calc(8 * var(--px));border-color:var(--line);border-width:calc(3 * var(--px));padding:calc(10 * var(--px)) calc(12 * var(--px));box-shadow:calc(3 * var(--px)) calc(3 * var(--px)) 0 #666}.chip.test.on{background:var(--gold);color:#000;border-color:var(--gold)}.chip:disabled{opacity:.4;cursor:default}select{border:calc(3 * var(--px)) solid var(--line);padding:calc(8 * var(--px)) calc(10 * var(--px));font-size:calc(16 * var(--px));background:#000}input[type=text]{border:calc(3 * var(--px)) solid var(--line);padding:calc(8 * var(--px)) calc(10 * var(--px));font-size:calc(16 * var(--px));background:#000;min-width:0}.check{align-items:center;gap:calc(12 * var(--px));cursor:pointer;display:inline-flex}.check input{appearance:none;width:calc(22 * var(--px));height:calc(22 * var(--px));border:calc(2 * var(--px)) solid #000;cursor:pointer;background:#fff;flex:none;place-content:center;margin:0;display:grid}.check input:checked{background:var(--gold)}.check input:checked:after{content:"";width:calc(11 * var(--px));height:calc(6 * var(--px));border-left:calc(3 * var(--px)) solid #000;border-bottom:calc(3 * var(--px)) solid #000;transform:translateY(calc(-2 * var(--px))) rotate(-45deg)}.check input:disabled{opacity:.4;cursor:default}.radio{align-items:center;gap:calc(12 * var(--px));cursor:pointer;font-size:calc(15 * var(--px));display:flex}.radio input{appearance:none;width:calc(14 * var(--px));height:calc(14 * var(--px));border:calc(2 * var(--px)) solid #fff;cursor:pointer;background:#fff;flex:none;margin:0;border-radius:50%!important}.radio input:checked{background:var(--gold);box-shadow:0 0 0 calc(2 * var(--px)) #000 inset}.radio input:disabled{opacity:.4;cursor:default}.radio:has(input:disabled){opacity:.4;cursor:default}.scene{grid-template-columns:minmax(0, 1fr) minmax(calc(500 * var(--px)), 44%);gap:calc(20 * var(--px));grid-template-rows:minmax(0,1fr);display:grid}.scene>section{flex-direction:column;min-height:0;display:flex}.scene-head{justify-content:space-between;align-items:center;gap:calc(16 * var(--px));margin-bottom:calc(18 * var(--px));flex-wrap:wrap;flex:none;display:flex}.filters{gap:calc(8 * var(--px));flex-wrap:wrap;display:flex}.level-grid{grid-template-columns:repeat(auto-fill, minmax(calc(210 * var(--px)), 1fr));gap:calc(12 * var(--px));min-height:0;padding:0 calc(8 * var(--px)) calc(8 * var(--px)) 0;scrollbar-color:#555 #000;flex:1;align-content:start;display:grid;overflow-y:auto}.level{text-align:left;border:calc(3 * var(--px)) solid var(--line);box-shadow:calc(5 * var(--px)) calc(5 * var(--px)) 0 #4a4a4a;padding:calc(10 * var(--px));cursor:pointer;background:#121212;display:block}.level:hover{background:#1c1c1c}.level.on{background:var(--amber);border-color:var(--gold)}.thumb{aspect-ratio:211/78;border:calc(3 * var(--px)) dashed #777;background:var(--card);width:100%;margin-bottom:calc(9 * var(--px));display:block;overflow:hidden}.thumb img{object-fit:cover;object-position:50% 78%;width:100%;height:100%;image-rendering:pixelated;display:block}.level-line{justify-content:space-between;align-items:baseline;gap:calc(8 * var(--px));display:flex}.level-id{font-family:var(--pix);font-size:calc(11 * var(--px));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.level-kind{color:#c8c8c8;font-size:calc(15 * var(--px));white-space:nowrap}.level-status{margin-top:calc(8 * var(--px));font-size:calc(15 * var(--px));color:#c8c8c8;min-height:1.25em}.caption{margin-top:calc(10 * var(--px));color:#c8c8c8;font-size:calc(15 * var(--px));flex:none}.side{gap:calc(20 * var(--px));flex-direction:column;min-width:0;display:flex}.strip-preview{border:calc(3 * var(--px)) dashed #777;background:var(--card);aspect-ratio:314/126;margin:calc(14 * var(--px)) 0 calc(14 * var(--px));position:relative;overflow:hidden}.strip-preview img{object-fit:cover;object-position:50% 78%;width:100%;height:100%;image-rendering:pixelated;display:block}.facts{color:#d8d8d8;font-size:calc(15 * var(--px));line-height:1.3}.facts-top{justify-content:space-between;gap:calc(12 * var(--px));align-items:baseline;display:flex}.facts-top .label{margin:0}.group{border:calc(3 * var(--px)) solid var(--line);padding:calc(14 * var(--px)) calc(14 * var(--px));margin-top:calc(14 * var(--px));gap:calc(10 * var(--px));flex-direction:column;display:flex}.group h3{font-size:calc(16 * var(--px));margin-bottom:calc(2 * var(--px));font-family:inherit}.group select{width:100%;margin-top:calc(4 * var(--px))}.scene-foot{padding-top:calc(10 * var(--px));gap:calc(8 * var(--px));background:#000;flex-direction:column;display:flex;position:sticky;bottom:0}.missing{color:var(--gold);font-size:calc(15 * var(--px));margin:0}.missing.ok{color:var(--green)}.foot{gap:calc(14 * var(--px));align-items:center;display:flex}.foot .gold{flex:1}.fly{grid-template-columns:minmax(0, 1fr) calc(320 * var(--px));gap:calc(24 * var(--px));grid-template-rows:minmax(0,1fr);display:grid}.fly>section{flex-direction:column;min-height:0;display:flex}.fly-head{justify-content:space-between;align-items:flex-start;gap:calc(16 * var(--px));margin-bottom:calc(18 * var(--px));flex:none;display:flex}.fly-head .preset{align-items:center;gap:calc(12 * var(--px));flex:none;display:flex}.object-tabs{gap:calc(8 * var(--px));margin-bottom:calc(10 * var(--px));display:flex}.sense-grid{min-height:calc(120 * var(--px));scrollbar-color:#555 #000;border:calc(4 * var(--px)) solid var(--line);background:var(--panel);flex:1;overflow-y:auto}.sg-head,.sg-row{grid-template-columns:minmax(calc(180 * var(--px)), 1fr) repeat(var(--cols), minmax(calc(110 * var(--px)), calc(150 * var(--px))));align-items:center;display:grid}.sg-head{z-index:1;background:var(--panel);border-bottom:calc(4 * var(--px)) solid var(--line);padding:calc(18 * var(--px)) calc(16 * var(--px)) calc(16 * var(--px));color:#bbb;position:sticky;top:0}.sg-col{min-width:0;padding:0 calc(4 * var(--px));text-align:center;align-items:center;gap:calc(4 * var(--px));color:#fff;flex-direction:column;display:flex}.sg-col b{font-size:calc(16 * var(--px))}.sg-col small{color:#aaa;font-size:calc(13 * var(--px));white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.swatch{width:calc(22 * var(--px));height:calc(14 * var(--px));border:calc(2 * var(--px)) solid var(--c);margin-bottom:calc(6 * var(--px));display:block}.swatch.dotted{border-style:dotted;border-width:calc(2 * var(--px))}.swatch.dashed{border-style:dashed}.sg-row{padding:calc(10 * var(--px)) calc(16 * var(--px));border-top:calc(1 * var(--px)) solid #333}.sg-row:first-of-type{border-top:0}.sg-thing{align-items:center;gap:calc(12 * var(--px));min-width:0;display:flex}.sprite{width:calc(64 * var(--px));height:calc(56 * var(--px));margin:calc(-4 * var(--px)) 0;flex:none;display:block}.sprite.frame{justify-content:center;align-items:center;display:flex}.sprite-img{image-rendering:pixelated;flex:none;max-width:none;display:block}.sprite.plain{font-family:var(--pix);font-size:calc(14 * var(--px));color:#000;background:var(--dim);place-items:center;display:grid}.sprite.plain.enemy{background:var(--red)}.sprite.plain.obstacle{background:var(--green)}.sprite.plain.pickup{background:var(--gold)}.sprite.plain.terrain{background:var(--teal)}.sg-thing b{font-weight:400;font-size:calc(17 * var(--px));display:block}.sg-thing small{color:#aaa;font-size:calc(14 * var(--px));display:block}.toggle{width:calc(52 * var(--px));height:calc(28 * var(--px));border:calc(2 * var(--px)) solid #777;box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #666;cursor:pointer;background:#000;justify-self:center;padding:0;display:block;position:relative}.toggle:after{content:"";top:calc(3 * var(--px));left:calc(3 * var(--px));width:calc(18 * var(--px));height:calc(18 * var(--px));background:#7a7a7a;position:absolute}.toggle.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 22%, #000)}.toggle.on:after{left:auto;right:calc(3 * var(--px));background:var(--c)}.cols2{max-height:calc(210 * var(--px));gap:calc(24 * var(--px));margin-top:calc(14 * var(--px));flex:none;grid-template-columns:1fr 1fr;display:grid}.cols2>.box{scrollbar-color:#555 #000;min-height:0;overflow-y:auto}.whole{gap:calc(14 * var(--px));flex-direction:column;display:flex}.whole-row{align-items:center;gap:calc(12 * var(--px));display:flex}.whole-row .dot{width:calc(14 * var(--px));height:calc(14 * var(--px));background:var(--c);flex:none}.whole-row .what{flex:1;min-width:0}.whole-row b{font-weight:400;font-size:calc(17 * var(--px));display:block}.whole-row small{color:#aaa;font-size:calc(14 * var(--px));display:block}.actions{gap:calc(12 * var(--px));flex-wrap:wrap;display:flex}.action{font-family:var(--pix);font-size:calc(7 * var(--px));text-align:left;color:#fff;border:calc(2 * var(--px)) solid var(--gold);box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #3a2400;padding:calc(10 * var(--px)) calc(14 * var(--px));min-width:calc(54 * var(--px));cursor:pointer;background:#5a3600;line-height:1.6}.action small{font-family:Pixelify Sans;font-size:calc(13 * var(--px));opacity:.85;margin-top:calc(4 * var(--px));display:block}.action.off{border:calc(2 * var(--px)) dashed #666;color:#888;box-shadow:none;background:#000}.legend{margin-top:calc(14 * var(--px));gap:calc(8 * var(--px));font-size:calc(15 * var(--px));flex-direction:column;display:flex}.legend i{width:calc(10 * var(--px));height:calc(10 * var(--px));margin-right:calc(8 * var(--px));display:inline-block}.brainmap{border:calc(3 * var(--px)) dashed #777;margin:calc(14 * var(--px)) 0;aspect-ratio:274/200;background:#050508;place-items:center;display:grid;overflow:hidden}.brainmap img{object-fit:contain;width:100%;height:100%;display:block}.this-fly{font-size:calc(17 * var(--px))}.adv-toggle{text-align:left;border:calc(2 * var(--px)) solid #666;color:#fff;width:100%;padding:calc(16 * var(--px));font-size:calc(17 * var(--px));cursor:pointer;margin-top:calc(18 * var(--px));background:#000;justify-content:space-between;display:flex}.fly-foot{gap:calc(14 * var(--px));margin-top:calc(18 * var(--px));align-items:stretch;display:flex}.fly-foot .gold{flex:1}.namebar{gap:calc(8 * var(--px));margin-top:calc(10 * var(--px));flex-wrap:wrap;align-items:center;display:flex}.err{color:var(--red);font-size:calc(15 * var(--px))}.dim-page{opacity:.28;pointer-events:none}.scrim{z-index:4;position:fixed;inset:0}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}.drawer{top:var(--head);z-index:5;background:var(--panel);border-right:calc(4 * var(--px)) solid var(--line);width:min(max(45vw,560px),100vw);padding:calc(24 * var(--px));flex-direction:column;min-height:0;animation:.18s ease-out drawer-in;display:flex;position:fixed;bottom:0;left:0}.drawer-top{justify-content:space-between;align-items:flex-start;gap:calc(12 * var(--px));display:flex}.drawer .x{width:calc(38 * var(--px));height:calc(38 * var(--px));border:calc(2 * var(--px)) solid #666;font-size:calc(20 * var(--px));cursor:pointer;background:#000;flex:none}.drawer p.lead{margin:calc(12 * var(--px)) 0 calc(16 * var(--px));font-size:calc(15 * var(--px))}.drawer-body{min-height:0;margin:0 calc(-6 * var(--px));padding:0 calc(6 * var(--px));scrollbar-color:#555 #000;flex:1;overflow-y:auto}.dkey{gap:calc(16 * var(--px));font-size:calc(13 * var(--px));margin-bottom:calc(14 * var(--px));flex-wrap:wrap;display:flex}.dkey i{width:calc(10 * var(--px));height:calc(10 * var(--px));margin-right:calc(6 * var(--px));display:inline-block}.dkey i.fly{background:var(--teal)}.dkey i.invented{background:var(--orange)}.dkey i.evo{border:calc(2 * var(--px)) solid var(--orange)}.dsec{border-top:calc(4 * var(--px)) solid var(--line);padding:calc(14 * var(--px)) 0 calc(6 * var(--px))}.dsec h3{font-family:var(--pix);font-size:calc(8 * var(--px));color:var(--gold);align-items:center;gap:calc(10 * var(--px));margin-bottom:calc(14 * var(--px));display:flex}.dsec h3 i{width:calc(12 * var(--px));height:calc(12 * var(--px));background:var(--c);display:inline-block}.knob{margin-bottom:calc(14 * var(--px))}.switch{gap:calc(4 * var(--px));display:flex}.switch button{padding:calc(6 * var(--px));border:calc(2 * var(--px)) solid currentColor;color:inherit;font:inherit;opacity:.6;cursor:pointer;background:0 0;flex:1}.switch button.on{opacity:1;background:var(--gold,#f8b800);color:#000}.knob-top{justify-content:space-between;align-items:center;gap:calc(8 * var(--px));flex-wrap:wrap;display:flex}.knob-name{align-items:center;gap:calc(8 * var(--px));font-size:calc(16 * var(--px));display:flex}.knob-name i{width:calc(8 * var(--px));height:calc(8 * var(--px));background:var(--k);flex:none}.knob-name i.evo{border:calc(2 * var(--px)) solid var(--k);background:0 0}.knob.fly{--k:var(--teal)}.knob.invented{--k:var(--orange)}.knob .changed{color:var(--gold);font-size:calc(14 * var(--px))}.reset{font-family:var(--pix);font-size:calc(6 * var(--px));color:var(--gold);border:0;border-right:calc(3 * var(--px)) solid #666;border-bottom:calc(3 * var(--px)) solid #666;padding:calc(5 * var(--px)) calc(8 * var(--px));cursor:pointer;background:0 0}.reset:disabled{opacity:.35;cursor:default}.ends{justify-content:space-between;gap:calc(12 * var(--px));color:#aaa;font-size:calc(14 * var(--px));margin-top:calc(2 * var(--px));display:flex}input[type=range]{appearance:none;width:100%;height:calc(20 * var(--px));margin:calc(6 * var(--px)) 0 0;--fill:50%;background:0 0;display:block}input[type=range]::-webkit-slider-runnable-track{height:calc(8 * var(--px));background:linear-gradient(90deg, var(--gold) var(--fill), #3a3a3a var(--fill));border-radius:calc(4 * var(--px))!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:calc(16 * var(--px));height:calc(16 * var(--px));background:var(--gold);border:calc(1 * var(--px)) solid #000;margin-top:calc(-4 * var(--px));border-radius:50%!important}input[type=range]::-moz-range-track{height:calc(8 * var(--px));background:#3a3a3a}input[type=range]::-moz-range-progress{height:calc(8 * var(--px));background:var(--gold)}input[type=range]::-moz-range-thumb{width:calc(16 * var(--px));height:calc(16 * var(--px));background:var(--gold);border:0;border-radius:50%!important}.drawer-foot{gap:calc(14 * var(--px));padding-top:calc(14 * var(--px));display:flex}.drawer-foot .gold{flex:1}.run{gap:calc(10 * var(--px));flex-direction:column;height:100%;display:flex}.run>.toolrow,.run>.banner{flex:none}.stage-wrap{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.stage{aspect-ratio:16/9;background:#060608;width:min(100cqw,177.778cqh);position:relative;overflow:hidden}.stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.stage .brain{object-fit:fill;width:46.6667%;height:100%;transition:opacity .15s;top:0;left:0}.stage .game{width:53.3333%;height:88.8889%;transition:left .2s;position:absolute;top:5.5556%;left:46.6667%}.stage .game>*{image-rendering:pixelated;position:absolute}.stage .game .pic{width:100%;height:100%;inset:0}.stage.nobrain .game{left:23.3333%}.stage.nobrain .brain{opacity:0}.stage .wait{color:#777;font-family:var(--pix);font-size:calc(9 * var(--px));place-items:center;display:grid;position:absolute;inset:0}.stage .game .ov{image-rendering:auto;width:100%;height:100%;inset:0}.stage.frozen{filter:saturate(.85)}.toolrow{align-items:center;gap:calc(28 * var(--px));padding:calc(2 * var(--px)) calc(4 * var(--px));flex-wrap:wrap;display:flex}.transport{align-items:center;gap:calc(14 * var(--px));display:flex}.tbtn{width:calc(44 * var(--px));height:calc(44 * var(--px));border:calc(3 * var(--px)) solid var(--line);box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #555;color:#fff;cursor:pointer;font-size:calc(13 * var(--px));background:#000;flex:none;place-items:center;padding:0;display:grid}.tbtn.play{width:calc(56 * var(--px));background:var(--gold);color:#000;border-color:var(--gold);box-shadow:calc(4 * var(--px)) calc(4 * var(--px)) 0 #6a6a6a}.tbtn:disabled{opacity:.4}.timeline{min-width:calc(140 * var(--px));height:calc(10 * var(--px));cursor:pointer;margin:0 calc(8 * var(--px));background:#3a3a3a;flex:1;position:relative}.timeline .fill{background:var(--gold);position:absolute;inset:0 auto 0 0}.timeline .mk{top:calc(-6 * var(--px));width:calc(10 * var(--px));height:calc(22 * var(--px));margin-left:calc(-5 * var(--px));background:var(--gold);border:calc(2 * var(--px)) solid #000;position:absolute}.timeline .mk.death{background:#f83800}.speeds{gap:calc(6 * var(--px));display:flex}.speeds .chip{box-shadow:none;padding:calc(11 * var(--px)) calc(11 * var(--px));border-color:#555}.speeds .chip.on{border-color:var(--gold)}.banner{align-items:center;gap:calc(18 * var(--px));border:calc(4 * var(--px)) solid;padding:calc(16 * var(--px)) calc(20 * var(--px));flex-wrap:wrap;justify-content:space-between;display:flex}.banner.died{background:#4a0a00;border-color:#f83800}.banner.flag{border-color:var(--green);background:#0a3a00}.banner.info{background:#101010;border-color:#777}.banner b{font-size:calc(21 * var(--px));font-weight:700;display:block}.banner p{font-size:calc(16 * var(--px));color:#e8e8e8;margin-top:calc(4 * var(--px))}.banner .row{gap:calc(14 * var(--px));flex-wrap:nowrap}.moment{grid-template-columns:minmax(0, 1fr) calc(400 * var(--px));gap:calc(20 * var(--px));grid-template-rows:minmax(0,1fr);display:grid}.moment>section{flex-direction:column;min-height:0;display:flex}.back{color:var(--gold);cursor:pointer;font-size:calc(16 * var(--px));margin-bottom:calc(12 * var(--px));background:0 0;border:0;padding:0;text-decoration:none;display:inline-block}.moment .stage-box{min-height:calc(120 * var(--px));margin-top:calc(10 * var(--px));border:calc(4 * var(--px)) solid var(--line);background:#000;flex:1}.moment .stage{aspect-ratio:auto;place-items:center;width:100%;height:100%;display:grid}.moment .stage .still{aspect-ratio:16/15;height:100%;position:relative}.moment .stage .still>*{image-rendering:pixelated;position:absolute}.moment .stage .still .pic{width:100%;height:100%;inset:0}.moment .stage .still .ov{image-rendering:auto;width:100%;height:100%;inset:0}.momentbar{align-items:center;gap:calc(12 * var(--px));margin-top:calc(14 * var(--px));flex-wrap:wrap;flex:none;display:flex}.momentbar .chip{font-size:calc(7 * var(--px));border-color:var(--line);border-width:calc(3 * var(--px));box-shadow:calc(3 * var(--px)) calc(3 * var(--px)) 0 #666}.momentbar .chip.on{background:var(--gold);color:#000;border-color:var(--gold)}.tries{max-height:calc(150 * var(--px));margin-top:calc(12 * var(--px));scrollbar-color:#555 #000;flex:none;overflow-y:auto}.try{grid-template-columns:calc(44 * var(--px)) 1fr auto;gap:calc(14 * var(--px));padding:calc(12 * var(--px)) 0;border-bottom:calc(1 * var(--px)) solid #444;font-size:calc(17 * var(--px));align-items:baseline;display:grid}.try:last-child{border-bottom:0}.try .n{font-family:var(--pix);font-size:calc(6 * var(--px));color:var(--gold)}.mini-grid{grid-template-columns:1fr repeat(4, calc(58 * var(--px)));gap:calc(10 * var(--px)) 0;margin-top:calc(4 * var(--px));align-items:center;display:grid}.mini-grid .h{font-size:calc(13 * var(--px));text-align:center}.mini-grid .c{place-items:center;display:grid}.sep{border-top:calc(1 * var(--px)) solid #444;margin:calc(14 * var(--px)) 0 calc(10 * var(--px))}.tune-name{font-size:calc(17 * var(--px));margin-top:calc(10 * var(--px))}.note{color:#bbb;font-size:calc(14 * var(--px));margin-top:calc(14 * var(--px))}@media (width<=1100px){.scene,.fly,.moment,.evo-page{grid-template-columns:minmax(0,1fr)}html,body{overflow:auto}#root{height:auto;min-height:100%}main{overflow:visible}.cols2{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.app-header{height:auto;padding:calc(12 * var(--px)) calc(16 * var(--px));flex-wrap:wrap}main{padding-inline:calc(16 * var(--px))}}.dials{align-items:center;gap:calc(8 * var(--px));margin:calc(12 * var(--px)) 0;flex-wrap:wrap;display:flex}.dials small{font-size:calc(13 * var(--px));opacity:.8;flex-basis:100%}.knob .track{position:relative}.knob .track .tick{left:var(--tick);width:calc(3 * var(--px));margin-left:calc(-1.5 * var(--px));background:var(--gold);pointer-events:none;position:absolute;top:0;bottom:0}.dkey i.tick{width:calc(3 * var(--px));height:calc(12 * var(--px));background:var(--gold);display:inline-block;position:static}.knob .tuned-mark{color:var(--orange);font-size:calc(14 * var(--px))}.dials-note{font-size:calc(13 * var(--px));opacity:.85;margin-bottom:calc(4 * var(--px));display:block}.evo-page{grid-template-columns:calc(460 * var(--px)) minmax(0, 1fr);gap:calc(20 * var(--px));grid-template-rows:minmax(0,1fr);height:100%;display:grid}.evo-left{gap:calc(16 * var(--px));padding-right:calc(6 * var(--px));flex-direction:column;display:flex}.evo-left>.box{flex:none}.evo-left>.evo-list{flex:1 0 calc(160 * var(--px))}.evo-right{padding-right:calc(6 * var(--px))}.evo-right>.evo{gap:calc(16 * var(--px));flex-direction:column;display:flex}.evolve-form{gap:calc(12 * var(--px)) calc(16 * var(--px));flex-wrap:wrap;display:flex}.evolve-form label:not(.check){gap:calc(6 * var(--px));font-size:calc(15 * var(--px));color:#ccc;flex-direction:column;display:flex}.evolve-form select{max-width:calc(200 * var(--px))}.start-test{margin-top:calc(14 * var(--px));border-top:calc(1 * var(--px)) solid #444;padding-top:calc(10 * var(--px))}.headline{font-family:var(--pix);font-size:calc(11 * var(--px));color:var(--gold)}.job-progress{align-items:center;gap:calc(14 * var(--px));margin-top:calc(12 * var(--px));flex-wrap:wrap;display:flex}.job-progress .pbar{flex:100%}.pbar{height:calc(12 * var(--px));border:calc(2 * var(--px)) solid #000;background:#3a3a3a}.pbar i{background:var(--gold);height:100%;transition:width .4s;display:block}.job-progress-box .pbar{margin-bottom:calc(10 * var(--px))}.evo-list{flex-direction:column;display:flex}.evo-list-body{scrollbar-color:#555 #000;flex:1;min-height:0;overflow-y:auto}.lib-row{justify-content:space-between;gap:calc(12 * var(--px));padding:calc(9 * var(--px)) calc(6 * var(--px));border-bottom:calc(1 * var(--px)) solid #333;align-items:center;display:flex}.evo-row{color:#fff;text-decoration:none}.evo-row:hover,.evo-row.on{background:#1c1c1c}.evo-row.on{box-shadow:inset calc(4 * var(--px)) 0 0 var(--gold)}.evo .title{margin-top:calc(4 * var(--px))}.chart{background:#101010}.legend-row{gap:calc(18 * var(--px));font-size:calc(15 * var(--px));color:#ddd;display:flex}.legend-row .sw{width:calc(11 * var(--px));height:calc(11 * var(--px));margin-right:calc(8 * var(--px));display:inline-block}.sw.best,.gen .best{background:var(--gold)}.sw.avg,.gen .avg{background:#7c7c7c}.bars{justify-content:flex-start;align-items:stretch;gap:calc(6 * var(--px));height:calc(120 * var(--px));margin-top:calc(14 * var(--px));display:flex}.bars .muted{align-self:center}.gen{min-width:0;max-width:calc(110 * var(--px));align-items:flex-end;gap:calc(2 * var(--px));padding:0 calc(2 * var(--px));flex:1 1 0;display:flex}.gen i{flex:1 1 0;display:block}.axis{margin-top:calc(8 * var(--px));font-size:calc(14 * var(--px));color:#bbb}.what-changed .change{justify-content:space-between;gap:calc(12 * var(--px));padding:calc(9 * var(--px)) 0;border-bottom:calc(1 * var(--px)) solid #444;font-size:calc(17 * var(--px));display:flex}.change .same{color:#bbb}.change .moved{color:var(--green)}.montage-video{width:100%;max-height:calc(300 * var(--px));margin-top:calc(12 * var(--px));background:#000;display:block}.save-fly .namebar{margin-top:0}.download,.download-progress{align-items:center;gap:calc(10 * var(--px));flex-wrap:wrap;display:inline-flex}.download-progress .pbar{width:calc(150 * var(--px))}