.relic-grid{gap:22px}.specimen-case{position:relative;border:1px solid #9e947843;background:linear-gradient(145deg,#15212acc,#0c141edb 55%,#111c25);box-shadow:inset 0 0 0 6px #07101a55,0 14px 35px #0002;overflow:hidden;isolation:isolate;transition:border-color .5s,box-shadow .5s,transform .6s}.specimen-case:before,.specimen-case:after{content:'';position:absolute;width:22px;height:22px;pointer-events:none;border-color:#c4b28688;z-index:6}.specimen-case:before{top:7px;left:7px;border-top:1px solid;border-left:1px solid}.specimen-case:after{bottom:7px;right:7px;border-bottom:1px solid;border-right:1px solid}.specimen-case:hover{border-color:#ceb57b94;box-shadow:inset 0 0 0 6px #07101a55,0 20px 40px #0005,0 0 30px #b49a5820;transform:translateY(-5px);color:var(--text)}.case-topline{position:relative;z-index:4;margin:0 26px;display:flex;align-items:center;justify-content:space-between;padding:22px 0 15px;border-bottom:1px solid #a79b7b26}.case-topline small{font:11px/1.5 Georgia,serif;letter-spacing:1.8px;color:#c8b48a}.case-topline>span{color:#9ba9b2;font-size:11px;letter-spacing:1px}.specimen-field{aspect-ratio:auto;height:290px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#6b839023 0%,#101c2710 60%);perspective:900px;margin:0 8px;isolation:isolate}.specimen-field .case-origin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.1;filter:saturate(.35);mix-blend-mode:luminosity;mask-image:linear-gradient(transparent,black 22%,transparent 90%);transform:scale(1.05);transition:opacity .8s}.case-light{position:absolute;inset:0;background:conic-gradient(from 156deg at 50% -8%,transparent 0deg,#e6d4a828 13deg,#e6d4a833 22deg,transparent 43deg),radial-gradient(ellipse at 50% 75%,#8ecadd1c,transparent 60%);pointer-events:none;opacity:.6;transition:opacity .6s;z-index:1}.case-reticle{position:absolute;width:57%;aspect-ratio:1;border:1px solid #b6cad515;border-radius:50%;left:21.5%;top:12%;z-index:1}.case-reticle:before,.case-reticle:after{content:'';position:absolute;inset:-9%;border:1px solid #c6ab7825;border-radius:50%;transform:rotateX(60deg) rotate(-20deg)}.case-reticle:after{inset:8%;border-style:dashed;opacity:.55;transform:rotateX(-45deg) rotate(25deg)}.specimen-field>.specimen-image{position:relative;z-index:3;width:70%;height:75%;max-height:236px;object-fit:contain;align-self:center;filter:drop-shadow(0 18px 17px #000b);transform:translateY(-4px);animation:specimenFloat 8s ease-in-out infinite;animation-delay:calc(var(--order,0)*-1.7s);animation-play-state:paused;transition:transform .9s cubic-bezier(.2,.75,.2,1),filter .6s}.specimen-case.is-visible .specimen-image{animation-play-state:running}.case-base{position:absolute;left:19%;right:19%;bottom:28px;height:23px;border:1px solid #c9bb8644;border-top-color:#d2bf8c82;border-radius:50%;background:radial-gradient(ellipse,#aac6d412,#04090edb 73%);box-shadow:0 12px 18px #0007,0 -8px 28px #a2c3d211;z-index:2;transform:rotateX(25deg)}.case-base:after{content:'';position:absolute;left:8%;right:8%;top:8px;height:20px;border-bottom:1px solid #92a6b126;border-radius:50%}.case-number{position:absolute;left:22px;bottom:17px;font:10px/1 Georgia;color:#8b9daa88;letter-spacing:2px;z-index:4}.case-view{position:absolute;left:50%;bottom:10px;transform:translate(-50%,8px);display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#dac89f;opacity:0;transition:opacity .4s,transform .4s;z-index:5}.case-view .icon{width:14px;height:14px}.specimen-case:hover .case-view{opacity:1;transform:translate(-50%,0)}.specimen-case:hover .case-origin{opacity:.18}.specimen-case:hover .case-light{opacity:1}.specimen-case:hover .specimen-image{transform:translateY(-13px) rotateY(12deg) rotateZ(-3deg) scale(1.07);filter:drop-shadow(0 22px 25px #000) drop-shadow(0 0 12px #bfdbe420)}.specimen-field.tilting{box-shadow:none!important;transform:perspective(850px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important}.specimen-field:after{z-index:4!important;inset:0!important;border-radius:0!important}.specimen-case .relic-copy{position:relative;z-index:5;margin:0 26px;padding:22px 0 19px;border-top:1px solid #a79b7b40;min-height:196px;display:flex;flex-direction:column}.specimen-case .case-source{font-size:11px;line-height:1.6;color:#8eabb9;letter-spacing:.5px;margin-bottom:8px}.case-source>span{margin:0 5px;color:#897b60}.specimen-case .relic-copy h3{font-size:27px;line-height:1.4;letter-spacing:2px;margin:0 0 12px;color:#e6dfcd}.specimen-case .case-observation{font-size:13px;line-height:1.8;color:#9eabb4;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px;letter-spacing:.3px}.case-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:14px;border-top:1px solid #8393a020;margin-top:auto;font-size:11px}.case-evidence{display:flex;align-items:center;gap:8px;color:#9baab2;white-space:nowrap}.case-evidence-marks{display:flex;gap:3px}.case-evidence-marks i{width:5px;height:12px;background:#73849125;border:1px solid #85909a50}.case-evidence-marks i.lit{background:#c4ad7a88;border-color:#d0be90;box-shadow:0 0 9px #cfbb7650}.case-open{color:#c4b188;white-space:nowrap}.case-open>span{display:inline-block;margin-left:8px;font-size:18px;transition:transform .4s}.specimen-case:hover .case-open>span{transform:translateX(4px)}.specimen-case.collected .case-topline>span{color:#d3bd8a}.relic-grid.three .specimen-field,.featured-relics .specimen-field{height:320px}.relic-grid.three .specimen-image,.featured-relics .specimen-image{max-height:255px;width:68%;height:75%}.relic-grid.three .relic-copy{min-height:201px}.relic-grid>div:has(>.specimen-case) .relic-action{min-height:66px;border:1px solid #9e947843;border-top:0;background:#0f1a24}.relic-grid>div:has(>.specimen-case) .relic-action .button{font-size:13px;padding:8px 22px;min-height:40px}.relic-grid>div:has(>.specimen-case) .relic-action>span{font-size:12px;color:#96a5ae}.featured-relics>.specimen-case{display:block!important}
@keyframes specimenFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(max-width:1150px){.case-topline{margin:0 20px}.specimen-case .relic-copy{margin:0 20px}.specimen-field{height:235px}.relic-grid.three .specimen-field,.featured-relics .specimen-field{height:285px}.specimen-case .relic-copy h3{font-size:23px}.case-topline small{font-size:10px;letter-spacing:1px}.case-footer{gap:5px}.case-open>span{margin-left:3px}.case-evidence{gap:5px}}
@media(max-width:850px){.relic-grid.three,.featured-relics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.specimen-case .relic-copy{margin:0 17px;min-height:188px}.case-topline{margin:0 17px;padding:18px 0 13px}.case-topline>span{font-size:10px}.specimen-case .case-observation{font-size:12px;min-height:44px}.specimen-case .case-source{font-size:10px}.case-source>span{margin:0 2px}.specimen-field{height:250px}.relic-grid.three .specimen-field,.featured-relics .specimen-field{height:230px}.case-evidence-marks{display:none}.case-footer{font-size:10px}.case-topline small{font-size:9px}.case-topline>span{letter-spacing:0}.specimen-case .relic-copy h3{font-size:22px;letter-spacing:1px}.specimen-case .case-number{left:15px}.case-reticle{top:20%}}
@media(max-width:620px){.relic-grid.three,.featured-relics{grid-template-columns:1fr;gap:24px}.relic-grid.three .specimen-case,.featured-relics .specimen-case{display:grid;grid-template-columns:43% 57%;align-items:stretch}.relic-grid.three .case-topline,.featured-relics .case-topline{grid-column:1/-1;margin:0 20px;padding:18px 0 13px}.relic-grid.three .specimen-field,.featured-relics .specimen-field{height:auto;min-height:236px;margin:0 0 0 6px;grid-column:1;align-self:stretch}.relic-grid.three .specimen-image,.featured-relics .specimen-image{height:65%;width:90%;max-height:180px}.relic-grid.three .relic-copy,.featured-relics .relic-copy{grid-column:2;border-top:0;margin:0 18px 0 10px;padding:24px 0 19px;min-height:236px}.relic-grid.three .relic-copy h3,.featured-relics .relic-copy h3{font-size:24px;line-height:1.5;margin-bottom:10px}.relic-grid.three .case-source,.featured-relics .case-source{font-size:10px;letter-spacing:0}.relic-grid.three .case-source>span,.featured-relics .case-source>span{display:inline}.relic-grid.three .case-source,.featured-relics .case-source{max-width:150px}.case-topline small{font-size:11px;letter-spacing:1px}.case-topline>span{font-size:11px}.specimen-case .relic-copy{margin:0 13px;padding:18px 0 14px;min-height:206px}.specimen-field{height:175px;margin:0 4px}.specimen-field>.specimen-image{width:85%;height:78%}.case-base{left:14%;right:14%;bottom:30px;height:15px}.case-base:after{top:4px;height:15px}.case-number{bottom:17px;font-size:9px}.specimen-case .relic-copy h3{font-size:21px;line-height:1.5}.case-topline{margin:0 13px;padding:17px 0 13px;gap:5px}.relic-grid:not(.three):not(.featured-relics) .case-topline{flex-wrap:wrap}.specimen-case .case-observation{line-height:1.8;min-height:44px;margin-bottom:17px}.case-footer{flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.5}.case-evidence{gap:4px}.case-open>span{font-size:16px}.case-view{display:none}.relic-grid:not(.three):not(.featured-relics){gap:14px}.case-light{opacity:.8}}
@media(max-width:350px){.relic-grid:not(.three):not(.featured-relics){gap:10px}.specimen-case .relic-copy h3{font-size:19px}.relic-grid.three .relic-copy h3{font-size:21px}.specimen-case .case-observation{font-size:11px}.relic-grid.three .relic-copy{margin-right:14px}.case-topline small{font-size:10px}.case-topline>span{font-size:10px}}