:root{--bg:#000;--panel:#0f141b;--gold:#d4b77c;--ink:#eee6d6;--muted:#8d9196;--line:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#stage:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{background:0 0;border:0}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1460px;height:99px;margin:auto;padding:0 5%;display:flex}.brand{color:var(--ink);letter-spacing:4px;align-items:center;gap:14px;font-size:16px;text-decoration:none;display:flex}.brand small{letter-spacing:3px;color:var(--muted);margin-top:7px;font:8px Georgia,serif;display:block}.seal{width:38px;height:42px;color:var(--gold);border:1px solid #b69a61;border-radius:3px;place-items:center;font:27px KaiTi,STKaiti,serif;display:grid;transform:rotate(-5deg)}.edition{letter-spacing:3px;color:var(--muted);align-items:center;gap:19px;font:10px Georgia,serif;display:flex}.edition i{background:var(--gold);width:26px;height:1px}.top-note{color:#b6b1a7;letter-spacing:1px;font-size:11px}main{grid-template-columns:40% 60%;max-width:1360px;min-height:690px;margin:0 auto;display:grid;position:relative}.story{z-index:1;padding:63px 0 35px 9%}.eyebrow{letter-spacing:3px;color:var(--gold);align-items:center;gap:12px;font-size:10px;display:flex}.eyebrow>span:first-child{border:1px solid var(--gold);width:6px;height:6px;display:inline-block;transform:rotate(45deg)}.subheading{color:#bbb19e;letter-spacing:7px;margin:39px 0 4px;font-family:KaiTi,STKaiti,serif;font-size:20px}h1{letter-spacing:1px;white-space:nowrap;margin:0 0 23px;font-family:KaiTi,STKaiti,Songti SC,serif;font-size:clamp(50px,5.4vw,82px);font-weight:400}.description{color:#9e9c99;letter-spacing:2px;max-width:290px;font-size:13px;line-height:2.2}.rule{background:#aa8e55;width:50px;height:1px;margin:29px 0}.technique-label{color:var(--gold);letter-spacing:2px;font-size:11px}h2{letter-spacing:5px;margin:12px 0;font-family:KaiTi,STKaiti,serif;font-size:32px;font-weight:400}.craft{color:#757d89;margin-top:19px;font-size:11px;line-height:2}.actions{align-items:center;gap:13px;margin-top:30px;display:flex}.actions button{border:1px solid #ffffff20;padding:13px 19px;font-size:11px;transition:background .2s,color .2s}.actions .primary{background:var(--gold);color:#17150f;border-color:var(--gold)}.actions .primary[aria-pressed=true]{color:#fff;background:#8c7443}.actions button:hover{border-color:var(--gold)}.actions span{margin:0 8px}.collectible{color:#999489;letter-spacing:1px;align-items:center;gap:12px;margin-top:27px;font-size:10px;display:flex}.collectible>span{color:var(--gold);font-size:25px}.collectible small{color:#616975;letter-spacing:1.8px;margin-top:6px;font:8px Georgia,serif;display:block}.display{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.display-label{letter-spacing:3px;color:#5f626a;writing-mode:vertical-rl;font:8px Georgia,serif;position:absolute;top:39px;right:21px}.orbit{display:none}#stage{touch-action:none;cursor:grab;width:100%;height:625px;position:relative}#stage:active{cursor:grabbing}#stage canvas{width:100%;height:100%;display:block}#loading{color:var(--gold);letter-spacing:3px;text-align:center;white-space:pre-wrap;place-items:center;padding:30px;font-size:13px;display:grid;position:absolute;inset:0}.stage-hint{color:#7d828a;letter-spacing:1px;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:30px}.stage-hint>span{color:var(--gold);font-size:18px}.stage-hint b{color:#40454d;margin:0 4px;font-weight:400}.stage-hint button{color:#b3a383;margin-left:16px;font-size:10px}.view-label{letter-spacing:3px;color:#606773;font-size:8px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:30px;max-width:1210px;margin:0 auto 26px;padding:25px 0;display:flex}.control-heading{letter-spacing:2px;min-width:130px;font-size:13px}.control-heading small{color:#616975;letter-spacing:2px;margin-top:7px;font:8px Georgia,serif;display:block}.controls label{color:#9198a2;letter-spacing:1px;flex:1;min-width:90px;font-size:10px}.controls output{float:right;color:var(--gold);font:10px Georgia,serif}input[type=range]{width:100%;height:2px;accent-color:var(--gold);cursor:pointer;margin:14px 0 0;display:block}.save{min-width:94px;color:var(--gold);border-left:1px solid var(--line);padding-left:20px;font-size:10px}footer{letter-spacing:2px;color:#555d67;justify-content:space-between;max-width:1210px;margin:0 auto;padding-bottom:24px;font-size:9px;display:flex}footer span:nth-child(2){letter-spacing:2px;font:8px Georgia,serif}footer button{color:#8e8c84;font-size:9px}dialog{max-width:470px;color:var(--ink);background:#10151d;border:1px solid #8f76434d;padding:42px;line-height:1.9}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000b}dialog h2{letter-spacing:1px;font-size:26px}dialog p{color:#a5a6a9;font-size:12px}dialog .fine{color:#737b86;font-size:10px}.close{color:var(--gold);font-size:26px;position:absolute;top:9px;right:17px}@media (width>=1500px){main{min-height:760px}#stage{height:710px}.story{padding-top:86px}}@media (width<=1100px){.controls,footer{margin-left:5%;margin-right:5%}.controls{gap:20px}main{grid-template-columns:39% 61%}h1{font-size:58px}.story{padding-top:65px;padding-left:13%}.controls .control-heading{min-width:95px}.display-label{right:7px}.actions button{padding:11px 13px}.actions span{margin:0 3px}}@media (width<=760px){header{height:78px;padding:0 6%}.edition{display:none}.brand{font-size:13px}.brand small{font-size:7px}.top-note{font-size:10px}main{flex-direction:column;min-height:auto;display:flex}.story{padding:35px 7% 0}.subheading{margin:22px 0 4px;font-size:17px}h1{margin-bottom:12px;font-size:58px}.description{margin:0;font-size:12px;line-height:1.8}.story .rule,.story .technique-label,.story h2,.story .craft,.collectible{display:none}.actions{margin-top:23px;position:relative}.display{height:620px;margin-top:5px}#stage{height:570px}.stage-hint{bottom:14px}.view-label{top:8px}.display-label{top:47px;right:18px}.controls{grid-template-columns:1fr 1fr;gap:27px;margin-top:8px;padding:24px 0;display:grid}.control-heading{grid-column:1/-1}.control-heading small{margin-left:12px;display:inline}.save{text-align:left;border-left:0;border-top:1px solid var(--line);grid-column:1/-1;padding:10px 0}footer span:nth-child(2){display:none}footer{line-height:2}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--bg:#fff;--panel:#fff;--gold:#8b6a23;--ink:#17191d;--muted:#737982;--line:#11111112;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}dialog{color:#17191d;background:#fff}dialog::backdrop{background:#fffe}.actions .primary{color:#fff}.display{background:#fff}