*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#120e14;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;color:#f6ead2}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.panel{position:fixed;background:#1c100e8c;backdrop-filter:blur(8px);border:1px solid rgba(230,180,90,.35);border-radius:10px;padding:10px 14px;user-select:none}#title{top:16px;left:16px}#title h1{font-size:22px;letter-spacing:4px;color:#ffd98a;font-weight:700}#title p{font-size:12px;opacity:.8;margin-top:4px;letter-spacing:1px}#stats{top:16px;right:16px;font-size:12px;line-height:1.7;min-width:170px}#stats b{color:#ffd98a;font-variant-numeric:tabular-nums;float:right;margin-left:14px}#controls{bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}.group{display:flex;gap:6px;align-items:center}.group span{font-size:12px;opacity:.75;margin-right:2px}button{background:#781e1499;color:#f6ead2;border:1px solid rgba(230,180,90,.45);border-radius:6px;padding:5px 11px;font-size:13px;cursor:pointer;font-family:inherit;transition:background .2s}button:hover{background:#aa321ecc}button.active{background:#b8322a;border-color:#ffd98a;color:#fff6dc}#hint{bottom:70px;left:50%;transform:translate(-50%);position:fixed;font-size:12px;opacity:.65;text-shadow:0 1px 3px #000;white-space:nowrap}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1210;z-index:10;transition:opacity .8s;gap:14px}#loading.hidden{opacity:0;pointer-events:none}#loading .seal{width:64px;height:64px;border:3px solid #b8322a;color:#b8322a;font-size:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.4}}@media (max-width: 720px){#title h1{font-size:17px}#stats,#hint{display:none}}