:root{color-scheme:only light;font-family:PingFang SC,Hiragino Sans GB,system-ui,sans-serif;background:#9fd9d2}*{box-sizing:border-box}html,body,#scene{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}body:after{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;background-image:url(../assets/textures/materials/paper-grain-neutral-v1.webp);background-size:720px 720px;mix-blend-mode:multiply;opacity:.055}#scene{display:block;outline:none}#loading-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 38%,#365f50,#102f32 75%);color:#edf1d3;transition:opacity .35s ease}#loading-screen.is-ready{opacity:0;pointer-events:none}.loading-card{width:min(320px,80vw);text-align:center}.loading-card h1{font-size:26px;font-weight:500;letter-spacing:.16em;margin:26px 0 14px}.loading-card p{font-size:13px;line-height:1.8;min-height:24px;opacity:.8}.loading-ripple{width:56px;height:22px;border:2px solid #cbdca0;border-radius:50%;margin:auto;animation:river-loading 1.6s ease-in-out infinite}#loading-progress{width:100%;height:5px;accent-color:#d5e6ab;margin:15px 0}@keyframes river-loading{50%{transform:scale(1.3);opacity:.35}}#hud{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:4;display:flex;gap:10px;padding:8px 12px;color:#24433a;background:#fffce8c7;border:1px solid rgb(90 120 88 / 22%);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.hud-block{min-width:72px;text-align:center}.hud-block small{display:block;font-size:11px;opacity:.7}.hud-block b{font-size:18px;font-variant-numeric:tabular-nums}.hud-block.energy{min-width:140px}.energy-track{height:8px;margin:4px 0;background:#506e5a2e;border-radius:99px;overflow:hidden}.energy-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e7c14a,#f3f08a)}#toolbar{position:fixed;left:14px;bottom:14px;z-index:4;width:min(280px,calc(100vw - 28px));padding:12px 14px;color:#24433a;background:#fffce8db;border-radius:12px;border:1px solid rgb(90 120 88 / 22%)}#toolbar label,#toolbar button,.file-btn{display:block;width:100%;margin:6px 0;font-size:13px}#toolbar select,#toolbar button,.file-btn{padding:7px 10px;border-radius:8px;border:1px solid rgb(90 120 88 / 28%);background:#fffef6;color:inherit}#toolbar button,.file-btn{cursor:pointer;text-align:center}.file-btn input{display:none}#load-status{font-size:12px;opacity:.75;margin:8px 0 4px}#toolbar small{opacity:.7;font-size:11px;line-height:1.6}#pose-status{font-size:12px;line-height:1.55;margin:8px 0 6px}#pose-cues{display:flex;gap:6px;margin:0 0 8px}#pose-cues span{flex:1;padding:4px 0;text-align:center;font-size:11px;border-radius:99px;background:#506e5a1f;opacity:.55}#pose-cues span.is-on{opacity:1;background:#c8e38a;color:#24362c}#pose-preview{display:none;position:fixed;top:14px;left:14px;z-index:5;width:260px;overflow:hidden;border-radius:14px;border:2px solid rgb(255 252 232 / 86%);box-shadow:0 10px 28px #12282447;background:#123;pointer-events:none}#pose-preview video,#pose-skeleton{display:block;width:100%;height:196px;object-fit:cover;transform:scaleX(-1);background:#123}#pose-skeleton{position:absolute;left:0;top:0;pointer-events:none;background:transparent}#pose-preview-label{position:absolute;left:8px;bottom:18px;padding:2px 8px;font-size:11px;color:#edf1d3;background:#1024208c;border-radius:99px}#pose-calib-bar{position:absolute;left:0;right:0;bottom:0;height:7px;background:#ffffff38}#pose-calib-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#fff6d2,#7dce62)}body.pose-on #pose-preview{display:block}body.pose-ready #pose-calib-bar{display:none}@media(max-width:860px){body.pose-on #hud{top:228px}}#pose-toast{position:fixed;right:18px;bottom:18px;z-index:6;min-width:168px;padding:16px 28px;border-radius:20px;background:#fffce8e5;border:2px solid rgb(90 150 80 / 45%);box-shadow:0 12px 32px #14281c38;pointer-events:none;opacity:0;transform:translateY(12px) scale(.92);color:#2f7a32;font-size:42px;font-weight:800;letter-spacing:.08em;text-align:center;line-height:1.2}#pose-toast.is-on{opacity:1;transform:none;transition:opacity .16s ease,transform .16s ease}#pose-toast.is-out{opacity:0;transform:translateY(8px) scale(.96);transition:opacity .25s ease,transform .25s ease}#countdown{position:fixed;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#10282452,#10282400 58%);color:#fff6c8;font-size:min(46vw,300px);font-weight:900;line-height:.9;letter-spacing:.04em;text-shadow:0 10px 0 rgb(46 92 58 / 38%),0 18px 42px rgb(12 28 24 / 48%)}#countdown[hidden]{display:none!important}#countdown.is-pop{animation:countdown-pop .22s ease-out}@keyframes countdown-pop{0%{transform:scale(.52);opacity:.35}to{transform:scale(1);opacity:1}}#result-banner{position:fixed;top:46%;left:50%;transform:translate(-50%,-50%);z-index:5;min-width:260px;padding:22px 28px;text-align:center;color:#24362c;background:#fffadceb;border-radius:16px;border:1px solid rgb(90 120 88 / 25%);font-size:20px}#piece-labels{position:fixed;inset:0;z-index:3;pointer-events:none}.piece-label{position:absolute;left:0;top:0;pointer-events:auto;padding:4px 10px;font-size:12px;color:#24362c;background:#fffce8e5;border:1px solid rgb(90 120 88 / 28%);border-radius:8px;white-space:nowrap;cursor:pointer}.piece-label.is-active{background:#c8e38a;font-weight:600}#catalog-strip{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}#catalog-strip[hidden]{display:none}#catalog-strip button{width:auto;flex:1 1 30%;min-width:70px;margin:0;padding:4px 6px;font-size:11px;line-height:1.3}#catalog-strip button.is-active{background:#c8e38a;font-weight:600}