:root{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;color:#f1f2e9;background:#1b2020;--muted:#8f9d95;--lime:#d3ef92;--line:#3b4440}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,#stage:focus-visible{outline:2px solid #d3ef92;outline-offset:4px}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:27px 5%;border-bottom:1px solid var(--line)}header>a{font:25px Georgia,serif;letter-spacing:-1px}header>a span{color:var(--lime);margin-left:10px}.edition{font:8px monospace;letter-spacing:2px;color:var(--muted)}.header-tag{font:8px monospace;letter-spacing:1px;display:flex;align-items:center;gap:8px}.header-tag i{width:5px;height:5px;border-radius:50%;background:var(--lime)}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin:35px 0 26px;gap:20px}.eyebrow{font:8px monospace;letter-spacing:1.8px;color:var(--muted)}h1{font-size:clamp(36px,5.3vw,75px);font-weight:800;letter-spacing:-4px;margin:12px 0 0;line-height:1.05}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}h1>span{display:inline-block;font-size:.7em;margin-left:25px;font-weight:400;vertical-align:middle;color:var(--lime)}.intro p{font-size:13px;line-height:2.2;text-align:right;letter-spacing:2px;margin:0}.intro p span{font-size:9px;color:var(--muted);letter-spacing:1px}.player{background:#252d29;border:1px solid #424e45;border-radius:4px;overflow:hidden;box-shadow:0 20px 60px #0002}.stage{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f6f8f1}.stage canvas{position:absolute;inset:0;width:100%;height:100%}.stage-top{position:absolute;top:21px;left:3%;right:3%;display:flex;justify-content:space-between;pointer-events:none;color:#fff;mix-blend-mode:difference;font:7px monospace;letter-spacing:1.5px}#start{position:absolute;bottom:13%;left:6%;padding:15px 22px;border-radius:50px;background:#172746;color:#fff;display:grid;grid-template-columns:30px auto;column-gap:9px;text-align:left;box-shadow:0 5px 25px #16264725}#start .play-symbol{grid-row:span 2;font-size:20px;align-self:center;color:#d3ef92}#start-label{font-size:12px;letter-spacing:2px}#start small{font:7px monospace;letter-spacing:1.5px;color:#b6c5c9;margin-top:5px}#end{position:absolute;bottom:9%;left:0;right:0;display:flex;justify-content:center}#end button{font-size:11px;letter-spacing:2px;border:1px solid #2638f4;border-radius:30px;color:#2638f4;background:#f6f8f1e8;padding:12px 20px}#end button span{margin-left:20px}.controls{display:flex;align-items:center;gap:17px;padding:0 20px;height:60px;color:#bdc9ba}.controls button{min-width:34px;min-height:36px;font-size:15px}.controls #sound{font-size:10px;white-space:nowrap}.controls #sound[aria-pressed=false]{opacity:.45}.controls #fullscreen{font-size:24px}.time{font:9px monospace;white-space:nowrap;color:#7e8e7e}.time b{font-weight:400;color:#d4e0c8}input[type=range]{appearance:none;height:2px;flex:1;min-width:20px;background:linear-gradient(to right,#cde995 var(--progress,0%),#465440 var(--progress,0%));cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;background:#d3ef92;width:10px;height:10px;border-radius:50%;border:2px solid #252d29;box-shadow:0 0 0 1px #d3ef92}input[type=range]::-moz-range-thumb{background:#d3ef92;width:8px;height:8px;border-radius:50%;border:2px solid #252d29}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#758875;padding:25px 0 35px}footer>span:last-child{font:8px monospace;letter-spacing:1.4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.player:fullscreen,.player.expanded{height:100dvh;width:100vw;display:flex;flex-direction:column;border-radius:0;background:#1b2020}.player:fullscreen .stage,.player.expanded .stage{flex:1;min-height:0;aspect-ratio:auto}.player:fullscreen .controls,.player.expanded .controls{flex-shrink:0;background:#252d29}.player.expanded{position:fixed;inset:0;z-index:10}@media(max-width:700px){header{padding:23px 5%}.edition{display:none}header>a{font-size:22px}.header-tag{font-size:7px}.intro{display:block;margin:27px 0 23px}.eyebrow{font-size:6px;letter-spacing:1.1px}h1{font-size:clamp(31px,8.7vw,56px);letter-spacing:-1.8px;margin-top:13px;white-space:nowrap}h1>span{margin-left:10px}.intro p{text-align:left;font-size:11px;margin-top:14px;line-height:1.7}.intro p br{display:none}.intro p span{margin-left:12px;font-size:8px;letter-spacing:0}.stage{aspect-ratio:3/4}.stage-top{font-size:5px;letter-spacing:.5px;top:18px;left:5%;right:5%}.stage-top>span:last-child{display:none}#start{left:7%;bottom:12%;padding:12px 17px}#start-label{font-size:11px}#start small{font-size:6px}.controls{height:54px;padding:0 8px;gap:7px}.controls button{min-width:27px}.time{font-size:8px}.controls #sound{font-size:9px}footer{font-size:8px;letter-spacing:0}footer>span:last-child{font-size:6px;letter-spacing:.5px}#end button{font-size:10px;padding:10px 17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}