html,body{margin:0;height:100%;overflow:hidden;background:#15141b;color:#f1e6cc;font-family:"Noto Serif SC",Songti SC,SimSun,serif}#stage{position:fixed;inset:0}#stage canvas{display:block}#panel{position:fixed;top:20px;left:20px;width:236px;padding:20px 22px;background:#12101ac7;border:1px solid rgba(255,215,140,.28);border-radius:6px;backdrop-filter:blur(6px)}h1{margin:0 0 4px;font-size:22px;letter-spacing:6px;color:#ffe2a8;font-weight:500}.sub{margin:0 0 14px;font-size:12px;color:#b9a98a;letter-spacing:1px}h2{margin:16px 0 8px;font-size:13px;letter-spacing:4px;color:#d9c6ff;font-weight:400}.seg{display:flex;gap:6px}button{font:inherit;font-size:13px;color:#f1e6cc;background:#ffffff0f;border:1px solid rgba(255,215,140,.3);border-radius:3px;padding:5px 12px;cursor:pointer}button:hover{border-color:#ffd78cb3}button.on{color:#2a1500;background:linear-gradient(#ffe7ae,#e6b65c);border-color:transparent}#pieces{list-style:none;margin:0;padding:0}#pieces li{display:flex;align-items:center;justify-content:space-between;padding:5px 0;font-size:14px;border-bottom:1px dashed rgba(255,215,140,.12)}#pieces label{display:flex;align-items:center;gap:8px;cursor:pointer}#pieces small{color:#9c8f78;font-size:11px}.row{display:flex;gap:6px;margin-top:10px}.hint{margin:16px 0 6px;font-size:11px;color:#8e8370}.back{font-size:12px;color:#c9b38a;text-decoration:none;letter-spacing:2px}.back:hover{color:#ffe9c0}#loading{position:fixed;right:24px;bottom:20px;font-size:13px;color:#c9b38a}#loading.done{display:none}@media(max-width:640px){#panel{width:auto;inset:auto 12px 12px;padding:12px 14px}#panel h1,.sub,.hint{display:none}}