:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#172033;background:#f5f2ea}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1100px;margin:auto;padding:24px}.hero,.panel{background:#fff;border:1px solid #d9d4c8;border-radius:18px;padding:20px;box-shadow:0 10px 30px #3e4b5b14}.hero{margin-bottom:18px}.eyebrow{color:#8b5e34;font-weight:800;letter-spacing:.08em}.grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}#board{position:relative;height:620px;overflow:hidden;background:linear-gradient(#e9f1ef,#f9f1dd);border-radius:16px;border:1px solid #cbd6d2}.hold{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:2px solid #7e8c89;background:#fff;color:#46524f;z-index:3}.hold.reachable{border-color:#c16a2c}.hold.visible{box-shadow:0 0 0 7px #e9b56d55}.hold.target{background:#f5a65b;color:#fff}.hand{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#23364d;color:white;z-index:5}.hand-R{background:#8c3b45}.hand.loaded{outline:5px solid #f5c15a}.gaze{position:absolute;top:4%;width:4px;height:92%;background:#355e7a55;z-index:1;transition:left .15s}.pressure{position:absolute;bottom:0;left:0;right:0;background:#c33d3d33;border-top:2px solid #a82c2c;z-index:0}.meter{height:12px;background:#ece7dc;border-radius:99px;overflow:hidden;margin:6px 0 14px}.meter>i{display:block;height:100%;background:#3f846d}.meter.warn>i{background:#d17b36}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls button,.cta{border:0;border-radius:12px;padding:12px 14px;background:#263a52;color:white;font-weight:750;cursor:pointer}.controls button:disabled{opacity:.35}.controls .wide{grid-column:1/-1;background:#8b5e34}.note{padding:12px;background:#f5f0e6;border-radius:12px}.tiny{font-size:13px;color:#667}.camera{width:100%;border-radius:10px;background:#111;max-height:120px}pre{max-height:220px;overflow:auto;background:#172033;color:#dce6ef;padding:12px;border-radius:12px;font-size:11px}.links{display:flex;gap:10px;flex-wrap:wrap}.links a{color:#8b4b28;font-weight:700}@media(max-width:800px){.grid{grid-template-columns:1fr}#board{height:520px}.wrap{padding:12px}}