:root{--bg:#0b0f1a;--panel:#131a2a;--line:#24304a;--bone:#ece4d3;--text:#e8ebf2;--muted:#9aa4b8;--accent:#d9b26a;--palp:#7cc7bd;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--spotlight:radial-gradient(ellipse 60% 55% at 50% 52%, #d9b26a21, transparent 70%), radial-gradient(ellipse 120% 90% at 50% 40%, #121a2c, #06080e 75%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.hint{text-align:center;color:var(--muted);margin:0;font-size:.9rem}.stage-head{text-align:center;position:relative}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem}.stage-head h1{font:500 clamp(2.2rem, 6vw, 4rem) / 1 var(--serif);letter-spacing:.02em;color:var(--bone);margin:.1em 0 0}.latin{font:italic 1.15rem var(--serif);color:var(--muted);margin:.2em 0 0}.back{color:var(--muted);font-size:.85rem;text-decoration:none;position:absolute;top:0;left:0}.back:hover{color:var(--accent)}.bone{pointer-events:none;transition:opacity .3s,filter .25s}.bone.hl{filter:drop-shadow(0 0 10px #d9b26ad9)brightness(1.12)}.home-art,.stage-art,.detail-art,.palp-art{view-transition-name:art}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(art){object-fit:contain;height:100%}::view-transition-new(art){object-fit:contain;height:100%}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}}.home{box-sizing:border-box;background:var(--spotlight);grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-height:100dvh;padding:24px 16px 32px;display:grid}.home-art{filter:drop-shadow(0 30px 40px #0000008c);height:min(58vh,640px)}.home-art svg{max-width:min(100%,1200px);margin:auto;display:block}.region-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;width:100%;max-width:900px;margin:0 auto;display:grid}.region-cards a{border:1px solid var(--line);background:#131a2a99;border-radius:12px;gap:2px;padding:14px 16px;text-decoration:none;transition:border-color .2s,background .2s;display:grid}.region-cards a.on,.region-cards a:hover{border-color:var(--accent);background:#d9b26a14}.region-cards strong{font:600 1.3rem/1.1 var(--serif);color:var(--bone)}.region-cards span{color:var(--muted);font-size:.82rem}.dedication{text-align:center;font:italic 1.1rem var(--serif);color:var(--accent);margin:8px 0 0}.credit{text-align:center;color:var(--muted);margin:12px 0 0;font-size:.75rem}.credit a{color:inherit}.explode-section{height:320vh}.stage{box-sizing:border-box;background:var(--spotlight);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"head""art""panel""chips";gap:10px;height:100dvh;padding:20px 16px 16px;display:grid;position:sticky;top:0;overflow:hidden}.stage .stage-head{grid-area:head}.stage-art{filter:drop-shadow(0 30px 40px #0000008c);grid-area:art;min-height:0}.note-panel{grid-area:panel;max-height:34dvh;overflow:auto}.stage .species{grid-area:chips}@media (width>=900px){.region-stage{grid-template:"head head""art panel"minmax(0,1fr)"chips chips"/minmax(0,1fr) 340px}.note-panel{align-self:center;max-height:none}}.bone-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#131a2ad1;border-radius:14px;padding:16px 18px}.bone-panel h2{font:600 1.6rem/1.1 var(--serif);color:var(--bone);margin:0}.bone-panel .latin{color:var(--accent);margin-top:0}.bone-panel ul{margin:10px 0;padding-left:1.1em;font-size:.92rem}.bone-panel li+li{margin-top:4px}.fark{border-left:3px solid var(--accent);background:#d9b26a14;margin:10px 0;padding:8px 10px;font-size:.92rem}.fark span{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.72rem;display:block}.bone-panel details{color:var(--muted);font-size:.88rem}.bone-panel summary{cursor:pointer}.bone-panel dl{margin:6px 0 0}.bone-panel dl div{grid-template-columns:4.5em 1fr;gap:8px;padding:3px 0;display:grid}.bone-panel dt{color:var(--bone)}.bone-panel dd{margin:0}.detail-link{background:var(--accent);color:var(--bg);border-radius:999px;margin-top:10px;padding:6px 12px;font-size:.85rem;text-decoration:none;display:inline-block}.region-table{max-width:760px;margin:0 auto;padding:40px 16px 60px}.region-table h2{font:600 1.6rem var(--serif);color:var(--bone)}.table-wrap{overflow-x:auto}.region-table table{border-collapse:collapse;width:100%;font-size:.92rem}.region-table th,.region-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:8px 10px}.region-table thead th{color:var(--accent);font-weight:500}.region-table tr.on{background:#d9b26a1a}.region-table .muscles th,.region-table .muscles td{white-space:normal;vertical-align:top;min-width:9em}.region-table .muscles tbody th{color:var(--bone);font-weight:500}.draft{color:var(--muted);font-size:.8rem}.species{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.species a{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.species a:hover,.species a.on{color:var(--bg);background:var(--accent);border-color:var(--accent)}.detail{box-sizing:border-box;background:var(--spotlight);min-height:100dvh;padding:20px 16px 40px}.detail-body{gap:16px;max-width:1200px;margin:16px auto 0;display:grid}@media (width>=900px){.detail-body{grid-template-columns:minmax(0,1fr) 340px;align-items:center}}.detail-art svg{filter:drop-shadow(0 20px 30px #00000080);width:100%;max-height:72vh;display:block}.pin{cursor:pointer}.pin circle{fill:#0b0f1ad9;stroke:var(--accent);stroke-width:1.2px;transition:fill .2s}.pin text{fill:var(--accent);pointer-events:none;font-family:Inter,system-ui,sans-serif;font-weight:600}.pin.on circle{fill:var(--accent)}.pin.on text{fill:var(--bg)}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:.88rem;display:flex}.pin-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pin-list li{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.pin-list li.on{background:#d9b26a1a}.pin-list .num{border:1px solid var(--accent);width:1.7em;height:1.7em;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:600;display:grid}.pin-list li.on .num{background:var(--accent);color:var(--bg)}.pin-list strong{color:var(--bone);font-weight:500;display:block}.pin-list em{font:italic .95rem var(--serif);color:var(--muted)}.hidden-name{color:var(--muted);border-bottom:1px dashed var(--muted);font-size:.85rem}.region-end{text-align:center;margin:0;padding:0 16px 80px}.quiz-link{background:var(--accent);color:var(--bg);border-radius:999px;padding:10px 22px;font-weight:600;text-decoration:none;display:inline-block}.review-link{padding:7px 16px;font-size:.9rem}.quiz{box-sizing:border-box;background:var(--spotlight);min-height:100dvh;padding:20px 16px 40px}.quiz-card{gap:14px;max-width:760px;margin:18px auto 0;display:grid}.quiz-progress{text-align:center;letter-spacing:.15em;color:var(--muted);margin:0;font-size:.8rem}.quiz-art{filter:drop-shadow(0 20px 30px #00000080);height:min(46vh,480px)}.quiz-prompt{text-align:center;font:500 1.35rem/1.3 var(--serif);color:var(--bone);margin:0}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;display:grid}.quiz button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:#131a2ab3;border-radius:12px;padding:10px 14px;font-size:.95rem;transition:border-color .2s,background .2s}.quiz button:hover:not(:disabled){border-color:var(--accent)}.quiz button:disabled{cursor:default}.quiz button.right{background:#7cc48a29;border-color:#7cc48a}.quiz button.wrong{background:#e08b7829;border-color:#e08b78}.quiz button.primary{border-color:var(--accent);background:var(--accent);color:var(--bg);justify-self:center;padding:10px 26px;font-weight:600}.quiz-reveal{border:1px solid var(--line);background:#131a2ad1;border-radius:14px;margin:0;padding:14px 18px 14px 34px;font-size:.95rem}.quiz-reveal li+li{margin-top:6px}.quiz-feedback{text-align:center;gap:10px;display:grid}.quiz-feedback p{margin:0}.quiz-feedback .right{color:#9ad6a5}.quiz-feedback .wrong{color:#f0a894}.quiz-end{text-align:center}.quiz-score{font:500 3.5rem/1 var(--serif);color:var(--bone);margin:0}.quiz-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.quiz-actions a{color:var(--accent)}.joint-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.joint{border:1px solid var(--line);background:#131a2a99;border-radius:14px;padding:14px 16px;font-size:.92rem}.joint h3{font:600 1.3rem/1.1 var(--serif);color:var(--bone);margin:0}.joint .latin{color:var(--accent);margin:2px 0 8px;font-size:1rem}.joint p{margin:6px 0}.joint-bones{color:var(--muted);font-size:.8rem}.rom{margin:8px 0;font-size:.85rem}.rom div{color:var(--muted);grid-template-columns:4.5em 1fr;gap:8px;padding:2px 0;display:grid}.rom div.on{color:var(--text)}.rom dt{color:var(--bone)}.rom dd{margin:0}.joint-note{color:var(--muted)}.pin.palp circle{stroke:var(--palp);stroke-width:2px}.pin.palp text,.pin.palp.on circle{fill:var(--palp)}.pin.palp.on text{fill:var(--bg)}.pin-list .num.palp{border-color:var(--palp);color:var(--palp)}.pin-list li.on .num.palp{background:var(--palp);color:var(--bg)}.palp-tag{border:1px solid var(--palp);color:var(--palp);letter-spacing:.04em;vertical-align:2px;border-radius:999px;margin-left:8px;padding:0 7px;font-size:.68rem;display:inline-block}.home-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.ghost-link{border:1px solid var(--palp);color:var(--palp);border-radius:999px;padding:7px 16px;font-size:.9rem;text-decoration:none}.ghost-link:hover{background:#7cc7bd1a}.palp-art{filter:drop-shadow(0 20px 30px #00000080);height:min(70vh,720px);position:relative}.pin-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pin-layer .pin{pointer-events:auto}.palp-group h2{letter-spacing:.28em;text-transform:uppercase;color:var(--palp);margin:14px 0 4px;font-size:.72rem;font-weight:500}.detail .species{margin-top:24px}svg:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.search-box{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;max-width:640px;color:var(--text);font:inherit;border-radius:12px;margin:8px auto 16px;padding:12px 16px;font-size:1rem;display:block}.search-box:focus{outline:2px solid var(--accent);outline-offset:1px}.hits{gap:8px;max-width:640px;margin:0 auto;padding:0;list-style:none;display:grid}.hits li{border:1px solid var(--line);background:#131a2a99;border-radius:12px;gap:2px;padding:10px 14px;display:grid}.hits em,.hit-detail{color:var(--muted);font-size:.85rem}.hit-tip{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.hits nav{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.hits nav a{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:3px 10px;font-size:.8rem;text-decoration:none}.hits nav a:hover{border-color:var(--accent)}.review-bar{z-index:2;border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;max-width:760px;margin:12px auto 16px;padding:10px 14px;font-size:.9rem;display:flex;position:sticky;top:0}.review-bar .toggle{margin:0}.review-bar button{font:inherit;cursor:pointer;font-size:.85rem}.review-bar .quiz-link{border:0;padding:7px 16px}.review-bar .ghost-link{background:0 0}.review-bar button:disabled{opacity:.45;cursor:default}.review-group{border:1px solid var(--line);background:#131a2a99;border-radius:12px;max-width:760px;margin:0 auto 8px}.review-group summary{cursor:pointer;padding:12px 14px;font-weight:600}.review-group summary span{float:right;color:var(--muted);font-weight:400}.review-group ul{gap:6px;margin:0;padding:0 10px 10px;list-style:none;display:grid}.review-group li{border-left:3px solid var(--line);background:#0b0f1a80;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px;display:grid}.review-group li.ok{border-left-color:var(--palp)}.review-group li.bad{border-left-color:#e0786b}.review-group li>div:first-child{gap:2px;font-size:.9rem;display:grid}.review-group li>div:first-child span{color:var(--muted)}.review-group li a{color:var(--accent);font-size:.8rem}.review-buttons{gap:6px;display:flex}.review-buttons button{border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px;font-size:.8rem}.review-buttons button[aria-pressed=true]:first-child{border-color:var(--palp);background:#7cc7bd26}.review-buttons button[aria-pressed=true]:last-child{background:#e0786b26;border-color:#e0786b}.review-group textarea{border:1px solid var(--line);background:var(--panel);min-height:2.6em;color:var(--text);font:inherit;resize:vertical;border-radius:8px;grid-column:1/-1;padding:8px;font-size:.85rem}.palp-scroll{overflow-x:auto}@media (width<=700px){.palp-art{width:900px;height:auto;aspect-ratio:var(--ar)}}