:root{color-scheme:dark;--bg:#100e17;--panel:#191520;--text:#f3edf7;--muted:#a79bb5;--gold:#d5b985;--purple:#a882ef}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 28%,#35204466,transparent 43%),var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff10;padding:20px 5%}.brand{display:flex;align-items:center;gap:14px;color:var(--gold);text-decoration:none;font-size:32px}.brand span{font-size:15px;letter-spacing:3px;font-weight:700}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px}nav{display:flex;gap:25px}.nav{background:none;border:0;color:var(--muted);padding:12px 0}.nav.active{color:var(--text);border-bottom:2px solid var(--gold)}#nav-count{padding:4px 8px;background:#ffffff09;border-radius:5px;font-size:11px;margin-left:6px}.test,.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}.test{border:1px solid #d5b98533;padding:7px 12px;border-radius:20px;font-size:9px}main{max-width:1400px;margin:auto;padding:0 5%}.hero{min-height:670px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px}.eyebrow{margin-bottom:20px}h1{font:normal clamp(38px,4.6vw,68px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 25px}h1 em{color:#c4a2f4;font-weight:400}.intro>p{color:var(--muted);max-width:480px;line-height:1.85}.primary,.secondary{border-radius:7px;padding:14px 22px;border:1px solid #aa86db55;color:var(--text);background:#282032}.primary{background:linear-gradient(110deg,#7955b1,#624190);border-color:#b394dc66;box-shadow:0 5px 30px #9c66d515;font-weight:600}.primary:hover{filter:brightness(1.15)}.primary span{font-size:11px;margin-left:30px;opacity:.65}.intro .primary{margin-top:20px}.micro{font-size:10px!important;color:#8e809f!important}.stats{display:flex;gap:40px;margin-top:45px}.stats strong{font:32px Georgia,serif}.stats strong span{font-size:19px;color:#756882}.stats small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:7px;color:var(--muted)}.pack-scene{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:570px;isolation:isolate}.orbit{width:470px;height:470px;max-width:100%;border:1px solid #b287dc17;border-radius:50%;position:absolute;z-index:-1;background:radial-gradient(circle,#9161bf25,transparent 70%);box-shadow:0 0 100px #8850aa13}.orbit:after{content:'';position:absolute;inset:30px;border:1px dashed #b287dc18;border-radius:50%}.booster{position:relative;width:270px;height:405px;background:linear-gradient(110deg,#392544,#16131e 50%,#372840);border:1px solid #9e7b5466;box-shadow:15px 30px 55px #0009,inset 3px 0 8px #b79a6530;transform:rotate(7deg);text-align:center;padding:32px 20px;transition:transform .7s,opacity .7s;overflow:hidden}.booster:before,.booster:after{content:'';position:absolute;left:0;right:0;height:13px;background:repeating-linear-gradient(90deg,#967e5833 0 2px,#14111c 2px 5px);border-block:1px solid #ab8b5655}.booster:before{top:0}.booster:after{bottom:0}.pack-top{font-size:9px;letter-spacing:4px;color:var(--gold)}.moon{font:100px Georgia;line-height:1.2;color:var(--gold);text-shadow:0 0 25px #aa6fdb}.paw{position:absolute;top:113px;left:122px;font-size:27px;filter:grayscale(1);opacity:.65}.booster h2{font:26px/1.15 Georgia;letter-spacing:5px;color:#eee0c5;margin:15px 0}.pack-line{width:40px;height:1px;background:var(--gold);margin:20px auto}.booster p{font-size:7px;letter-spacing:1.8px;color:var(--muted)}.booster footer{font-size:8px;color:var(--gold);margin-top:28px;letter-spacing:1px}.booster b{padding:0 12px}.scene-caption{margin-top:48px;font-size:8px;letter-spacing:2px;color:#96849e}.booster.tearing{transform:translateY(-40px) rotate(-8deg) scale(1.15);opacity:0}.season-note{border-block:1px solid #ffffff10;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.season-note span{font-size:8px;color:#9986ab;letter-spacing:1.5px}.season-note p{font:20px Georgia;color:#cec0da}.section-head{margin:65px 0 35px}.section-head h1{font-size:42px}.section-head p{color:var(--muted)}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 22px}.draws{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card-button{display:block;width:100%;padding:0;background:none;color:inherit;border:0;text-align:left}.art{position:relative;aspect-ratio:2/3;border-radius:10px;overflow:hidden;border:1px solid #8f7da73b;background:#1c1727;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s}.art img{width:100%;height:100%;object-fit:contain}.card-button:hover .art{transform:translateY(-5px);box-shadow:0 12px 35px #0007}.back{background:radial-gradient(circle,#42305255,transparent),repeating-linear-gradient(45deg,transparent 0 12px,#bca3d005 12px 13px),#1c1727;flex-direction:column;outline:1px solid #a882ef33;outline-offset:-12px;color:var(--gold)}.back .sigil{font:68px Georgia}.back strong{font:16px Georgia;letter-spacing:3px}.back small{font-size:8px;letter-spacing:2px;margin-top:25px;color:#9a86ab}.card-meta{padding:13px 2px}.card-meta small{font-size:9px;letter-spacing:1px;color:var(--rarity,var(--muted))}.card-meta h3{font:16px/1.4 Georgia;margin:5px 0;color:#ddd4e7}.badge{display:inline-block;background:#30253e;border:1px solid #9e79c645;border-radius:4px;padding:2px 7px;font-size:9px;color:#d5bff2;margin:5px 4px 0 0}.badge.new{color:#e6cd97;border-color:#d5b98555;background:#372e21}.holo:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,#65e8fc38 28%,#ef8ffc48 38%,#ffe99a30 48%,transparent 60%);background-size:300% 100%;mix-blend-mode:screen;pointer-events:none;animation:shimmer 5s infinite}.revealing .art{animation:reveal .6s ease-out}.actions{text-align:center;margin:35px 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{background:none;border:1px solid #ffffff15;border-radius:20px;color:var(--muted);font-size:12px;padding:8px 17px}.filters button.active{background:#32253f;color:#e4d2f7;border-color:#9d75c555}.rules{margin:55px 0 30px;color:var(--muted);font-size:12px;max-width:850px}.rules summary{cursor:pointer;color:#c2b3d0}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;border-top:1px solid #ffffff10;color:#8e7d9f;font-size:8px;letter-spacing:2px}#notice:not(:empty){padding:12px 16px;background:#312718;color:#d9c49c;border:1px solid #baa46533;border-radius:7px;font-size:12px;margin-top:20px}.missing-art{text-align:center;padding:20px;color:#b3a0c5;font-size:12px}.missing-art b{display:block;margin:15px 0;color:var(--gold)}dialog{background:#17121e;color:var(--text);border:1px solid #9270b855;border-radius:14px;max-width:540px;width:90vw;padding:25px}dialog::backdrop{background:#08050de8}#detail-content img{width:100%;max-height:70vh;object-fit:contain}#close-detail{position:absolute;right:7px;top:5px;background:#201827;color:white;border:0;border-radius:50%;width:32px;height:32px;font-size:23px;z-index:2}[hidden]{display:none!important}@keyframes shimmer{to{background-position:-300% 0}}@keyframes reveal{from{transform:perspective(800px) rotateY(90deg);opacity:0}to{transform:perspective(800px) rotateY(0);opacity:1}}@media(max-width:900px){header{flex-wrap:wrap}.test{display:none}.hero{gap:10px;min-height:610px}.booster{width:230px;height:380px}.paw{left:103px}.grid{grid-template-columns:repeat(3,1fr)}.draws{grid-template-columns:repeat(3,1fr)}.season-note span:last-child{display:none}.stats{gap:25px}}@media(max-width:600px){header{padding:18px 6%;gap:12px}nav{width:100%;justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:45px}.pack-scene{min-height:500px}.intro h1{font-size:48px}.intro>p{font-size:14px}.grid,.draws{grid-template-columns:repeat(2,1fr);gap:20px 12px}.collection-head{display:block}.section-head h1{font-size:34px}.section-head{margin-top:40px}.site-footer span:nth-child(2){display:none}.season-note p{font-size:16px}.season-note{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

#sound-toggle{white-space:nowrap;padding:8px 12px}#draws .revealed:hover .art{transform:none;box-shadow:none}

/* V0.3.3.4 – UI polish: reserve two title lines so card rows stay aligned. */
.card-meta h3{min-height:2.8em;display:flex;align-items:flex-start}