body[data-screen="collection"] .forest{background:#182722}body[data-screen="collection"] .forest:after{background:linear-gradient(#10231eee,#131e1afa)}
.collection{max-width:1400px;margin:auto;padding:45px 24px}.collection h1{font-size:clamp(38px,6vw,68px)}.deck-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:20px;background:#182b24e8;border:1px solid #746a46}.deck-toolbar label{display:grid;gap:5px}.deck-toolbar select,.deck-toolbar input{background:#26392d;color:#f6e8c9;border:1px solid #8d7c55;padding:12px;max-width:100%;font:inherit}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px}.library-card{padding:12px;background:#192c24;border:1px solid #71603d;border-radius:8px}.library-card[hidden]{display:none}.library-card .card-wrap,.library-card .card{width:100%;max-width:none}.library-card .card{height:270px}.library-card small{display:block;font-size:12px;line-height:1.5;color:#d0c4a7}.deck-adjust{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.deck-adjust button{padding:6px 17px}.premium-gallery{margin:70px 0 20px;border-top:1px solid #826b3e;padding-top:35px}.premium-gallery h2{font-size:36px}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;margin-top:30px}.premium-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:9px;padding:19px 17px;color:#fff0c7;background:radial-gradient(ellipse at top,#564226,#191a15 68%);border:7px ridge #d3a650;outline:1px solid #ead8a1;box-shadow:inset 0 0 0 2px #5c3d13,0 10px 35px #0006,0 0 18px #be9a3022;overflow:hidden;min-width:0;font-family:Georgia,serif;text-align:center;border-radius:22px 8px 22px 8px}.premium-card:before{content:'❦';position:absolute;inset:0 4px auto;text-align:left;color:#f5db92;font-size:43px;pointer-events:none;text-shadow:1px 2px #70411e}.premium-card:after{content:'';position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 43%,#ffe6a115 49%,transparent 55%);transform:translateX(-65%);animation:foil-light 11s ease-in-out infinite;pointer-events:none}.premium-card strong{font-size:25px}.premium-card small{font:12px/1.6 system-ui;color:#e2d1a6}.premium-kicker{font:10px/1.5 system-ui;letter-spacing:.2em;padding:4px 0}.premium-art{width:100%;height:290px;border:2px solid #bda06a;border-radius:40% 40% 5px 5px;overflow:hidden;background:radial-gradient(#35433b,#18221d);display:grid;place-items:center}.premium-art img{width:100%;height:100%;object-fit:cover;object-position:center 27%}.art-pending{font:20px/2 Georgia;color:#dcc990}.art-pending small{display:block;padding:15px}.misprint{border-color:#a89451 #6b704a #c49569 #685184;transform:rotate(-.5deg);text-shadow:2px 0 #98465388,-2px 1px #3e837f88}.misprint:before{left:9px;text-shadow:5px 2px #b45775,-4px -1px #598c84}.misprint .premium-art img{filter:sepia(.2) hue-rotate(318deg) saturate(.8);transform:translateX(3px) scale(1.02)}.misprint:after{background:repeating-linear-gradient(176deg,transparent 0 38px,#593a6a22 39px 41px,transparent 42px 80px);animation:none;transform:none}.hollow-encounter{margin-top:32px;padding:28px;background:#19291edb;border:1px solid #7c6945;max-width:800px}.hollow-encounter h2{font-size:30px}#settings input[type="range"]{width:200px;height:24px;flex:0 1 200px;max-width:45%;accent-color:#d3b16c}#sound-status{font-size:14px}#inspector-content .premium-card{width:100%;cursor:default}#inspector-content .premium-card img{max-height:none}.collection-grid .art img{object-fit:cover}
@keyframes foil-light{0%,60%,100%{transform:translateX(-65%)}85%{transform:translateX(65%)}}
@media(prefers-reduced-motion:reduce){.premium-card:after{animation:none}}
@media(max-width:600px){.collection{padding:28px 12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library-card{padding:7px}.library-card .card{height:260px}.library-card .card strong{font-size:14px}.deck-toolbar{padding:12px}.premium-grid{grid-template-columns:1fr;max-width:340px;margin:25px auto}.hollow-encounter{padding:18px}.setting-row{gap:10px}}