:root{--ink: #ffffff;--dim: rgba(255, 255, 255, .74);--faint: rgba(255, 255, 255, .5);--chrome-shadow: 0 1px 3px rgba(3, 10, 14, .62), 0 0 16px rgba(3, 10, 14, .45);--warm: #f3cd85;--void: #07100f;--gut: clamp(18px, 3.4vw, 52px);--edge: clamp(16px, 2.4vw, 34px);--sans-en: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--sans-zh: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--sans-ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Source Han Sans JP", sans-serif;--sans: var(--sans-en);--track-role: .34em;--track-role-in: .46em;--track-name: .1em;--track-name-in: .17em;--track-micro: .24em;--track-mark: .36em;--w-name: 650;--w-mark: 650;--lh-name: 1}html[lang^=zh]{--sans: var(--sans-zh);--track-role: .24em;--track-role-in: .34em;--track-name: .12em;--track-name-in: .2em;--track-micro: .16em;--track-mark: .3em;--w-name: 600;--w-mark: 600;--lh-name: 1.32}html[lang=ja]{--sans: var(--sans-ja);--track-role: .22em;--track-role-in: .32em;--track-name: .1em;--track-name-in: .18em;--track-micro: .14em;--track-mark: .3em;--w-name: 600;--w-mark: 600;--lh-name: 1.34}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--void);color:var(--ink);font-family:var(--sans);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision}body{touch-action:manipulation}#stage{position:fixed;inset:0;width:100%;height:100%;display:block}.tracked{text-transform:uppercase}.credits{position:fixed;z-index:3;pointer-events:none;left:var(--cx, 50%);top:var(--cy, 68%);transform:translate(var(--ax, -50%),-50%);text-align:var(--align, center);max-width:min(80vw,720px);opacity:0;transition:opacity .62s cubic-bezier(.22,.61,.36,1);text-shadow:0 1px 14px rgba(4,12,20,.55),0 0 44px rgba(4,12,20,.35)}.credits.is-in{opacity:1}.credits__role,.credits__name{text-transform:uppercase;white-space:nowrap;transform:translateY(6px);filter:blur(4px);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s cubic-bezier(.16,1,.3,1),opacity .7s ease,letter-spacing 1.1s cubic-bezier(.16,1,.3,1)}.credits.is-in .credits__role,.credits.is-in .credits__name{transform:none;filter:blur(0);opacity:1}.credits__role{font-size:clamp(9px,.86vw,13px);font-weight:600;letter-spacing:var(--track-role);margin-inline-end:calc(-1 * var(--track-role));margin-bottom:clamp(6px,.7vw,11px);opacity:0}.credits.is-in .credits__role{opacity:.9;letter-spacing:var(--track-role-in);margin-inline-end:calc(-1 * var(--track-role-in))}.credits__name{font-size:clamp(21px,2.9vw,44px);font-weight:var(--w-name);letter-spacing:var(--track-name);margin-inline-end:calc(-1 * var(--track-name));line-height:var(--lh-name);transition-delay:90ms}.credits.is-in .credits__name{letter-spacing:var(--track-name-in);margin-inline-end:calc(-1 * var(--track-name-in))}.hud{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .9s ease .4s}.hud.is-in{opacity:1}.hud:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#040b0f6b,#040b0f00 15%),linear-gradient(to top,#040b0f75,#040b0f00 19%)}.hud>*{position:absolute;pointer-events:auto}.hud .mark,.hud .micro,.hud .shotno,.hud .sound{text-shadow:var(--chrome-shadow)}.hud__tl{top:var(--edge);left:var(--edge)}.hud__tr{top:var(--edge);right:var(--edge);text-align:right}.hud__bl{bottom:var(--edge);left:var(--edge)}.hud__br{bottom:var(--edge);right:var(--edge);text-align:right}.mark{font-size:clamp(11px,1.05vw,15px);font-weight:var(--w-mark);letter-spacing:var(--track-mark);margin-inline-end:calc(-1 * var(--track-mark));text-transform:uppercase}.micro{font-size:clamp(8.5px,.66vw,10.5px);font-weight:600;letter-spacing:var(--track-micro);margin-inline-end:calc(-1 * var(--track-micro));text-transform:uppercase;color:var(--dim);margin-top:7px}.micro.dim{color:var(--faint)}.hours{display:flex;gap:2px}.hour{appearance:none;border:0;background:#060e126b;color:#ffffffb8;font:inherit;font-size:clamp(8.5px,.66vw,10.5px);font-weight:600;letter-spacing:.2em;padding:7px 11px 7px 13px;cursor:pointer;transition:color .3s,background .3s;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.hour:hover{color:#fff;background:#060e12a8}.hour.is-on{color:var(--void);background:var(--ink)}.hour:focus-visible{outline:1px solid var(--warm);outline-offset:2px}.shotno{font-size:clamp(26px,3.1vw,44px);font-weight:300;letter-spacing:.02em;line-height:.9;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:3px}.shotno i{font-style:normal;color:var(--faint);font-size:.42em;margin:0 1px}.shotno span:last-child{color:var(--faint);font-size:.42em}.meter{display:block;margin-left:auto;opacity:.85}.sound{appearance:none;border:0;background:none;color:var(--ink);font:inherit;font-size:clamp(8.5px,.66vw,10.5px);font-weight:600;letter-spacing:.24em;margin-inline-end:-.24em;text-transform:uppercase;cursor:pointer;padding:6px 0 0;transition:color .25s}.sound:hover{color:var(--warm)}.sound.is-off{color:var(--faint)}.sound:focus-visible{outline:1px solid var(--warm);outline-offset:3px}.keys{display:flex;gap:13px;justify-content:flex-end;flex-wrap:wrap}.keys b{font-weight:650;color:var(--dim)}.bar{left:0;right:0;bottom:0;height:1px;background:#ffffff1a;pointer-events:none}.bar i{display:block;height:100%;width:0%;background:var(--ink);transform-origin:left}.gate{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 42%,#0d1a1c 0%,var(--void) 62%,#030807 100%);transition:opacity 1.1s ease,visibility 1.1s;padding:var(--gut)}.gate.is-out{opacity:0;visibility:hidden;pointer-events:none}.gate:after{content:"";position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");opacity:.045;pointer-events:none;animation:drift 7s steps(6) infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-14%,9%)}}.gate__inner{text-align:center;position:relative;z-index:1;max-width:640px}.gate__role{font-size:clamp(9px,.86vw,12px);font-weight:600;letter-spacing:.52em;margin-inline-end:-.52em;text-transform:uppercase;color:var(--dim);margin-bottom:clamp(14px,1.7vw,22px);animation:rise 1.1s cubic-bezier(.16,1,.3,1) both .2s}.gate__name{margin:0;font-size:clamp(38px,8.2vw,118px);font-weight:650;letter-spacing:.16em;margin-inline-end:-.16em;line-height:.95;text-transform:uppercase;animation:rise 1.3s cubic-bezier(.16,1,.3,1) both .32s}.gate__sub{margin:clamp(20px,2.4vw,32px) auto 0;max-width:42ch;font-size:clamp(12px,1.02vw,14.5px);font-weight:400;line-height:1.72;letter-spacing:.05em;color:var(--dim);text-wrap:balance;animation:rise 1.3s cubic-bezier(.16,1,.3,1) both .47s}.gate__enter{position:relative;appearance:none;margin-top:clamp(30px,3.6vw,48px);padding:17px 40px 15px 44px;border:1px solid rgba(255,255,255,.24);background:none;color:var(--ink);font:inherit;font-size:clamp(9.5px,.78vw,11.5px);font-weight:650;letter-spacing:.4em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:border-color .4s,color .4s,background .4s;animation:rise 1.3s cubic-bezier(.16,1,.3,1) both .62s}.gate__enter[disabled]{cursor:progress;color:var(--faint);border-color:#ffffff1f}.gate__enter:not([disabled]):hover{background:var(--ink);color:var(--void);border-color:var(--ink)}.gate__enter:focus-visible{outline:1px solid var(--warm);outline-offset:4px}.gate__enterLabel{position:relative;z-index:1}.gate__prog{position:absolute;left:0;right:0;bottom:0;height:1px;background:#ffffff1a}.gate__prog b{display:block;height:100%;width:0%;background:var(--warm);transition:width .32s ease}.gate__hint{margin-top:18px;font-size:10.5px;letter-spacing:.16em;color:var(--faint);animation:rise 1.3s cubic-bezier(.16,1,.3,1) both .76s}.gate__credit{position:absolute;bottom:var(--edge);left:0;right:0;text-align:center;font-size:9px;font-weight:600;letter-spacing:.32em;margin-inline-end:-.32em;color:#ffffff2e;text-transform:uppercase}@keyframes rise{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@media(max-width:760px){.hud__tr{top:var(--edge);left:var(--edge);right:auto;text-align:left}.hud__tl{top:var(--edge);left:auto;right:var(--edge);text-align:right}.keys{display:none}.credits{max-width:84vw}.credits__name{white-space:normal;line-height:1.14}.shotno{font-size:26px}.meter{width:108px;height:26px}.hour{padding:6px 8px 6px 10px;letter-spacing:.14em}}@media(max-width:560px)and (orientation:portrait){.credits__name{font-size:clamp(18px,6.4vw,27px);letter-spacing:.12em;margin-inline-end:-.12em}.credits.is-in .credits__name{letter-spacing:.14em;margin-inline-end:-.14em}.credits__role{font-size:8.5px;letter-spacing:.3em;margin-inline-end:-.3em}.credits.is-in .credits__role{letter-spacing:.36em;margin-inline-end:-.36em}.micro{font-size:8px;letter-spacing:.18em;margin-inline-end:-.18em}.mark{font-size:11px;letter-spacing:.26em;margin-inline-end:-.26em}}@media(prefers-reduced-motion:reduce){.gate:after{animation:none}.credits,.credits__role,.credits__name{transition-duration:.2s}.gate__role,.gate__name,.gate__sub,.gate__enter,.gate__hint{animation-duration:1ms}}.src{display:block;max-width:46ch;margin-left:auto;color:var(--faint);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .25s}a.src:hover{color:var(--dim);text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.src{max-width:30ch;font-size:7.5px}}.langs{display:flex;gap:2px;margin-top:6px;justify-content:flex-end}.lang{min-width:34px;text-align:center;padding-inline:9px;letter-spacing:.08em}.gate__langs{position:absolute;top:var(--edge);right:var(--edge);display:flex;gap:2px;z-index:2}.glang{appearance:none;border:0;background:#ffffff12;color:#fff9;font:inherit;font-size:10px;font-weight:600;letter-spacing:.1em;padding:7px 11px;cursor:pointer;transition:color .3s,background .3s}.glang:hover{color:var(--dim);background:#ffffff17}.glang.is-on{color:var(--void);background:var(--ink)}.glang:focus-visible{outline:1px solid var(--warm);outline-offset:2px}@media(max-width:560px){.gate__langs{top:auto;bottom:var(--edge);left:0;right:0;justify-content:center}.langs{margin-top:4px}}