@font-face{font-family:InterTight;src:url('vendor/inter-tight-regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e6e3dc;color:#35352e;font-family:InterTight,Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:url("blade.svg") 4 28,crosshair}header{position:fixed;top:29px;left:34px;right:34px;display:flex;justify-content:space-between;pointer-events:none}.brand{pointer-events:auto;text-decoration:none;color:inherit;font-size:17px;font-weight:600;letter-spacing:2.6px}.brand span{font-size:8px;vertical-align:top;margin-left:3px}.date{font-size:9px;letter-spacing:1.1px;text-align:right}.date small{display:block;font-size:8px;letter-spacing:.6px;opacity:.5;margin-top:5px}.title{position:fixed;left:5%;top:25%;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.8px;opacity:.6}h1{font-size:clamp(32px,3.45vw,52px);font-weight:400;line-height:.98;letter-spacing:-1.8px;margin:21px 0 17px}.dot{color:#a43826}.title-zh{font-size:12px;font-weight:400;letter-spacing:4px;margin:0}.caption{font-size:10px;letter-spacing:.1px;opacity:.5;margin-top:29px}nav{position:fixed;right:34px;top:82px;display:flex;gap:22px}nav a{color:inherit;text-decoration:none;font-size:8px;letter-spacing:1.25px}nav small{display:block;font-size:8px;letter-spacing:.5px;opacity:.5;margin-top:5px}nav a:hover{opacity:.6}.guide{position:fixed;left:34px;bottom:34px;pointer-events:none}.guide p{margin:0 0 13px;font-size:11px;letter-spacing:.2px}.guide p small{display:block;font-size:9px;letter-spacing:.7px;opacity:.55;margin-top:7px}.guide>small{font-size:8px;letter-spacing:1.3px;opacity:.5}.controls{position:fixed;bottom:30px;right:34px;display:flex;gap:6px;padding:5px;border:1px solid #655c491c;background:#eeebe3b8;backdrop-filter:blur(16px)}button{font-family:inherit;color:#35352e;background:transparent;border:1px solid transparent;border-radius:0;padding:10px 12px;min-height:46px;cursor:pointer;text-align:left}button span{display:block;font-size:8px;letter-spacing:1px;white-space:nowrap}button small{display:block;font-size:8px;letter-spacing:.8px;opacity:.5;margin-top:5px}button:hover:not(:disabled){background:#fffaf08c;border-color:#655c4918}button:disabled{opacity:.27;cursor:default}:focus-visible{outline:1px solid #403e35;outline-offset:4px}#fallback{position:fixed;top:45%;left:10%;padding:30px;background:#fff}body.close-red{color:#f6ead8}body.close-red .date{color:#35352e;background:#eeeae2d9;padding:6px}body.close-red .dot{color:#f6ead8}@media(max-width:900px) and (min-width:641px){.title{left:26px}h1{font-size:32px}.controls{right:20px}button{padding:9px}.caption{max-width:135px}}@media(max-width:640px){header{left:20px;right:20px;top:20px}.brand{font-size:13px}.date{font-size:8px}.date small{font-size:7px}nav{top:65px;right:20px;gap:18px}nav a{font-size:7px}nav small{font-size:7px}.title{top:91px;left:20px}.eyebrow{font-size:6px;letter-spacing:1.1px}h1{font-size:25px;letter-spacing:-.9px;line-height:1;margin:9px 0 7px}h1 br{display:none}h1 br:after{content:' '}.title-zh{font-size:9px;letter-spacing:3px}.caption{display:none}.guide{left:20px;bottom:105px}.guide p{font-size:10px}.guide p small{font-size:8px}.guide>small{font-size:7px;letter-spacing:.8px}.controls{left:16px;right:16px;bottom:22px;gap:0;justify-content:space-between;padding:4px}button{padding:9px 5px;min-height:44px}button span{font-size:7px;letter-spacing:.45px}button small{font-size:7px;letter-spacing:.5px}}
.controls{max-width:calc(100vw - 32px);flex-wrap:wrap}canvas{overflow:hidden}@media(max-height:520px) and (min-width:640px){header{top:14px}nav{top:51px}.title{top:100px}.eyebrow{font-size:7px}h1{font-size:27px;margin:10px 0}.caption{display:none}.controls{bottom:14px}.guide{bottom:18px}}@media(max-width:360px){button{padding:8px 3px}button span{font-size:6px}.title h1{font-size:23px}}
canvas{inset:0;width:100%;height:100%}.controls{left:auto;right:12px;bottom:12px;padding:0;border:0;background:transparent;backdrop-filter:none;gap:17px;max-width:calc(100vw - 24px);flex-wrap:nowrap}.controls button{display:flex;align-items:baseline;gap:5px;padding:5px 0;min-height:24px;border:0;background:transparent}.controls button span{font-size:8px;letter-spacing:.6px}.controls button small{display:inline;font-size:7px;margin:0;letter-spacing:.3px}.controls button:hover:not(:disabled){background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}.guide{bottom:43px}@media(max-width:640px){.controls{left:auto;right:10px;bottom:10px;gap:9px;max-width:calc(100vw - 20px)}.controls button{gap:3px;min-height:23px;padding:5px 0}.controls button span{font-size:6px;letter-spacing:.15px}.controls button small{font-size:6px;letter-spacing:0}.guide{bottom:54px}}@media(max-width:360px){.controls{gap:6px}.controls button{gap:2px}.controls button span,.controls button small{font-size:5.5px}}