:root{font-family:system-ui,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:#f4f4f0;background:#b2c4cd}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#scene{position:fixed;inset:0}canvas{display:block}.masthead{position:fixed;top:18px;left:20px;display:flex;gap:20px;align-items:flex-start;justify-content:space-between;pointer-events:none}.masthead>div{background:rgba(21,36,40,.88);padding:16px 22px;border-radius:14px;box-shadow:0 8px 30px #0002;backdrop-filter:blur(8px)}.eyebrow{font-size:12px;letter-spacing:.1em;color:#c3ded8}.masthead h1{font-size:23px;margin:4px 0}.masthead p{color:#bbcbca;font-size:12px;margin:0}.masthead button{pointer-events:auto}.panel{position:fixed;right:20px;top:20px;width:218px;background:rgba(21,36,40,.9);padding:16px;border-radius:14px;box-shadow:0 8px 30px #0003;backdrop-filter:blur(8px);display:grid;gap:7px}.panel-title{font-weight:700;letter-spacing:.06em;margin:0 0 7px}.panel button,dialog button,.masthead button{border:1px solid #ffffff38;background:#ffffff10;color:white;padding:11px 12px;cursor:pointer;border-radius:8px;text-align:left;font:inherit;font-size:13px}.panel button:hover,.panel button.active{background:#d2b990;color:#222e2b}.panel button.outline{border-color:#c6b28e}.line{height:1px;background:#ffffff35;margin:7px 0}.toggle{font-size:12px;color:#dae4df;padding:5px 0;display:flex;align-items:center;gap:8px}.toggle input{accent-color:#d2b990}.notice{position:fixed;bottom:52px;left:20px;background:rgba(21,36,40,.88);padding:13px 16px;border-radius:10px;width:min(420px,calc(100vw - 40px));display:grid;gap:5px;backdrop-filter:blur(8px)}.notice b{font-size:15px}.notice span{font-size:12px;color:#d8e3e1;line-height:1.6}.hint{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#183134db;padding:8px 14px;border-radius:20px;font-size:12px;white-space:nowrap}.masthead button{background:rgba(21,36,40,.88);border-radius:12px}dialog{border:none;border-radius:14px;padding:24px;max-width:390px;background:#21373a;color:#fff;line-height:1.8}dialog::backdrop{background:#0009}#error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#812b2b;color:#fff;padding:24px;border-radius:12px;max-width:80vw}@media(max-width:680px){.masthead{top:10px;left:10px;right:10px}.masthead>div{padding:10px 12px}.masthead h1{font-size:17px}.eyebrow{font-size:10px}.masthead button{padding:8px}.panel{top:auto;bottom:92px;right:10px;width:155px;padding:10px;gap:4px}.panel button{font-size:11px;padding:7px 8px}.notice{bottom:38px;left:10px;width:calc(100vw - 185px);padding:9px}.notice span{font-size:10px}.hint{bottom:6px;font-size:9px;padding:5px 8px}}