@font-face{font-family:Fredoka;font-weight:500;font-display:block;src:url(/fonts/fredoka-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:600;font-display:block;src:url(/fonts/fredoka-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Fredoka;font-weight:700;font-display:block;src:url(/fonts/fredoka-latin-700-normal.woff2)format("woff2")}:root{--ink:#1b1530;--chalk:#fff6e3;--ember:#ffb938;--fire:#ff7a1a;--band:#000}*{box-sizing:border-box;margin:0}html,body{background:var(--band);overscroll-behavior:none;height:100%;overflow:hidden}#app{background:var(--band);font-family:Fredoka,sans-serif;position:fixed;inset:0}#stage{transform-origin:0 0;-webkit-user-select:none;user-select:none;background:#0e0a1c;width:1920px;height:1080px;position:absolute;top:0;left:0;overflow:hidden}#film{display:block}#film text{font-family:Fredoka,sans-serif}#start{z-index:20;background:radial-gradient(circle at 50% 42%,#22306a 0,#14204a 35%,#0e0a1c 75%);place-items:center;transition:opacity .55s ease-out,transform .55s ease-out;display:grid;position:absolute;inset:0}#start.gone{opacity:0;pointer-events:none;transform:scale(1.06)}.start-inner{text-align:center;color:var(--chalk);flex-direction:column;align-items:center;gap:44px;display:flex}.spark{background:var(--ember);border:8px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;gap:14px;width:120px;height:120px;animation:2.2s ease-in-out infinite breathe;display:flex;position:relative;box-shadow:0 0 0 26px #ffb9381f,0 0 120px 40px #ff7a1a59}.spark .eye{background:var(--chalk);border:5px solid var(--ink);border-radius:50%;width:22px;height:30px;animation:4s infinite blink;position:relative}.spark .eye:after{content:"";background:var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:4px}@keyframes breathe{50%{transform:scale(1.08)translateY(-8px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}#start h1{letter-spacing:-1px;font-size:92px;font-weight:700;line-height:1.08}#start h1 em{color:var(--ember);font-style:normal}#launch{color:var(--ink);background:var(--fire);border:8px solid var(--ink);cursor:pointer;box-shadow:0 12px 0 var(--ink);border-radius:999px;align-items:center;gap:26px;padding:26px 70px 26px 56px;font:700 64px Fredoka,sans-serif;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s;display:inline-flex}#launch:hover{box-shadow:0 16px 0 var(--ink);background:var(--ember);transform:translateY(-4px)scale(1.03)}#launch:active{box-shadow:0 4px 0 var(--ink);transform:translateY(8px)}#launch:focus-visible{outline:6px solid var(--chalk);outline-offset:8px}#launch[disabled]{opacity:.5;cursor:wait}#launch .tri{border-left:44px solid var(--ink);border-top:27px solid #0000;border-bottom:27px solid #0000;width:0;height:0}#loading{opacity:.7;font-size:34px}.hint{opacity:.7;font-size:34px;font-weight:500}#ui{z-index:10;opacity:0;pointer-events:none;height:120px;transition:opacity .3s ease-out,transform .3s ease-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(24px)}#ui.show{opacity:1;pointer-events:auto;transform:none}#bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:88px;color:var(--chalk);background:#1b1530db;border:3px solid #fff6e31f;border-radius:999px;align-items:center;gap:22px;padding:0 28px;display:flex;position:absolute;bottom:18px;left:96px;right:96px}.ic{cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;transition:background-color .15s,transform .15s;display:grid}.ic:hover{background:#fff6e31f;transform:scale(1.08)}.ic:focus-visible{outline:4px solid var(--ember);outline-offset:2px}.ic svg{width:34px;height:34px;fill:var(--chalk);stroke:var(--chalk)}#play{background:var(--fire)}#play:hover{background:var(--ember)}#play svg{fill:var(--ink);stroke:none}#play[data-state=play] .i-pause,#play[data-state=pause] .i-play,#mute[data-state=on] .i-off,#mute[data-state=off] .i-on{display:none}#time{font-variant-numeric:tabular-nums;opacity:.85;min-width:136px;font-size:26px;font-weight:500}#progress{cursor:pointer;touch-action:none;flex:1;height:60px;position:relative}#track{background:#fff6e333;border-radius:4px;height:8px;position:absolute;top:26px;left:0;right:0;overflow:hidden}#fill{background:var(--fire);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}#knob{background:var(--ember);border:4px solid var(--ink);pointer-events:none;border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:18px}.mark{cursor:pointer;background:0 0;border:none;width:22px;height:24px;margin-left:-11px;padding:0;position:absolute;top:18px}.mark:before{content:"";background:var(--chalk);opacity:.75;border-radius:2px;width:4px;height:24px;transition:transform .15s,opacity .15s;position:absolute;top:0;left:9px}.mark:hover:before{opacity:1;background:var(--ember);transform:scaleY(1.4)}#tip{white-space:nowrap;background:var(--chalk);color:var(--ink);opacity:0;pointer-events:none;border-radius:14px;padding:8px 18px;font-size:26px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;bottom:62px;transform:translate(-50%)translateY(6px)}#tip.on{opacity:1;transform:translate(-50%)}#qa{z-index:30;color:#ffb000;background:#000000d1;border-radius:10px;width:640px;max-height:520px;padding:14px;font:500 18px/1.35 monospace;display:none;position:absolute;top:12px;right:12px;overflow:auto}