@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-tc-latin-400-normal-DiJT3MpU.woff2)format("woff2"),url(./noto-sans-tc-latin-400-normal-F478L-sA.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-tc-latin-700-normal-BQmIo_OV.woff2)format("woff2"),url(./noto-sans-tc-latin-700-normal-DUK0Gok4.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:400;src:url(./noto-sans-tc-chinese-traditional-400-normal-ijqRPkq_.woff2)format("woff2"),url(./noto-sans-tc-chinese-traditional-400-normal-B_Fp4KPb.woff)format("woff")}@font-face{font-family:Noto Sans TC;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-sans-tc-chinese-traditional-700-normal-C8s0_Inz.woff2)format("woff2"),url(./noto-sans-tc-chinese-traditional-700-normal-tmC8TKCZ.woff)format("woff")}@font-face{font-family:Noto Serif TC;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-serif-tc-latin-700-normal-BCD3g7Hc.woff2)format("woff2"),url(./noto-serif-tc-latin-700-normal-wQzEfmJj.woff)format("woff")}@font-face{font-family:Noto Serif TC;font-style:normal;font-display:swap;font-weight:900;src:url(./noto-serif-tc-latin-900-normal-Dpzn_glH.woff2)format("woff2"),url(./noto-serif-tc-latin-900-normal-Dq4FpV8q.woff)format("woff")}@font-face{font-family:Noto Serif TC;font-style:normal;font-display:swap;font-weight:700;src:url(./noto-serif-tc-chinese-traditional-700-normal-Bq7ZYqBx.woff2)format("woff2"),url(./noto-serif-tc-chinese-traditional-700-normal-DaSLkin5.woff)format("woff")}@font-face{font-family:Noto Serif TC;font-style:normal;font-display:swap;font-weight:900;src:url(./noto-serif-tc-chinese-traditional-900-normal-B95P3SuE.woff2)format("woff2"),url(./noto-serif-tc-chinese-traditional-900-normal-BGTdI05P.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--desk:#1a140f;--cream:#f4efe4;--ink:#241c16;--left:#d83a32;--right:#1879a0;--gold:#8a7040;font-family:Noto Sans TC,PingFang TC,Noto Sans CJK TC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 420px at 10% -10%, #d83a322e, transparent 55%), radial-gradient(800px 420px at 110% 0%, #1879a029, transparent 50%), var(--desk);color:var(--cream)}button,input,a{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e7c27a}::selection{color:var(--ink);background:#e7c27a}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{max-width:1240px;margin:0 auto;padding:0 20px 72px}.title-row{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a140ff0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 -20px;padding:22px 20px 14px;display:flex;position:sticky;top:0}.btn.download{color:#241c16;cursor:pointer;z-index:31;background:#e7c27a;min-height:52px;padding:0 22px;font-size:18px;position:relative;box-shadow:0 8px 20px #00000047}.btn.download:hover{background:#f0d7a0}.btn.download:active{background:#d7b56a}.film-card,.transport,.scrub,.now,.matrix-wrap,.hint{z-index:2;position:relative}.film-card{margin-top:18px}.film-frame{background:#1c1612;border-radius:20px;max-width:720px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059}.film-frame video{object-fit:contain;background:#1c1612;width:100%;max-height:280px;display:block}.film-frame .film-play{z-index:2;min-width:148px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.film-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.film-note{color:#cbbba6;min-height:24px;margin:8px 0 0;line-height:1.5}.stage-slot{justify-content:center;width:100%;margin-top:18px;display:flex}.stage-hit{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;margin:0;padding:0;display:block}.eyebrow{letter-spacing:.18em;color:#e7c27a;margin:0 0 8px;font-size:13px;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-family:Noto Serif TC,serif;font-size:52px;font-weight:900;line-height:1.05}.lede{color:#e6d8c4;max-width:740px;margin:12px 0 0;font-size:18px;line-height:1.65}.stage-frame{border-radius:20px;flex:none;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000061}.stage-scale{transform-origin:0 0;width:1920px;height:1080px;position:absolute;top:0;left:0}.stage{width:1920px;height:1080px;color:var(--ink);background:radial-gradient(1000px 560px at 12% 0,#d83a3233,#0000 60%),radial-gradient(900px 520px at 100% 100%,#1879a033,#0000 55%),#1c1612;position:relative;overflow:hidden}.sheet{background:linear-gradient(#ffffff8c,#fff0 120px),linear-gradient(#fbf7ef 0%,#f1e4ce 100%);border-radius:28px;position:absolute;inset:34px 40px;box-shadow:0 24px 50px #00000047}.sheet:after{content:"";pointer-events:none;border:1px solid #241c1624;border-radius:18px;position:absolute;inset:12px}.sheet-inner{z-index:1;height:100%;padding:32px 40px 26px;position:relative}.card-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.card-center h2,.ratio,.who,.beat-no{font-family:Noto Serif TC,serif}.card-center h2{letter-spacing:-.04em;margin:0;font-size:92px;font-weight:900;line-height:1.02}.kicker{letter-spacing:.16em;color:#6d5c48;margin:0;font-size:18px;font-weight:700}.deck{margin:0;font-size:32px;font-weight:700}.body{color:#3d342b;max-width:980px;margin:0;font-size:24px;line-height:1.65}.keyline{color:#3d342b;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 28px;margin:8px 0 0;font-size:20px;font-weight:700;display:flex}.keyline span{align-items:center;gap:8px;display:inline-flex}.swatch{border-radius:50%;flex:none;width:16px;height:16px;display:block}.swatch.left{background:var(--left)}.swatch.right{background:var(--right)}.swatch.meet{background:var(--ink)}.perf{flex-direction:column;height:100%;min-height:0;display:flex}.head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;min-height:292px;display:grid}.kicker-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.tempo-badge{letter-spacing:.04em;color:#6d5c48;margin:0;font-size:18px;font-weight:700}.ratio{letter-spacing:-.04em;margin:8px 0 0;font-size:108px;font-weight:900;line-height:.88}.left-num{color:var(--left)}.right-num{color:var(--right)}.colon{color:#b6a48c;padding:0 10px}.count-num{color:var(--ink)}.names{flex-wrap:wrap;gap:8px 22px;margin:12px 0 0;font-size:22px;font-weight:700;display:flex}.left-name{color:var(--left)}.right-name{color:var(--right)}.relation{color:#3d342b;max-width:920px;min-height:68px;margin:10px 0 0;font-size:22px;line-height:1.5}.minimap{grid-template-columns:58px repeat(4,66px);place-items:center;gap:6px;display:grid}.mh{color:#6d5c48;font-size:14px;font-weight:700}.mc{font-variant-numeric:tabular-nums;color:#6d5c48;border:1px solid #241c1629;border-radius:8px;place-items:center;width:66px;height:36px;font-size:16px;font-weight:700;display:grid}.mc.is-done{color:var(--ink);background:#e3d5bc;border-color:#0000}.mc.is-on{background:var(--ink);border-color:var(--ink);color:#fbf7ef}.roll{flex:1;grid-template-columns:196px minmax(0,1fr);align-items:center;column-gap:12px;display:grid;position:relative}.side{height:500px;position:relative}.lane-name{flex-direction:column;justify-content:center;gap:2px;height:150px;display:flex;position:absolute;left:0;right:0}.lane-name.right{top:28px}.lane-name.left{top:268px}.who{font-size:36px;font-weight:900;line-height:1}.lane-name.right .who,.lane-name.right .what{color:var(--right)}.lane-name.left .who,.lane-name.left .what{color:var(--left)}.what{font-size:22px;font-weight:700}.sub{color:#6d5c48;font-size:16px;font-weight:700}.field{height:500px;position:relative}.lane-band{border-radius:22px;height:168px;position:absolute;left:0;right:0}.lane-band.right{background:#1879a01a;top:20px}.lane-band.left{background:#d83a3217;top:260px}.lane-band:after{content:"";background:#241c1629;height:2px;position:absolute;top:92px;left:3.4%;right:3.4%}.wash{z-index:0;background:#8a704021;border-radius:16px;height:424px;position:absolute;top:12px}.bline{z-index:1;background:#241c1629;width:2px;height:408px;margin-left:-1px;position:absolute;top:20px}.playhead{background:var(--ink);z-index:4;width:2px;height:432px;margin-left:-1px;position:absolute;top:8px}.playhead i{border-left:8px solid #0000;border-right:8px solid #0000;border-top:11px solid var(--ink);position:absolute;top:-2px;left:50%;transform:translate(-50%)}.note{z-index:3;width:0;height:0;position:absolute}.dot,.ring{border-radius:50%;width:28px;height:28px;position:absolute;top:0;left:0}.dot{background:0 0;border:3px solid}.dot.filled{background:currentColor;box-shadow:0 5px #241c161f}.ring{border:3px solid}.note.left{color:var(--left)}.note.right{color:var(--right)}.note.neutral{color:var(--gold)}.syl{color:#4e4338;font-size:18px;font-weight:700;position:absolute;top:22px;left:0;transform:translate(-50%)}.contents{display:contents}.meet{color:#241c1647;z-index:3;font-size:18px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.meet.passed{color:#241c16b8}.meet.hot{color:var(--ink);font-size:22px}.beat-no{color:#241c1659;font-size:28px;font-weight:900;position:absolute;top:446px;transform:translate(-50%)}.beat-no.on{color:var(--ink);font-size:40px;top:438px}.ribbon{background:var(--ink);color:#fbf7ef;z-index:5;border-radius:999px;width:fit-content;margin:0 auto;padding:8px 18px;font-size:20px;font-weight:700;position:absolute;top:-8px;left:210px;right:0}.segs{grid-template-columns:repeat(16,1fr);gap:6px;margin-top:8px;display:grid}.seg{background:#241c161a;border-radius:99px;height:8px;overflow:hidden}.seg>span{background:var(--ink);height:100%;display:block}.transport{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.btn{appearance:none;background:var(--cream);color:var(--ink);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.btn.primary{background:var(--left);color:#fffaf6}.btn.ghost{color:var(--cream);background:0 0;box-shadow:inset 0 0 0 1.5px #f4efe473}.btn[aria-pressed=true]{color:var(--ink);background:#e7c27a}.tempos{background:#f4efe414;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tempos button{appearance:none;color:var(--cream);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:0 12px;font-weight:700}.tempos button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.clock{font-variant-numeric:tabular-nums;color:#e6d8c4;margin-left:auto;font-weight:700}.scrub{margin-top:12px}input[type=range]{appearance:none;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:#f4efe447;border-radius:99px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:0;border-radius:50%;width:22px;height:22px;margin-top:-8px}input[type=range]::-moz-range-track{background:#f4efe447;border-radius:99px;height:6px}input[type=range]::-moz-range-thumb{background:var(--cream);border:0;border-radius:50%;width:22px;height:22px}.now{color:#e6d8c4;min-height:28px;margin:8px 0 0;font-size:16px}.matrix-wrap{margin-top:22px}.matrix-wrap h2{margin:0 0 8px;font-size:18px;font-weight:700}.matrix-note{color:#cbbba6;margin:0 0 12px;line-height:1.5}.matrix-scroll{padding-bottom:6px;overflow-x:auto}.matrix{grid-template-columns:76px repeat(4,minmax(104px,1fr));gap:8px;min-width:520px;display:grid}.matrix .mh{color:#cbbba6;place-items:center;font-size:13px;display:grid}.cell-btn{appearance:none;min-height:72px;color:var(--cream);cursor:pointer;background:#2c261f;border:1px solid #e7c27a8c;border-radius:14px;padding:8px}.cell-btn strong{font-family:Noto Serif TC,serif;font-size:22px;font-weight:900;display:block}.cell-btn small{color:#cbbba6;margin-top:2px;font-size:12px;display:block}.cell-btn.is-done{background:#f4efe414}.cell-btn.is-on{background:var(--cream);color:var(--ink);border-color:var(--cream)}.cell-btn.is-on small{color:#6d6256}.cell-btn:hover{background:#3a3229;border-color:#e7c27a}.hint,.audio-error{color:#cbbba6;margin:16px 0 0;line-height:1.6}.audio-error{color:#ffb4a8}.foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}html.is-render,body.is-render,body.is-render #root{background:#1c1612;width:1920px;height:1080px;min-height:0;overflow:hidden}.render-root{width:1920px;height:1080px}@media (width<=720px){h1{font-size:36px}.lede{font-size:16px}.clock{margin-left:0}.page{padding:0 14px 48px}.title-row{margin:0 -14px;padding:16px 14px 12px}.matrix{grid-template-columns:44px repeat(4,minmax(0,1fr));gap:6px;min-width:0}.matrix .mh{text-align:center;font-size:11px}.cell-btn{min-height:72px;padding:6px 2px}.cell-btn strong{font-size:16px}.cell-btn small{font-size:11px;line-height:1.25}}