/* Fauna: collection interface and physical pack/card handling. */
.hero{min-height:455px}.hero h1{font-size:58px;margin-bottom:20px}.hero-description{max-width:350px}.hero-collection-link{margin-top:22px;font-size:11px}.collection-summary{display:flex;justify-content:center;align-items:center;gap:70px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#838c79}.collection-summary b{font-size:14px;color:#49653f;font-weight:600;margin-right:3px}.set-copy p{font-size:11px}.site-footer{margin-top:16px}.about-subheading{font-family:var(--serif);font-weight:500;font-size:19px;margin:22px 0 9px}.detail-stats b{font-size:12px}.pack-assembly{--tear:0;position:relative;perspective:1000px;width:240px;height:330px;margin:24px auto 14px;isolation:isolate}.pack-assembly .pack-big{position:absolute;left:25px;top:17px;width:190px;height:290px;margin:0;z-index:4;transform:rotate(-4deg);filter:drop-shadow(1px 17px 15px #2944303b);transition:transform .25s;pointer-events:none}.pack-assembly .pack-big .pack:before{display:none}.pack-assembly .pack-big .pack{border-radius:3px 3px 8px 8px;background-color:#244a36}.pack-assembly .pack-big .pack:after{height:13px}.pack-assembly .pack-big .pack-border{inset:22px 13px 23px}.pack-assembly .pack-big .pack img{opacity:.58;mix-blend-mode:normal;mask-image:linear-gradient(transparent 10%,#000 38%,#000 65%,transparent 95%)}.pack-assembly .pack-big .pack:after{background:repeating-linear-gradient(90deg,#9dad75 0px,#38583e 1px,#2c4935 3px)}.pack-pull-stack{position:absolute;left:38px;top:28px;width:164px;height:238px;z-index:2;transform:rotate(-4deg);transform-style:preserve-3d}.physical-card-back{position:absolute;inset:0;border-radius:8px;box-shadow:0 1px 2px #0003;background:#071e2b;overflow:hidden;transform:translate(calc(var(--stack-i,0)*1px),calc(var(--stack-i,0)*-1px)) rotate(calc(var(--stack-i,0)*.3deg))}.tear-grip{position:absolute;z-index:6;left:18px;top:10px;width:205px;height:34px;border:1px solid #839669;border-radius:3px;background:linear-gradient(180deg,#69835b,#334f38 35%,#4b6845 70%,#81986d);transform:translateX(calc(var(--tear)*83px)) translateY(calc(var(--tear)*-20px)) rotate(calc(-4deg + var(--tear)*16deg));transform-origin:95% 50%;box-shadow:0 3px 5px #0002;touch-action:none;cursor:grab;transition:transform .25s}.tear-grip:active{cursor:grabbing}.seal-ridges{position:absolute;inset:4px 5px;background:repeating-linear-gradient(90deg,#9eae7d66 0px,transparent 1px,transparent 3px);border-top:1px solid #d1dfad55;border-bottom:1px solid #263c2b99}.seal-tab{position:absolute;right:-25px;top:0;height:32px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;background:#d3d8b5;border:1px solid #acba8e;border-radius:0 5px 5px 0;color:#40553a;font-size:8px;font-weight:700;letter-spacing:1px;box-shadow:1px 2px 2px #0001}.seal-tab svg{width:13px;height:13px}.is-dragging .tear-grip{transition:none}.pack-stage .pack-instruction{font-size:10px;margin:0 0 19px;color:#8a967a}.pack-stage>h1{font-size:35px}.pack-assembly.opening .tear-grip{animation:strip-off .5s cubic-bezier(.3,0,.7,1) forwards;pointer-events:none}.pack-assembly.opening .pack-big{animation:wrapper-drop 1.05s cubic-bezier(.4,.05,.35,1) forwards}.pack-assembly.opening .pack-pull-stack{animation:pack-card-pull 1.05s cubic-bezier(.2,.75,.3,1) forwards}.pack-assembly.opening .pack-pull-stack .physical-card-back{box-shadow:0 3px 5px #132e1f33}.pack-stage .pack-footnote{font-size:10px;margin-top:17px}.pack-stage .pack-rates{margin-top:12px}.card-pull-table{position:relative;width:244px;height:352px;perspective:1000px;margin:24px auto 13px;isolation:isolate}.card-pull-table .reveal-card{position:absolute;inset:0;width:100%;margin:0;height:auto;aspect-ratio:63/88;z-index:5}.card-pull-table .reveal-stack{position:absolute;inset:5px 0 6px;z-index:1}.reveal-stack .physical-card-back{transform:translate(calc(5px + var(--stack-i)*3px),calc(4px + var(--stack-i)*3px)) rotate(calc(1deg + var(--stack-i)*1.1deg));box-shadow:1px 3px 4px #182e2330;border:1px solid #a4b2c2}.card-pull-table .pull-card{touch-action:pan-y;cursor:grab;animation:pull-from-stack .55s cubic-bezier(.22,.85,.24,1) both;transform-origin:50% 90%;transition:transform .3s cubic-bezier(.2,.8,.3,1);filter:drop-shadow(0 15px 12px #28452b24)}.card-pull-table .pull-card.is-dragging{animation:none;transition:none;cursor:grabbing}.pack-stage.revealing h1{font-size:27px;margin-top:14px;margin-bottom:6px;line-height:1.3}.pack-stage.revealing .reveal-rarity{font-size:11px;margin-top:0}.owned-update{display:grid;grid-template-columns:auto auto;column-gap:17px;align-items:center;background:#e7ecdc;border:1px solid #d5dec6;border-radius:8px;padding:10px 18px;min-width:220px;text-align:left}.owned-update>span{font-size:8px;letter-spacing:1.1px;color:#82906f;grid-column:1}.owned-update strong{font-size:24px;font-weight:500;font-family:var(--serif);grid-column:2;grid-row:1/span 2;line-height:1.2;color:#3c6134}.owned-update strong i{font-family:var(--sans);font-style:normal;font-size:15px;color:#8d9b76;margin:0 9px}.owned-update small{font-size:9px;color:#687d56;grid-column:1;margin-top:5px}.pack-stage .reveal-dots{margin:17px 0}.inspect-reveal{min-height:47px}.reveal-bottom{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:13px;font-size:9px;color:#99a087}.reveal-bottom button{font-size:10px;text-decoration:underline;text-underline-offset:3px}.result-grid .card-button{align-self:start}.result-quantity{display:flex;flex-direction:column;align-items:center;margin-top:12px;gap:5px}.result-quantity strong{font-size:11px;line-height:1.3;font-weight:650;background:#e5ecd7;border:1px solid #cfdcb9;border-radius:20px;padding:5px 11px;color:#47683c}.result-quantity span{font-size:8px;color:#8c977c}.results .result-grid{margin-top:30px;margin-bottom:34px}.results .pack-footnote{margin-top:23px}
@keyframes pull-from-stack{from{opacity:0;transform:translateY(45px) rotate(-5deg) rotateX(18deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(0) rotateX(0) scale(1)}}
@media(max-width:1100px){.hero h1{font-size:51px}.collection-summary{gap:60px}}
@media(max-width:850px){.hero h1{font-size:43px}.collection-summary{gap:45px;font-size:10px}}
@media(max-width:650px){.hero{padding-top:36px;min-height:0}.hero h1{font-size:44px;margin-top:15px;margin-bottom:16px;letter-spacing:-1.5px}.hero-description{max-width:295px;font-size:12px}.hero-actions{margin-top:22px;gap:12px}.hero-collection-link{margin-top:16px;font-size:10px}.hero-art{margin-top:-4px;margin-bottom:-16px}.hero-note{right:80px;bottom:6px}.collection-summary{justify-content:space-between;gap:8px;font-size:9px;padding:17px 0}.collection-summary b{font-size:12px}.set-copy p{font-size:10px}.set-copy{width:56%}.dashboard{margin-top:27px}.hero .hero-halo{background:radial-gradient(ellipse,#e6e2c8 0%,#e8eadb99 44%,#e7ebda00 73%)}.pack-stage{min-height:calc(100dvh - 60px)}.pack-stage>h1{font-size:29px}.pack-stage.revealing{padding:15px 0;min-height:calc(100dvh - 50px)}.pack-stage.revealing h1{font-size:24px;max-width:310px;margin-top:13px;margin-bottom:6px}.pack-stage.revealing .reveal-rarity{font-size:10px}.card-pull-table{width:214px;height:304px;margin-top:21px;margin-bottom:13px}.pack-assembly{margin-top:23px;margin-bottom:6px;height:326px}.pack-assembly .pack-big{width:183px;height:280px;left:28px}.tear-grip{width:198px;left:20px;top:10px}.pack-pull-stack{width:160px;height:233px;left:39px}.pack-stage .pack-instruction{font-size:9px;margin-bottom:17px}.pack-stage .pack-footnote{font-size:9px}.owned-update{min-width:210px;padding:9px 15px}.owned-update>span{font-size:7px}.owned-update small{font-size:8px}.owned-update strong{font-size:23px}.pack-stage .reveal-dots{margin:14px 0}.reveal-actions{gap:10px}.reveal-actions .primary,.inspect-reveal{min-height:42px;padding:0 17px;font-size:11px}.inspect-reveal{gap:6px}.reveal-bottom{margin-top:12px;font-size:8px;gap:14px}.reveal-bottom button{font-size:9px}.result-grid{row-gap:24px}.result-quantity{margin-top:9px;gap:5px}.result-quantity strong{font-size:9px;padding:4px 9px}.result-quantity span{font-size:7px}.results .result-grid{margin-top:27px;margin-bottom:28px}.results .pack-footnote{font-size:9px}.about-subheading{font-size:18px}.site-footer{margin-bottom:78px}.hero-note svg{width:12px;height:12px}}
@media(max-width:360px){.hero h1{font-size:39px}.collection-summary{font-size:8px}.card-pull-table{width:195px;height:278px;margin-top:18px;margin-bottom:12px}.pack-stage.revealing h1{font-size:21px}.reveal-actions .primary,.inspect-reveal{padding:0 13px;font-size:10px}.pack-assembly{transform:scale(.94);margin-top:13px;margin-bottom:-6px}.result-grid{column-gap:8px}.result-quantity strong{font-size:8px}.result-quantity span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.pack-assembly.opening .pack-pull-stack,.pack-assembly.opening .pack-big,.pack-assembly.opening .tear-grip,.card-pull-table .pull-card{animation:none}.pack-assembly.opening .pack-big,.pack-assembly.opening .tear-grip{opacity:0}}
.pull-card{user-select:none;-webkit-user-select:none}.pull-card img{pointer-events:none;-webkit-user-drag:none}

/* Prepared faces remain painted beneath the card being pulled; the dialog stays mounted. */
.card-pull-table .pack-front{z-index:calc(10 + var(--front-order));animation:none!important;transition:none;transform:none;opacity:1;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.card-pull-table .pack-front[hidden]{display:none}
.card-pull-table .pack-front:not([data-pull-card]){pointer-events:none}
.pack-stage.revealing #reveal-title{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:2.6em;max-width:100%;margin-top:8px;margin-bottom:5px;line-height:1.2}
.pack-stage.revealing .reveal-rarity{min-height:1.5em}
.about-game h1{margin-bottom:24px}.about-game h2{font:400 21px var(--serif);margin:24px 0 10px}.about-game p{font-size:13px;line-height:1.8}.about-game>.primary{margin-top:26px}