/* Shared, transparent 7×3 art atlas for the 21 supported species. */
.species-row{grid-template-columns:36px minmax(88px,1.1fr) minmax(55px,1fr) 28px;gap:8px;min-height:42px}
.species-art,.species-art-placeholder{display:block;width:36px;height:36px;border-radius:7px;background-image:url('assets/species-art-atlas.png');background-repeat:no-repeat;background-size:700% 300%;background-position:var(--art-x,0%) var(--art-y,0%)}
.species-art-placeholder{background-image:radial-gradient(circle at 50% 40%,rgba(88,192,198,.18),rgba(88,192,198,.02) 70%);border:1px solid rgba(214,237,226,.08)}
.skin-dino-card{display:flex;align-items:center;gap:11px;padding:9px;border-color:rgba(121,215,181,.22)}
.skin-dino-art{display:block;flex:none;width:76px;height:76px;border-radius:9px;background-image:url('assets/species-art-atlas.png');background-repeat:no-repeat;background-size:700% 300%;background-position:var(--art-x) var(--art-y);background-color:rgba(120,178,164,.06)}
.skin-dino-details{display:grid;min-width:0;gap:5px}.skin-dino-card>span{font-size:7px;line-height:1.3;color:#81d8b0}.skin-dino-card>b{margin:0;overflow-wrap:anywhere;font-size:12px}.skin-dino-card small{font-size:9px;color:#b7c7c2}
.skin-species-ribbon{margin-top:-5px;margin-bottom:12px;padding:9px 11px;border:1px solid rgba(147,176,186,.1);border-radius:10px;background:linear-gradient(100deg,rgba(18,34,44,.85),rgba(12,24,33,.78))}.skin-species-ribbon>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#84a3aa;font:700 8px Inter,"Segoe UI",sans-serif;letter-spacing:.12em}.skin-species-ribbon a{color:#8dd8b7;font-size:8px;letter-spacing:.02em}.skin-species-strip{display:grid;grid-template-columns:repeat(21,minmax(0,1fr));gap:4px}.skin-species-strip-item{display:grid;min-width:0;justify-items:center;gap:2px;overflow:hidden;padding:3px;border-radius:6px;background:rgba(104,153,150,.045)}.skin-species-strip-art{display:block;width:100%;max-width:48px;aspect-ratio:1;border-radius:4px;background-image:url('assets/species-art-atlas.png');background-repeat:no-repeat;background-size:700% 300%;background-position:var(--art-x) var(--art-y)}.skin-species-strip-item small{display:block;width:100%;overflow:hidden;color:#91a8aa;font-size:6px;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.skin-species-gallery{margin-top:2px;margin-bottom:20px;padding:16px 18px;border:1px solid rgba(147,176,186,.12);border-radius:14px;background:linear-gradient(155deg,rgba(19,32,42,.94),rgba(13,23,32,.96));box-shadow:0 18px 48px rgba(0,0,0,.16)}.skin-species-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.skin-species-gallery-heading .overline{color:#83a2a6;font-size:8px;letter-spacing:.16em}.skin-species-gallery-heading h2{margin:6px 0 0;color:#f0f3ef;font-size:20px;letter-spacing:-.035em}.skin-species-gallery-count{padding:6px 8px;border:1px solid rgba(121,215,181,.16);border-radius:6px;color:#91bba9;font:700 8px Consolas,monospace;letter-spacing:.06em}.skin-species-gallery-note{margin:7px 0 14px;color:#8298a1;font-size:10px}.skin-species-gallery-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.skin-species-card{display:grid;justify-items:center;min-width:0;overflow:hidden;padding:8px;border:1px solid rgba(145,175,182,.1);border-radius:9px;background:linear-gradient(145deg,rgba(22,39,49,.82),rgba(11,22,31,.78));transition:border-color .18s ease,transform .18s ease}.skin-species-card:hover{transform:translateY(-2px);border-color:rgba(121,215,181,.3)}.skin-gallery-art{display:block;width:min(100%,145px);aspect-ratio:1;border-radius:6px;background-image:url('assets/species-art-atlas.png');background-repeat:no-repeat;background-size:700% 300%;background-position:var(--art-x) var(--art-y);background-color:rgba(74,111,111,.075)}.skin-species-card b{display:block;width:100%;min-height:2.7em;margin-top:7px;color:#dce8e4;font-size:clamp(9px,.85vw,11px);line-height:1.35;text-align:center;overflow-wrap:anywhere}
.skin-model-state{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(122,194,207,.2);border-radius:7px;background:rgba(41,90,112,.1);color:#9bc8d0;font:750 8px/1 Inter,"Segoe UI",sans-serif;letter-spacing:.08em;white-space:nowrap}.skin-model-state i{width:6px;height:6px;border-radius:50%;background:#8ebdca;box-shadow:0 0 0 3px rgba(142,189,202,.1)}
.skin-model-empty{isolation:isolate;display:grid;place-items:center;border-color:rgba(135,182,193,.17);background:radial-gradient(ellipse at 50% 42%,rgba(47,93,111,.2),transparent 48%),linear-gradient(150deg,#101e2b,#09131e 70%,#0d1a24)}
.skin-model-empty:before{position:absolute;z-index:0;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(183,221,215,.035),transparent 42%,rgba(0,0,0,.2)),radial-gradient(ellipse at 50% 77%,rgba(95,175,167,.1),transparent 42%)}
.skin-model-empty .skin-stage-light{z-index:0;width:42%;height:34%;filter:blur(58px)}.skin-model-empty .skin-stage-light-a{top:7%;left:8%;background:rgba(115,201,195,.13)}.skin-model-empty .skin-stage-light-b{top:11%;right:4%;left:auto;background:rgba(130,157,222,.12)}
.skin-model-halo{position:absolute;top:15%;left:50%;z-index:0;width:min(48vw,410px);aspect-ratio:1;transform:translateX(-50%);border:1px solid rgba(159,201,207,.1);border-radius:50%;background:radial-gradient(circle,rgba(139,192,194,.045),transparent 68%);box-shadow:0 0 80px rgba(92,167,171,.06),inset 0 0 65px rgba(94,143,160,.035)}
.skin-model-halo span,.skin-model-halo i{position:absolute;inset:8%;border:1px solid rgba(159,201,207,.055);border-radius:50%}.skin-model-halo i{inset:18%;border-color:rgba(159,201,207,.045)}
.skin-model-pedestal{position:absolute;bottom:13%;left:50%;z-index:1;width:min(42%,390px);height:36px;transform:translateX(-50%);border:1px solid rgba(155,202,203,.19);border-radius:50%;background:linear-gradient(180deg,rgba(132,180,184,.15),rgba(32,56,69,.32));box-shadow:0 15px 45px rgba(66,166,163,.12),0 36px 70px rgba(0,0,0,.34)}
.skin-model-pedestal span{position:absolute;top:5px;right:4%;left:4%;height:11px;border:1px solid rgba(174,215,211,.1);border-radius:50%;background:rgba(145,190,190,.07)}.skin-model-pedestal i{position:absolute;top:34px;left:15%;width:70%;height:44px;border-radius:0 0 18px 18px;background:linear-gradient(90deg,rgba(23,41,52,.6),rgba(70,112,119,.15),rgba(23,41,52,.6));filter:blur(2px)}
.skin-model-coming-soon{position:relative;z-index:2;display:grid;justify-items:center;max-width:440px;padding:20px;text-align:center;transform:translateY(-6%)}.skin-model-index{color:#87b9bf;font:750 8px/1.2 Inter,"Segoe UI",sans-serif;letter-spacing:.16em}.skin-model-index i{padding-inline:4px;color:#54727c;font-style:normal}.skin-model-coming-soon h3{margin:12px 0 0;color:#edf2ed;font-size:clamp(22px,3vw,32px);font-weight:720;letter-spacing:-.045em}.skin-model-coming-soon p{max-width:360px;margin:8px 0 0;color:#9db1b8;font-size:11px;line-height:1.6}.skin-model-coming-soon small{margin-top:13px;padding:6px 9px;border:1px solid rgba(142,189,202,.12);border-radius:99px;color:#88a6b0;font:650 8px/1 Inter,"Segoe UI",sans-serif;letter-spacing:.04em}
.skin-model-empty .skin-stage-floor{z-index:1;bottom:14%;width:min(70%,620px);height:18%;border-color:rgba(134,181,185,.1);background:radial-gradient(ellipse,rgba(93,163,163,.08),rgba(27,49,60,.025) 56%,transparent 72%);pointer-events:none}.skin-model-empty .skin-stage-caption{color:rgba(166,198,202,.48)}.skin-viewport-controls .viewer-tool:disabled{opacity:.42;cursor:not-allowed}.toggle-control.is-unavailable{opacity:.5;cursor:not-allowed}.skin-model-note{color:#829ca4}
@media(max-width:760px){.species-row{grid-template-columns:32px minmax(75px,1.1fr) minmax(42px,1fr) 26px}.species-art,.species-art-placeholder{width:32px;height:32px}.skin-model-halo{top:20%;width:min(75vw,340px)}.skin-model-pedestal{bottom:18%;width:58%}.skin-model-empty .skin-stage-caption{font-size:6px}.skin-viewport-help{flex-basis:100%;margin-left:0}}
@media(max-width:1080px){.skin-species-gallery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:680px){.skin-species-gallery{padding:14px}.skin-species-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.skin-species-card{padding:6px}}
.skin-species-card{font:inherit;color:inherit;cursor:pointer}.skin-species-card[aria-pressed=true]{border-color:rgba(121,215,181,.65);background:linear-gradient(145deg,rgba(34,77,66,.48),rgba(15,35,40,.92));box-shadow:0 0 0 1px rgba(121,215,181,.13),0 7px 22px rgba(0,0,0,.16)}.skin-gallery-art{background-size:714% 306%}.skin-selected-concept-art{display:block;width:min(42vw,270px);height:min(34vh,230px);min-height:140px;margin-bottom:5px}.skin-selected-art-image{display:block;width:100%;height:100%;border-radius:8px;background-image:url('assets/species-art-atlas.png');background-repeat:no-repeat;background-size:714% 306%;background-position:var(--art-x) var(--art-y)}.skin-selected-concept-art[hidden]{display:none!important}