:root{--ink:#f1ece3;--ink-2:#f1ece39e;--ink-3:#f1ece352;--line:#f1ece32e;--glass:#0e0d0b6b;--accent:#d9a46a;--gate:#060605db;--ease:cubic-bezier(.65, 0, .35, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--ink);background:#070706;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#gl{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#scrim{pointer-events:none;position:fixed;inset:0}#scrim i{position:absolute;left:0;right:0}#scrim .t{background:linear-gradient(#0707068c,#07070600);height:160px;top:0}#scrim .b{background:linear-gradient(#07070600,#0707069e);height:42vh;bottom:0}#gate{pointer-events:none;position:fixed;inset:0}#gate .mask{background:var(--gate);transition:all 1.4s var(--ease);position:absolute}#gate-frame{transition:all 1.4s var(--ease);position:absolute}#gate-frame .c{border-color:var(--ink-3);border-style:solid;border-width:0;width:14px;height:14px;transition:opacity .8s;position:absolute}#gate-frame .tl{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}#gate-frame .tr{border-top-width:1px;border-right-width:1px;top:-1px;right:-1px}#gate-frame .bl{border-bottom-width:1px;border-left-width:1px;bottom:-1px;left:-1px}#gate-frame .br{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}body.no-gate #gate-frame .c{opacity:0}#top{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:24px;left:28px;right:28px}.brand .t{letter-spacing:.34em;font-size:15px;font-weight:700}.brand .s{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-top:6px;font-size:10px}#top .right{align-items:stretch;gap:10px;display:flex}#sound{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);pointer-events:auto;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:9px;padding:0 14px;font-size:10px;transition:color .3s;display:flex}#sound:hover,#sound[aria-pressed=true]{color:var(--ink)}#sound .bars{align-items:flex-end;gap:2px;height:11px;display:flex}#sound .bars b{background:currentColor;width:2px;height:3px;transition:height .3s}#sound[aria-pressed=true] .bars b{animation:1.6s ease-in-out infinite eq}#sound[aria-pressed=true] .bars b:nth-child(2){animation-delay:-.5s}#sound[aria-pressed=true] .bars b:nth-child(3){animation-delay:-1s}@keyframes eq{0%,to{height:3px}50%{height:11px}}#modes{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);pointer-events:auto;gap:2px;padding:3px;display:flex}#modes button{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);padding:8px 16px;font-size:10px;transition:color .3s,background .3s}#modes button:hover{color:var(--ink)}#modes button.on{color:#111;background:var(--ink)}#story{pointer-events:none;max-width:460px;transition:opacity 1s var(--ease), transform 1s var(--ease);position:fixed;bottom:132px;left:28px}#story.out{opacity:0;transform:translateY(10px)}#story .kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--accent);align-items:baseline;gap:14px;font-size:10px;display:flex}#st-jp{letter-spacing:.3em;color:var(--ink-2);font-family:Noto Serif JP,serif;font-size:11px;font-weight:300}#st-title{letter-spacing:-.025em;text-shadow:0 1px 30px #00000059;margin-top:12px;font-size:44px;font-weight:700;line-height:1.02}#st-body{color:var(--ink);opacity:.86;text-shadow:0 1px 16px #0009;max-width:400px;margin-top:14px;font-size:14px;line-height:1.6}#panel{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);gap:10px;width:280px;padding:14px 16px;transition:opacity .6s;display:grid;position:fixed;bottom:132px;right:28px}body.mode-film #panel{opacity:0;pointer-events:none}#panel .row{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;display:grid}#panel .row.hide{display:none}#panel label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);font-size:9px}#panel output{color:var(--ink-2);text-align:right;font-variant-numeric:tabular-nums;min-width:38px;font-size:10px}#panel .seg{border:1px solid var(--line);grid-column:2/4;display:flex}#panel .seg button{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);flex:1;padding:6px 4px;font-size:9px}#panel .seg button.on{color:var(--ink);background:#f1ece324}input[type=range]{appearance:none;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:var(--ink-3);height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:11px;height:11px;margin-top:-5px}#strip{scrollbar-width:none;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:22px;left:28px;right:28px;overflow-x:auto}#strip::-webkit-scrollbar{display:none}.shot{opacity:.52;height:74px;transition:opacity .4s, transform .4s var(--ease);flex:none;position:relative}.shot:hover{opacity:.9}.shot.on{opacity:1;transform:translateY(-6px)}.shot .n{letter-spacing:.18em;color:var(--ink-2);font-size:9px;position:absolute;bottom:0;left:0}.shot.on .n{color:var(--ink)}.shot:after{content:"";background:var(--accent);transform-origin:0;height:2px;position:absolute;bottom:14px;left:0;right:0;transform:scaleX(0)}.shot.on:after{transition:transform 1.2s var(--ease);transform:scaleX(1)}.shot.film.on:after{transform:scaleX(var(--p,0));transition:none}.shot.txt{width:104px}.shot.txt .box{border:1px solid var(--line);letter-spacing:.24em;text-transform:uppercase;height:58px;color:var(--ink-2);background:var(--glass);place-items:center;font-size:9px;display:grid}#credits{text-align:right;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);pointer-events:none;font-size:9px;line-height:1.8;position:fixed;top:70px;right:28px}#credits span{letter-spacing:.06em;text-transform:none;font-size:10px}#credits{transition:opacity .6s}#labels{pointer-events:none;position:fixed;inset:0}.lab{white-space:nowrap;opacity:0;transition:opacity .7s;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.lab.show{opacity:1}.lab .tx{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#b5532f;padding:4px 8px;font-size:9px;font-weight:700;display:block}.lab .tx small{letter-spacing:.06em;text-transform:none;opacity:.85;margin-top:1px;font-size:10px;font-weight:400;display:block}.lab.lvl{transform:translateY(-50%)}.lab.lvl .tx{color:var(--ink);border-left:1px solid var(--ink);background:0 0;padding:0 0 0 8px;font-weight:400}.lab.call{transform-origin:0 0}#leaders{position:absolute;inset:0;overflow:visible}#leaders polyline{fill:none;stroke:#d06a44;stroke-width:1.2px;transition:opacity .7s}#loader{z-index:10;transition:opacity 1.6s var(--ease);background:#070706;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.l-t{letter-spacing:.5em;font-size:13px;font-weight:700}.l-b{background:var(--line);width:180px;height:1px}.l-b i{background:var(--ink);width:0;height:1px;transition:width .3s;display:block}.l-s{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);font-size:9px}@media (width<=760px){#story{bottom:120px;left:16px;right:16px}#st-title{font-size:30px}#panel{width:auto;padding:10px 12px;bottom:112px;left:16px;right:16px}#credits{display:none}#top{flex-direction:column;gap:12px;left:16px;right:16px}#top .right{width:100%}#sound span{display:none}#strip{left:16px;right:16px}}body.shoot *,body.shoot :after{transition:none!important}