.anatomy-page{--holo-bg:#1a1a2e;--holo-blue:#00D4FF;--holo-blue-dim:rgba(0,212,255,0.15);--holo-blue-mid:rgba(0,212,255,0.35);--holo-orange:#FF6B00;--holo-orange-dim:rgba(255,107,0,0.12);--holo-orange-mid:rgba(255,107,0,0.4);position:fixed;inset:0;z-index:5;background:#0a0a14;color:var(--holo-blue);overflow:hidden;font-family:var(--font-mono),"Space Mono",monospace}.anatomy-bg{position:absolute;inset:0 0 -30% 0;background:#0a0a14 url(/media/anatomy-bg.webp) 50%/cover no-repeat;transform-origin:56% 90%;will-change:transform;z-index:0}.anatomy-layout{position:relative;z-index:1;width:100%;height:100%}.anatomy-canvas-wrap{position:absolute;inset:0;z-index:1;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.anatomy-canvas-wrap canvas{display:block;touch-action:none}.anatomy-hud-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:16px;z-index:2}.anatomy-hud-bottom,.anatomy-hud-top{text-align:center}.anatomy-hud{font-size:9px;text-shadow:0 1px 6px rgba(0,0,0,.6)}.anatomy-hud,.anatomy-loading{font-family:var(--font-mono),"Space Mono",monospace;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.7)}.anatomy-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.anatomy-tooltip{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);pointer-events:none;background:rgba(2,8,20,.92);border:1px solid rgba(0,212,255,.3);border-radius:6px;padding:8px 14px;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.anatomy-tooltip-name{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em}.anatomy-tooltip-group{font-size:9px;color:rgba(0,212,255,.6);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.anatomy-label{position:fixed;z-index:15;pointer-events:none;background:rgba(2,8,20,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:8px 12px;transform:translate(-50%,-100%);animation:label-in .15s ease both}@keyframes label-in{0%{opacity:0;transform:translate(-50%,-100%) scale(.92)}to{opacity:1;transform:translate(-50%,-100%) scale(1)}}.anatomy-label-name{font-size:13px;font-weight:700;color:#fff;letter-spacing:.04em}.anatomy-label-group,.anatomy-label-name{text-transform:uppercase;white-space:nowrap}.anatomy-label-group{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:.06em;color:var(--holo-blue);margin-top:2px}.anatomy-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.anatomy-legend-btn{position:fixed;top:calc(16px + env(safe-area-inset-top, 0px));right:calc(16px + env(safe-area-inset-right, 0px));z-index:18;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(10,10,20,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:rgba(255,255,255,.75);cursor:pointer;transition:border-color .2s,color .2s}.anatomy-legend-btn:hover{border-color:rgba(255,255,255,.3);color:#fff}.anatomy-legend-icon{width:18px;height:18px}.anatomy-legend{position:fixed;top:calc(64px + env(safe-area-inset-top, 0px));right:calc(16px + env(safe-area-inset-right, 0px));z-index:30;background:rgba(2,8,20,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;min-width:200px;animation:label-in .15s ease both}.anatomy-legend-title{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(0,212,255,.5);padding:4px 8px 8px}.anatomy-legend-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;background:none;border:1px solid transparent;border-radius:6px;color:var(--holo-blue);font-family:var(--font-mono),"Space Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.anatomy-legend-item:hover{background:rgba(0,212,255,.06)}.anatomy-legend-item--active{border-color:rgba(0,212,255,.3);background:rgba(0,212,255,.1);color:#fff}.anatomy-backdrop{position:fixed;inset:0;z-index:28;background:rgba(0,0,0,.5);animation:fade-in .2s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.anatomy-sheet{position:fixed;bottom:0;left:0;right:0;z-index:30;max-height:45dvh;overflow-y:auto;background:rgba(2,8,20,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,212,255,.2);border-radius:16px 16px 0 0;padding:8px 16px calc(16px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:10px;animation:sheet-up .3s cubic-bezier(.4,0,.2,1) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){.anatomy-sheet{left:auto;right:16px;bottom:16px;width:380px;max-height:calc(100vh - 100px);border-radius:12px;border:1px solid rgba(0,212,255,.2);animation:label-in .2s ease both}}.anatomy-sheet-handle{width:36px;height:4px;background:rgba(0,212,255,.3);border-radius:2px;margin:0 auto 4px}@media (min-width:768px){.anatomy-sheet-handle{display:none}}.anatomy-sheet-header{display:flex;align-items:center;gap:8px}.anatomy-sheet-title{flex:1;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--holo-orange);font-weight:700}.anatomy-sheet-close{background:none;border:none;color:rgba(255,255,255,.5);font-size:16px;cursor:pointer;padding:4px;line-height:1;transition:color .15s}.anatomy-sheet-close:hover{color:#fff}.anatomy-sheet-desc{font-size:11px;line-height:1.5;color:rgba(0,212,255,.6);font-family:var(--font-body),sans-serif}.anatomy-sheet-muscles{display:flex;flex-wrap:wrap;gap:6px}.anatomy-sheet-muscle{font-size:10px;padding:3px 8px;border:1px solid rgba(0,212,255,.2);border-radius:12px;color:rgba(0,212,255,.7)}.anatomy-sheet-exercises{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(0,212,255,.12);padding-top:10px}.anatomy-sheet-exercises-title{font-family:var(--font-mono),"Space Mono",monospace;font-size:10px;color:rgba(0,212,255,.5);text-transform:uppercase;letter-spacing:.08em}.anatomy-sheet-exercise{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(0,212,255,.1);border-radius:6px;text-decoration:none;color:var(--holo-blue);font-size:12px;font-family:var(--font-body),sans-serif;transition:border-color .2s,background .2s}.anatomy-sheet-exercise:hover{border-color:var(--holo-orange-mid);background:rgba(255,107,0,.06)}.anatomy-sheet-exercise-title{flex:1}.anatomy-sheet-exercise-level{font-family:var(--font-mono),"Space Mono",monospace;font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border-radius:3px;border:1px solid rgba(0,212,255,.2);color:rgba(0,212,255,.7);white-space:nowrap}.anatomy-sheet-empty{text-align:center;padding:12px;color:rgba(0,212,255,.4);font-size:11px;text-transform:uppercase;letter-spacing:.1em}@media (prefers-reduced-motion:reduce){.anatomy-backdrop,.anatomy-label,.anatomy-legend,.anatomy-sheet{transition:none;animation:none}}