*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic,sans-serif;background:linear-gradient(180deg,#fdf6e3,#ffe9c7);color:#5b4632;min-height:100vh}#app{position:relative;max-width:1000px;margin:0 auto;padding:16px}.language-switcher{display:flex;justify-content:flex-end;gap:4px;min-height:36px}.language-switcher button{min-width:46px;min-height:34px;border:2px solid #d5ad73;background:#fffdf7;color:#5b4632;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:700;line-height:1;cursor:pointer}.language-switcher button.active{border-color:#d9631e;background:#ff9d3c;color:#fff}.screen{display:none;text-align:center}.screen.active{display:block}.hidden{display:none!important}h1{font-size:3rem;margin:8px 0}.title-illust{width:180px;margin-top:24px}.subtitle{font-size:1.2rem;margin-bottom:24px}.howto{background:#fffdf7;border:3px solid #e8c48a;border-radius:16px;padding:16px 24px;margin:0 auto 24px;max-width:640px;text-align:left}.howto h2{text-align:center;margin-bottom:8px}.howto ul{list-style:none}.howto li{margin:6px 0}.howto li,.subtitle,.calib-status,.gm-bubble,.pose-warning{overflow-wrap:anywhere}.privacy{font-size:.8rem;color:#9a8468;margin-top:8px;text-align:center}.btn-primary{font-size:1.4rem;font-family:inherit;padding:14px 40px;border:none;border-radius:999px;background:#ff9d3c;color:#fff;cursor:pointer;box-shadow:0 4px #d97b1e;transition:transform .1s}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;box-shadow:0 4px #aaa;cursor:not-allowed}.error{color:#c0392b;margin-top:12px}.cam-wrap{display:flex;justify-content:center;margin:16px 0}#calib-canvas{border-radius:12px;border:4px solid #e8c48a;max-width:100%}.calib-status{font-size:1.1rem;margin:12px 0 20px;min-height:1.5em}.camera-selector{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 12px;flex-wrap:wrap}.camera-selector label{font-weight:700}.camera-selector select{max-width:min(100%,420px);padding:8px 12px;border:2px solid #d5ad73;border-radius:8px;background:#fffdf7;color:#5b4632;font:inherit}.preview-toggle{display:flex;justify-content:center;gap:12px 20px;margin-bottom:8px;flex-wrap:wrap}.preview-toggle label{cursor:pointer;font-size:1rem}.btn-toggle-preview{position:absolute;right:4px;top:4px;border:none;border-radius:6px;background:#00000073;color:#fff;font-size:.9rem;padding:2px 6px;cursor:pointer}.btn-toggle-preview:hover{background:#000000b3}.hud{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:1.2rem;font-weight:700}.hud-exercise{color:#d9631e;font-size:1.4rem}.hud-combo{color:#e74c8b;min-width:100px}.play-area{position:relative}#game-canvas{width:100%;border-radius:16px;border:4px solid #e8c48a;background:#fff8ec}.cam-mini{position:relative;width:min(100%,360px);margin:12px auto 0;border:4px solid #e8c48a;border-radius:8px;overflow:hidden;background:#2c292c}#cam-canvas{display:block;width:100%;height:auto}.gm-img{position:absolute;left:12px;bottom:12px;width:140px;pointer-events:none}.gm-bubble{position:absolute;left:16px;top:16px;background:#fff;border:3px solid #5b4632;border-radius:16px;padding:12px 20px;font-size:1.5rem;font-weight:700;max-width:60%;text-align:left}.gm-bubble:after{content:"";position:absolute;left:24px;bottom:-14px;border:8px solid transparent;border-top-color:#5b4632}.pose-warning{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);background:#c0392be6;color:#fff;padding:12px 24px;border-radius:12px;font-size:1.2rem;font-weight:700}.result-visuals{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:16px}#result-victory-canvas{width:min(480px,100%);border:4px solid #e8c48a;border-radius:16px}.result-rank-img{width:220px}.result-rank{font-size:2.4rem;font-weight:700;margin:8px 0}.result-score{font-size:1.6rem;margin-bottom:16px}.result-detail{background:#fffdf7;border:3px solid #e8c48a;border-radius:16px;padding:16px;margin:0 auto 24px;max-width:480px;text-align:left;font-size:1.1rem}@media(max-width:700px){#app{padding:10px}h1{font-size:clamp(2rem,10vw,3rem)}.title-illust{width:150px;margin-top:8px}.subtitle{margin-bottom:16px}.howto{padding:14px 16px;margin-bottom:18px}.btn-primary{max-width:100%;font-size:1.1rem;padding:12px 24px;white-space:normal}.hud{flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:1rem}.hud-exercise{flex:1 1 100%;font-size:1.15rem}.hud-timer,.hud-score,.hud-combo{flex:1 1 auto;min-width:0}.hud-combo{min-width:0}.gm-img{left:6px;bottom:6px;width:clamp(72px,20vw,120px)}.gm-bubble{left:8px;top:8px;max-width:calc(100% - 16px);padding:9px 12px;font-size:clamp(.8rem,3.2vw,1.1rem)}.pose-warning{width:min(90%,430px);padding:10px 14px;font-size:clamp(.85rem,3.5vw,1.1rem)}.result-rank{font-size:clamp(1.8rem,8vw,2.4rem)}.result-detail{margin-bottom:18px}}@media(max-width:420px){.language-switcher{margin-bottom:2px}.howto{padding:12px}.howto li{margin:8px 0}.privacy{font-size:.75rem}.preview-toggle{align-items:flex-start;flex-direction:column}}