@font-face{font-family:Galmuri14;src:url(/assets/Galmuri14-BIHuh8Vm.woff2)format("woff2");font-display:swap}@font-face{font-family:Galmuri11;src:url(/assets/Galmuri11-DfQIlyDK.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Galmuri11;src:url(/assets/Galmuri11-Bold-QdFGsJ3v.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:GalmuriMono11;src:url(/assets/GalmuriMono11-gm2AMfCH.woff2)format("woff2");font-display:swap}:root{--ink:#000;--paper:#fff;--dim:#9a93b3;--line:#3a3450;--orange:#ff7f27;--yellow:#ffe14a;--soul:#ff1f47;--hp-back:#b0122e;--ruins:#8c6bd6;--font:"Galmuri14", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--ui:"Galmuri11", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--mono:"GalmuriMono11", "Galmuri11", ui-monospace, monospace;--hl:#2a2342;--border:4px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:none;font-synthesis:none;margin:0;font-size:15px;line-height:1.6}button{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--yellow);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}kbd{font-family:var(--mono);opacity:.8;border:1px solid;padding:0 5px;font-size:12px}.app{flex-direction:column;gap:18px;max-width:1180px;margin:0 auto;padding-block:28px 36px;padding-inline:20px;display:flex}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.save-star{color:var(--yellow);flex:none;animation:1.6s step-end infinite twinkle}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.72)}}.eyebrow{font-family:var(--ui);letter-spacing:.24em;color:var(--dim);margin:0;font-size:12px}h1{font-family:var(--ui);letter-spacing:.02em;text-wrap:balance;margin:0;font-size:36px;font-weight:700;line-height:1.15}h2,h3{font-family:var(--ui);margin:0;font-weight:700}.stats{font-variant-numeric:tabular-nums;gap:22px;margin:0;display:flex}.stats div{align-items:baseline;gap:8px;display:flex}.stats dt{font-family:var(--ui);letter-spacing:.12em;color:var(--dim);font-size:12px}.stats dd{font-family:var(--ui);margin:0;font-size:24px;font-weight:700}.field{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:18px;display:grid}.box{border:var(--border) solid var(--paper);background:var(--ink);min-width:0;padding:16px}.box h2{margin-bottom:10px;font-size:12px}.muted{color:var(--dim);margin:0}.stage-box{flex-direction:column;gap:12px;display:flex}.stage-frame{line-height:0;position:relative}.stage-canvas{aspect-ratio:16/9;width:100%;max-width:100%;image-rendering:pixelated;background:var(--ink);touch-action:pan-y;display:block}.stage-canvas.is-compare{cursor:ew-resize}.paused-badge{background:var(--ink);border:2px solid var(--yellow);color:var(--yellow);line-height:1.4;font-family:var(--ui);padding:2px 8px;font-size:12px;position:absolute;bottom:10px;right:10px}.stage-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.segmented{border:2px solid var(--paper);flex-wrap:wrap;display:flex}.segmented button{cursor:pointer;color:var(--dim);background:0 0;border:0;padding:5px 14px}.segmented button+button{border-left:2px solid var(--paper)}.segmented button:hover{color:var(--paper)}.segmented button.is-on{background:var(--paper);color:var(--ink)}.ghost{border:2px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.ghost:hover{border-color:var(--paper)}.notice{color:var(--yellow);margin:0}.menu{flex-direction:column;min-height:0;display:flex}.menu ul{scrollbar-color:var(--paper) var(--ink);max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.menu li button{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;width:100%;padding:3px 8px 3px 4px;display:grid}.menu li button:hover{background:#15111f}.menu li button:hover .fx-name{color:var(--yellow)}.menu li button.is-on{background:var(--hl);border-left-color:var(--yellow)}.menu li button.is-on .fx-name{color:var(--yellow)}.soul-slot{color:var(--soul);display:inline-flex}.fx-tag{font-family:var(--ui);color:var(--dim);font-size:12px}.dialog{flex-direction:column;gap:12px;display:flex}.dialog-head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.dialog-head h3{font-size:24px}.dialog-head .en{font-family:var(--ui);letter-spacing:.2em;color:var(--dim);font-size:12px}.chip{font-family:var(--ui);border:2px solid var(--ruins);color:var(--ruins);margin-left:auto;padding:1px 8px;font-size:12px}.line{min-height:3.4em;font-family:var(--ui);gap:12px;margin:0;font-size:24px;line-height:1.5;display:flex}.line .star{flex:none}.typewriter{cursor:pointer}.caret{background:var(--paper);width:8px;height:8px;margin-left:8px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.facts{border-top:2px dashed var(--line);gap:8px;margin:0;padding-top:12px;display:grid}.facts div{grid-template-columns:5.5em 1fr;gap:12px;display:grid}.facts dt{color:var(--dim);font-family:var(--ui);padding-top:2px;font-size:12px}.facts dd{max-width:62ch;margin:0}.params{flex-direction:column;gap:14px;display:flex}.params h2{margin-bottom:0}.meter{flex-direction:column;gap:6px;display:flex}.meter label{justify-content:space-between;gap:10px;display:flex}.meter output{font-family:var(--mono);color:var(--dim);font-size:12px}.meter input[type=range]{appearance:none;background:linear-gradient(to right, var(--yellow) var(--pct), var(--hp-back) var(--pct));cursor:pointer;width:100%;height:20px;margin:0}.meter input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:2px solid var(--ink);width:8px;height:28px}.meter input[type=range]::-moz-range-thumb{background:var(--paper);border:2px solid var(--ink);border-radius:0;width:8px;height:28px}.meter input[type=range]::-moz-range-track{background:0 0}.code{grid-column:1/-1}.code-head{flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-bottom:10px;display:flex}.code-head h2{margin:0}.code pre{border:2px solid var(--line);font-family:var(--mono);color:#e8e4f4;tab-size:2;background:#0c0a14;margin:0;padding:14px;font-size:12px;line-height:1.65;overflow-x:auto}.actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.act{background:var(--ink);border:3px solid var(--orange);color:var(--orange);font-family:var(--ui);letter-spacing:.04em;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:24px;font-weight:700;display:flex}.act kbd{font-size:12px;font-weight:400}.act:hover,.act.is-on{border-color:var(--yellow);color:var(--yellow)}.act.is-on svg{color:var(--soul)}.act:active{transform:translateY(1px)}.hint{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (width<=820px){.field{grid-template-columns:minmax(0,1fr)}.menu{order:-1}.stage-box{order:-2}.menu ul{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:none;display:grid}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=480px){.app{padding-block:18px 28px;padding-inline:16px}.stats{gap:14px}h1{font-size:24px}.line{font-family:var(--font);font-size:15px}.facts div{grid-template-columns:1fr;gap:0}.act{padding:12px 8px;font-size:12px}.act kbd{display:none}}@media (prefers-reduced-motion:reduce){.save-star,.caret{animation:none}}.guide-tabs{border:var(--border) solid var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.guide-tab{background:var(--ink);text-align:left;cursor:pointer;color:var(--dim);border:0;grid-template-columns:22px auto 1fr;align-items:baseline;gap:4px 10px;padding:12px 16px;display:grid}.guide-tab+.guide-tab{border-left:var(--border) solid var(--paper)}.guide-tab .soul-slot{align-self:center}.guide-label{font-family:var(--ui);font-size:24px;font-weight:700}.guide-sub{font-family:var(--ui);justify-self:end;font-size:12px}.guide-tab:hover{color:var(--paper)}.guide-tab.is-on{color:var(--yellow)}.guide-tab.is-on .guide-sub{color:var(--dim)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px 12px;display:flex}.toolbar-note{margin-left:auto}.tx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tx-card{flex-direction:column;gap:10px;display:flex}.tx-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.tx-head h2{color:var(--yellow);margin:0;font-size:24px;line-height:1.2}.tx-head .en{font-family:var(--ui);letter-spacing:.12em;color:var(--dim);font-size:12px}.tx-desc{margin:0}.tx-use{color:var(--dim);gap:10px;margin:0;display:flex}.tx-use span{font-family:var(--ui);color:var(--paper);opacity:.7;flex:none;padding-top:2px;font-size:12px}.screen{aspect-ratio:16/9;background:var(--ink);border:3px solid var(--paper);cursor:pointer;width:100%;max-width:100%;padding:0;display:block;position:relative;overflow:hidden}.screen:hover{border-color:var(--yellow)}.scene{position:absolute;inset:0;overflow:hidden}.scene-body{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.scene-a{background:repeating-linear-gradient(90deg,#0000 0 18%,#4a3378 18% 24%,#6f54a8 24% 26%,#0000 26% 33.33%) 0 36%/100% 64% no-repeat,linear-gradient(#170c2e 0 16%,#231244 16% 32%,#321a58 32% 48%,#472166 48% 64%,#2b1b45 64% 80%,#170d28 80%)}.scene-b{background:linear-gradient(#ffb347 0 20%,#ff9a3c 20% 40%,#ff7f27 40% 60%,#e8602a 60% 80%,#7a2e1d 80%)}.scene-icon{color:var(--soul)}.scene-b .scene-icon{color:#fff4b0}.scene-label{background:var(--ink);border:2px solid var(--paper);color:var(--paper);white-space:nowrap;padding:2px 10px;font-size:15px}.veil,.flash{pointer-events:none;opacity:0;position:absolute;inset:0}.veil{background:var(--ink)}.flash{background:var(--paper)}.edge{background:var(--paper);opacity:0;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0}.track{background:repeating-linear-gradient(to right, var(--paper) 0 6px, transparent 6px 12px);opacity:.6;height:2px;position:absolute;bottom:20%;left:4%;right:4%}.actor{color:var(--soul);position:absolute;bottom:calc(20% + 6px);left:4%}.badge{background:var(--ink);border:2px solid var(--yellow);color:var(--yellow);font-family:var(--ui);opacity:0;padding:1px 8px;font-size:12px;position:absolute;top:10px;left:10px}.timeline{background:var(--line);height:24px;position:relative;overflow:hidden}.seg{font-family:var(--ui);color:var(--ink);border-right:2px solid var(--ink);white-space:nowrap;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.seg-a{background:var(--ruins)}.seg-b{background:var(--orange)}.seg-fx{background:var(--yellow)}.seg-hold{color:var(--paper);background:#5a5470}.playhead{background:var(--paper);width:3px;box-shadow:0 0 0 1px var(--ink);animation:tx-playhead var(--cycle) linear infinite;position:absolute;top:-2px;bottom:-2px}@keyframes tx-playhead{0%{left:0}to{left:calc(100% - 3px)}}.tx *,.tx-card .playhead{animation-duration:var(--cycle);animation-iteration-count:infinite}.tx-grid.is-paused .tx *,.tx-grid.is-paused .playhead{animation-play-state:paused}.tx-cut .b{animation-name:tx-cut-b;animation-timing-function:step-end}@keyframes tx-cut-b{0%{opacity:0}50%,to{opacity:1}}.tx-dissolve .b{animation-name:tx-dissolve-b;animation-timing-function:linear}@keyframes tx-dissolve-b{0%,25%{opacity:0}60%,99.9%{opacity:1}to{opacity:0}}.tx-fade .a{animation-name:tx-fade-a;animation-timing-function:step-end}.tx-fade .veil{animation-name:tx-fade-veil;animation-timing-function:linear}@keyframes tx-fade-a{0%{opacity:1}50%,to{opacity:0}}@keyframes tx-fade-veil{0%,20%{opacity:0}45%,55%{opacity:1}80%,to{opacity:0}}.tx-wipe .b{animation-name:tx-wipe-b}.tx-wipe .edge{animation-name:tx-wipe-edge}@keyframes tx-wipe-b{0%{clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(16,end)}65%,to{clip-path:inset(0)}}@keyframes tx-wipe-edge{0%,24.9%{opacity:0;left:0}25%{opacity:1;animation-timing-function:steps(16,end);left:0}65%{opacity:1;left:100%}65.1%,to{opacity:0;left:100%}}.tx-split .a{animation-name:tx-split-a;animation-timing-function:ease-in-out}.tx-split .b{animation-name:tx-split-b;animation-timing-function:ease-in-out}.tx-split .edge{animation-name:tx-split-edge;animation-timing-function:ease-in-out}@keyframes tx-split-a{0%,20%{right:0}50%,to{right:50%}}@keyframes tx-split-b{0%,20%{left:100%}50%,to{left:50%}}@keyframes tx-split-edge{0%,20%{opacity:1;left:100%}50%,to{opacity:1;left:50%}}.pip{aspect-ratio:16/9;border:2px solid var(--paper);transform-origin:100% 0;width:34%;animation-name:tx-pip;position:absolute;top:8%;right:5%}.pip .scene-label{font-family:var(--ui);padding:0 6px;font-size:12px}@keyframes tx-pip{0%,25%{transform:scale(0)}35%{transform:scale(1.12)}40%,85%{transform:scale(1)}95%,to{transform:scale(0)}}.tx-zoom .a{transform-origin:50% 38%;animation-name:tx-zoom}@keyframes tx-zoom{0%,15%{animation-timing-function:ease-in;transform:scale(1)}70%,90%{animation-timing-function:step-end;transform:scale(2.6)}to{transform:scale(1)}}.tx-speed .actor{animation-name:tx-speed-actor;animation-timing-function:linear}.tx-speed .r1{animation-name:tx-speed-r1;animation-timing-function:step-end}.tx-speed .r2{animation-name:tx-speed-r2;animation-timing-function:step-end}@keyframes tx-speed-actor{0%{left:4%}50%{left:26%}70%,to{left:calc(96% - 20px)}}@keyframes tx-speed-r1{0%{opacity:1}50%,to{opacity:0}}@keyframes tx-speed-r2{0%{opacity:0}50%{opacity:1}70%,to{opacity:0}}.tx-glitch .a{animation-name:tx-glitch-a;animation-timing-function:step-end}.tx-glitch .b{animation-name:tx-glitch-b;animation-timing-function:step-end}@keyframes tx-glitch-a{0%{opacity:1;clip-path:inset(0);filter:none;transform:none}34%{clip-path:inset(10% 0 55%);filter:hue-rotate(90deg);transform:translate(-6%)}37%{clip-path:inset(40% 0 20%);filter:none;transform:translate(5%)}40%{clip-path:inset(0 0 70%);filter:invert();transform:translate(-3%)}43%{clip-path:inset(60% 0 5%);filter:hue-rotate(200deg);transform:translate(9%)}46%{clip-path:inset(25% 0 30%);filter:none;transform:translate(-8%)}49%{opacity:0}to{opacity:0}}@keyframes tx-glitch-b{0%{opacity:0}49%{opacity:1;clip-path:inset(20% 0 30%);filter:hue-rotate(-90deg);transform:translate(7%)}52%{clip-path:inset(0 0 50%);filter:invert();transform:translate(-4%)}54%{clip-path:inset(45% 0 0);filter:none;transform:translate(3%)}56%,to{opacity:1;clip-path:inset(0);filter:none;transform:none}}.tx-kenburns .a{transform-origin:30% 40%;animation-name:tx-kb;animation-timing-function:ease-in-out}@keyframes tx-kb{0%{transform:scale(1)translate(0)}to{transform:scale(1.45)translate(-6%,-5%)}}.tx-iris .a{animation-name:tx-iris-a;animation-timing-function:ease-in}.tx-iris .b{animation-name:tx-iris-b;animation-timing-function:ease-out}@keyframes tx-iris-a{0%,15%{clip-path:circle(80% at 50% 40%)}45%,to{clip-path:circle(0% at 50% 40%)}}@keyframes tx-iris-b{0%,55%{clip-path:circle(0%)}85%,to{clip-path:circle(80%)}}.tx-freeze .actor{animation-name:tx-freeze-actor;animation-timing-function:linear}.tx-freeze .a{animation-name:tx-freeze-a;animation-timing-function:step-end}.tx-freeze .flash{animation-name:tx-freeze-flash;animation-timing-function:ease-out}.tx-freeze .r1{animation-name:tx-freeze-badge;animation-timing-function:step-end}@keyframes tx-freeze-actor{0%{left:4%}40%,70%{left:46%}to{left:calc(96% - 20px)}}@keyframes tx-freeze-a{0%{filter:none}40%{filter:grayscale()contrast(1.3)}70%,to{filter:none}}@keyframes tx-freeze-flash{0%,39.9%{opacity:0}40%{opacity:.9}48%,to{opacity:0}}@keyframes tx-freeze-badge{0%{opacity:0}40%{opacity:1}70%,to{opacity:0}}.cat-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.cat-chips.wide{margin-bottom:0}.cat-chips button{border:2px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;align-items:baseline;gap:6px;padding:3px 10px;display:inline-flex}.cat-chips.wide button{padding:5px 14px}.cat-chips button:hover{border-color:var(--paper);color:var(--paper)}.cat-chips button.is-on{background:var(--paper);border-color:var(--paper);color:var(--ink)}.cat-chips .count{font-family:var(--ui);opacity:.7;font-size:12px}.tx-card.is-offscreen .tx *,.tx-card.is-offscreen .playhead{animation-play-state:paused}.scene.alt{filter:hue-rotate(150deg)}.tx-push .a{animation-name:tx-push-a;animation-timing-function:ease-in-out}.tx-push .b{animation-name:tx-push-b;animation-timing-function:ease-in-out}@keyframes tx-push-a{0%,25%{transform:translate(0)}60%,to{transform:translate(-100%)}}@keyframes tx-push-b{0%,25%{transform:translate(100%)}60%,to{transform:translate(0)}}.streaks{opacity:0;pointer-events:none;background:repeating-linear-gradient(#fff6 0 2px,#0000 2px 9px);position:absolute;inset:0}.tx-whip .a{animation-name:tx-whip-a;animation-timing-function:ease-in}.tx-whip .b{animation-name:tx-whip-b;animation-timing-function:ease-out}.tx-whip .streaks{animation-name:tx-whip-streaks;animation-timing-function:linear}@keyframes tx-whip-a{0%,30%{filter:blur();transform:translate(0)}44%,to{filter:blur(8px);transform:translate(-100%)}}@keyframes tx-whip-b{0%,40%{filter:blur(8px);transform:translate(100%)}55%,to{filter:blur();transform:translate(0)}}@keyframes tx-whip-streaks{0%,30%{opacity:0}40%{opacity:.9}55%,to{opacity:0}}.tx-blurx .a{animation-name:tx-blurx-a;animation-timing-function:ease-in}.tx-blurx .b{animation-name:tx-blurx-b;animation-timing-function:ease-out}@keyframes tx-blurx-a{0%,20%{filter:blur();opacity:1}44.9%{filter:blur(10px);opacity:1}45%,to{filter:blur(10px);opacity:0}}@keyframes tx-blurx-b{0%,44.9%{filter:blur(10px);opacity:0}45%{filter:blur(10px);opacity:1}70%,to{filter:blur();opacity:1}}.tx-flash .a{animation-name:tx-flash-a;animation-timing-function:step-end}.tx-flash .flash{animation-name:tx-flash-white;animation-timing-function:ease-out}@keyframes tx-flash-a{0%{opacity:1}45%,to{opacity:0}}@keyframes tx-flash-white{0%,38%{opacity:0}42%,50%{opacity:1}70%,to{opacity:0}}.cells{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.cells span{background:var(--ink);opacity:0;animation-timing-function:step-end}.tx-pixelx .a{animation-name:tx-pixelx-a;animation-timing-function:step-end}@keyframes tx-pixelx-a{0%{opacity:1}47%,to{opacity:0}}.cells .g0{animation-name:tx-px-0}@keyframes tx-px-0{0%{opacity:0}15%{opacity:1}50%,to{opacity:0}}.cells .g1{animation-name:tx-px-1}@keyframes tx-px-1{0%{opacity:0}19.2%{opacity:1}54.2%,to{opacity:0}}.cells .g2{animation-name:tx-px-2}@keyframes tx-px-2{0%{opacity:0}23.4%{opacity:1}58.4%,to{opacity:0}}.cells .g3{animation-name:tx-px-3}@keyframes tx-px-3{0%{opacity:0}27.6%{opacity:1}62.6%,to{opacity:0}}.cells .g4{animation-name:tx-px-4}@keyframes tx-px-4{0%{opacity:0}31.8%{opacity:1}66.8%,to{opacity:0}}.cells .g5{animation-name:tx-px-5}@keyframes tx-px-5{0%{opacity:0}36%{opacity:1}71%,to{opacity:0}}.cells .g6{animation-name:tx-px-6}@keyframes tx-px-6{0%{opacity:0}40.2%{opacity:1}75.2%,to{opacity:0}}.cells .g7{animation-name:tx-px-7}@keyframes tx-px-7{0%{opacity:0}44.4%{opacity:1}79.4%,to{opacity:0}}@property --blind{syntax:"<percentage>";inherits:false;initial-value:0%}.tx-blinds .b{--blind:0%;-webkit-mask-image:repeating-linear-gradient(to bottom, #000 0 var(--blind), transparent var(--blind) 16.667%);-webkit-mask-image:repeating-linear-gradient(to bottom, #000 0 var(--blind), transparent var(--blind) 16.667%);mask-image:repeating-linear-gradient(to bottom, #000 0 var(--blind), transparent var(--blind) 16.667%);animation-name:tx-blinds;animation-timing-function:ease-in-out}@keyframes tx-blinds{0%,25%{--blind:0%}60%,to{--blind:16.8%}}.tx-checker .b1,.tx-checker .b2{opacity:0;animation-timing-function:step-end}.tx-checker .b1{-webkit-mask:repeating-conic-gradient(#000 0 25%, transparent 0 50%) 0 0 / 25% 33.34%;-webkit-mask:repeating-conic-gradient(#000 0 25%, transparent 0 50%) 0 0 / 25% 33.34%;mask:repeating-conic-gradient(#000 0 25%, transparent 0 50%) 0 0 / 25% 33.34%;animation-name:tx-checker-1}.tx-checker .b2{animation-name:tx-checker-2}@keyframes tx-checker-1{0%{opacity:0}30%,to{opacity:1}}@keyframes tx-checker-2{0%{opacity:0}50%,to{opacity:1}}.tx-flip,.tx-cube{perspective:700px}.tx-flip .a,.tx-cube .a,.tx-cube .b{backface-visibility:hidden}.tx-flip .a{transform-origin:0;animation-name:tx-flip;animation-timing-function:ease-in}@keyframes tx-flip{0%,25%{opacity:1;transform:rotateY(0)}59.9%{opacity:1;transform:rotateY(-100deg)}60%,to{opacity:0;transform:rotateY(-100deg)}}.tx-cube .a{transform-origin:100%;animation-name:tx-cube-a;animation-timing-function:ease-in-out}.tx-cube .b{transform-origin:0;animation-name:tx-cube-b;animation-timing-function:ease-in-out}@keyframes tx-cube-a{0%,25%{transform:translate(0)rotateY(0)}60%,to{transform:translate(-100%)rotateY(-90deg)}}@keyframes tx-cube-b{0%,25%{transform:translate(100%)rotateY(90deg)}60%,to{transform:translate(0)rotateY(0)}}.quad{position:absolute;inset:0}.quad .q{box-shadow:inset 0 0 0 1px var(--ink)}.quad .scene-label{font-family:var(--ui);padding:0 6px;font-size:12px}.q1{width:100%;height:100%;animation-name:tx-q1;animation-timing-function:ease-in-out;bottom:auto;right:auto}.q2,.q3,.q4{width:50%;height:50%;animation-timing-function:ease-out;transform:scale(0)}.q2{animation-name:tx-q2;top:0;left:50%}.q3{animation-name:tx-q3;top:50%;left:0}.q4{animation-name:tx-q4;top:50%;left:50%}@keyframes tx-q1{0%,15%{width:100%;height:100%}30%,to{width:50%;height:50%}}@keyframes tx-q2{0%,30%{transform:scale(0)}38%,to{transform:scale(1)}}@keyframes tx-q3{0%,38%{transform:scale(0)}46%,to{transform:scale(1)}}@keyframes tx-q4{0%,46%{transform:scale(0)}55%,to{transform:scale(1)}}.bar{background:var(--ink);height:0;animation-name:tx-letterbox;animation-timing-function:ease-in-out;position:absolute;left:0;right:0}.bar.top{top:0}.bar.bottom{bottom:0}.tx-letterbox .badge{inset:auto 10px 16% auto}.tx-letterbox .r1{animation-name:tx-letterbox-badge;animation-timing-function:step-end}@keyframes tx-letterbox{0%,20%{height:0}40%,85%{height:13%}to{height:0}}@keyframes tx-letterbox-badge{0%{opacity:0}40%{opacity:1}85%,to{opacity:0}}.lower{align-items:stretch;animation-name:tx-lower;animation-timing-function:ease-out;display:flex;position:absolute;bottom:9%;left:5%}.lt-bar{background:var(--yellow);width:6px}.lt-text{text-align:left;background:#000000d9;flex-direction:column;padding:3px 10px;line-height:1.3;display:flex}.lt-text b{font-family:var(--ui);color:var(--paper);font-size:12px}.lt-text small{font-family:var(--ui);color:var(--dim);font-size:12px}.tx-lower .scene-body{padding-bottom:18%}@keyframes tx-lower{0%,20%{clip-path:inset(0 100% 0 0)}32%,80%{clip-path:inset(0)}92%,to{clip-path:inset(0 100% 0 0)}}.tx-shake .a{animation-name:tx-shake;animation-timing-function:step-end}@keyframes tx-shake{0%,29.9%{transform:scale(1.12)}30%{transform:scale(1.12)translate(-2.1%,-3.5%)}31.5%{transform:scale(1.12)translate(1.7%,-4.1%)}33%{transform:scale(1.12)translate(.4%,-1.2%)}34.5%{transform:scale(1.12)translate(-4.5%,.1%)}36%{transform:scale(1.12)translate(-4.4%,-.5%)}37.5%{transform:scale(1.12)translate(-3.9%,-3.1%)}39%{transform:scale(1.12)translate(-.6%,2.3%)}40.5%{transform:scale(1.12)translate(-2.9%,-1.8%)}42%{transform:scale(1.12)translate(.9%,2.7%)}43.5%{transform:scale(1.12)translate(.5%,-.6%)}45%{transform:scale(1.12)translate(2.9%,-2.3%)}46.5%{transform:scale(1.12)translate(1.9%,-.9%)}48%{transform:scale(1.12)translate(-1.7%,-1.5%)}49.5%{transform:scale(1.12)translate(-.8%,1.1%)}51%{transform:scale(1.12)translate(-1.1%,.2%)}52.5%{transform:scale(1.12)translate(.4%,-.3%)}54%{transform:scale(1.12)translate(.1%,-.9%)}55.5%{transform:scale(1.12)translate(-.8%,-.4%)}57%{transform:scale(1.12)translate(.2%,-.1%)}58.5%{transform:scale(1.12)translate(-.1%)}60%,to{transform:scale(1.12)}}.scan{opacity:0;pointer-events:none;background:repeating-linear-gradient(#ffffff47 0 1px,#0000 1px 5px);position:absolute;inset:0}.tx-rewind .actor{animation-name:tx-rewind-actor;animation-timing-function:linear}.tx-rewind .a{animation-name:tx-rewind-a;animation-timing-function:step-end}.tx-rewind .scan,.tx-rewind .r1{animation-name:tx-rewind-on;animation-timing-function:step-end}@keyframes tx-rewind-actor{0%{left:4%}45%{left:calc(96% - 20px)}70%{left:4%}to{left:calc(96% - 20px)}}@keyframes tx-rewind-a{0%{filter:none}45%{filter:saturate(.4)contrast(1.3)}70%,to{filter:none}}@keyframes tx-rewind-on{0%{opacity:0}45%{opacity:1}70%,to{opacity:0}}.sky{animation-name:tx-tl-sky;animation-timing-function:linear;position:absolute;inset:0;overflow:hidden}.orbit{aspect-ratio:1;width:80%;animation-name:tx-tl-orbit;animation-timing-function:linear;position:absolute;top:30%;left:10%}.sun,.moon{width:22px;height:22px;margin-left:-11px;position:absolute;left:50%}.sun{background:var(--yellow);top:0;box-shadow:0 0 0 4px #ffe14a59}.moon{background:#fff8e1;bottom:0;box-shadow:inset -6px 0 #d8c9a0}.city{background:linear-gradient(0deg,#120a22 0 30%,#0000 30%),repeating-linear-gradient(90deg,#120a22 0 9%,#0000 9% 11%,#1d1233 11% 17%,#0000 17% 20%);height:32%;position:absolute;bottom:0;left:0;right:0}@keyframes tx-tl-sky{0%{background-color:#0d0719}25%{background-color:#d15f73}50%{background-color:#6fa6e8}75%{background-color:#ff7f27}to{background-color:#0d0719}}@keyframes tx-tl-orbit{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}.badge.on{opacity:1}.tx-boomerang .actor{animation-name:tx-boom;animation-timing-function:ease-in-out}.tx-boomerang .r1{animation-name:tx-boom-1;animation-timing-function:step-end}.tx-boomerang .r2{animation-name:tx-boom-2;animation-timing-function:step-end}@keyframes tx-boom{0%{left:4%}50%{left:calc(96% - 20px)}to{left:4%}}@keyframes tx-boom-1{0%{opacity:1}50%,to{opacity:0}}@keyframes tx-boom-2{0%{opacity:0}50%,to{opacity:1}}.tx-stopmotion .actor{animation-name:tx-stop;animation-timing-function:steps(8,end)}@keyframes tx-stop{0%{bottom:calc(20% + 6px);left:4%}to{bottom:calc(20% + 6px);left:calc(96% - 20px)}}.tx-jumpcut .actor{width:36px;height:auto;animation-name:tx-jump;animation-timing-function:step-end;bottom:34%}.tx-jumpcut .a{animation-name:tx-jump-bg;animation-timing-function:step-end}@keyframes tx-jump{0%{left:18%;transform:scale(1)}25%{left:58%;transform:scale(1.3)}50%{left:34%;transform:scale(1)}75%{left:70%;transform:scale(1.15)}to{left:18%;transform:scale(1)}}@keyframes tx-jump-bg{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.06)}to{transform:scale(1)}}@media (width<=1000px){.tx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.tx-grid,.guide-tabs{grid-template-columns:minmax(0,1fr)}.guide-tab+.guide-tab{border-left:0;border-top:var(--border) solid var(--paper)}.toolbar-note{margin-left:0}}@media (width<=400px){.guide-tab{grid-template-columns:22px 1fr}.guide-sub{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){.tx *,.tx-card .playhead{animation-play-state:paused}.tx-card:hover .tx *,.tx-card:hover .playhead,.tx-card:focus-within .tx *,.tx-card:focus-within .playhead{animation-play-state:running}}
