*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#0c131d;color:#dbe5f2;font:17px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#9bc7ff;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:3px solid #eab650;outline-offset:5px}header{border-bottom:1px solid #293747;background:#0c131df5}nav{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 28px;gap:24px}.brand{font-weight:850;color:#fff;text-decoration:none;font-size:22px;letter-spacing:-.7px}.brand span{color:#f2bf60}nav .links{display:flex;gap:25px;font-size:14px}nav .links a{text-decoration:none}nav [aria-current=page]{color:#f2bf60}.wrap{max-width:1150px;margin:auto;padding:65px 28px 80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:750;color:#f2bf60}h1{font-size:clamp(38px,6vw,66px);line-height:1.08;letter-spacing:-2px;color:#fff;margin:17px 0 24px}h2{color:#f4f7fc;font-size:23px;line-height:1.35;letter-spacing:-.4px}p{margin:0 0 20px}.intro{max-width:640px;font-size:19px;color:#aebed1}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:42px 0}.card{display:block;border:1px solid #35465c;background:#142131;border-radius:14px;padding:32px;color:#dbe5f2;text-decoration:none;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-3px);border-color:#eab650}.card .number{color:#f2bf60;font-size:14px}.card h2{font-size:29px;margin:20px 0 12px}.card p{color:#b2c1d2}.card strong{font-size:15px;color:#a9cdfb}.meta{color:#94a6bb;font-size:14px}.layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;margin-top:46px}.toc{align-self:start;position:sticky;top:28px;border-left:2px solid #32445b;padding-left:18px}.toc strong{display:block;color:#e8b959;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.toc a{display:block;font-size:14px;line-height:1.5;margin:12px 0;color:#afbed0;text-decoration:none}article section{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #263548}article h2{margin-top:0}article li{margin-bottom:10px}.note{border-left:3px solid #edb557;padding:16px 22px;background:#162334;border-radius:0 8px 8px 0;max-width:740px;font-size:15px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:10px;background:#142131;padding:10px;z-index:3}footer{border-top:1px solid #293747;padding:25px 28px;color:#90a3b9;font-size:14px}footer div{max-width:1094px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:760px){nav{align-items:flex-start;flex-direction:column;gap:10px}.wrap{padding-top:40px}.cards{grid-template-columns:1fr}.layout{grid-template-columns:1fr;gap:28px}.toc{position:static}.toc a{display:inline-block;margin:5px 14px 5px 0}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}@media print{body{background:white;color:#222}header,footer,.toc,.skip{display:none}.wrap{padding:0}.layout{display:block}h1,h2,article h2{color:#000}a{color:#222}.meta{color:#555}article section{break-inside:avoid}}
.accent{color:#f2bf60}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 42px}.button{display:inline-block;background:#efbd60;color:#14202e;padding:12px 22px;border:1px solid #efbd60;border-radius:8px;text-decoration:none;font-weight:750;font-size:16px}.button:hover{background:#ffce78;color:#14202e}.button.secondary{background:transparent;color:#dce9f8;border-color:#455c78}.button.secondary:hover{background:#1a2b40}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #35465c;border-bottom:1px solid #35465c;padding:26px 0}.feature-strip strong,.feature-strip span{display:block}.feature-strip strong{color:#fff}.feature-strip span{font-size:15px;color:#afbed0;margin-top:6px}.home-section{padding-top:65px}.home-section>h2{font-size:clamp(26px,4vw,36px);margin-top:12px;margin-bottom:28px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:26px}.steps b{color:#f2bf60;font-size:25px}.steps p,.command p{font-size:16px;color:#b2c1d2}.steps h3,.command h3{color:#fff;margin:10px 0;font-size:19px}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.command{padding:23px;background:#142131;border:1px solid #2c4058;border-radius:10px}.command p{margin-bottom:0}code{font-size:.92em;background:#23374d;color:#b9d9ff;padding:3px 7px;border-radius:4px;white-space:nowrap}.faq{border-top:1px solid #35465c}.faq details{border-bottom:1px solid #35465c;padding:17px 0}.faq summary{font-size:18px;font-weight:650;color:#f0f5fb;cursor:pointer}.faq p{margin:16px 0 4px;max-width:850px;color:#b2c1d2}.faq summary:focus-visible{outline:3px solid #f2bf60;outline-offset:4px}.card h3{font-size:27px;margin:14px 0;color:#fff}nav .links{flex-wrap:wrap;gap:16px}@media(max-width:850px){.command-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.steps,.feature-strip,.command-grid{grid-template-columns:1fr}.home-section{padding-top:45px}.feature-strip{gap:18px}}

.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}.entry{border:1px solid #2c4058;background:#142131;border-radius:12px;overflow:hidden;min-width:0}.entry[hidden]{display:none}.picture-slot{height:165px;background:#101b29;border-bottom:1px solid #263548}.picture-slot img{width:100%;height:100%;object-fit:contain;padding:14px}.entry-body{padding:22px}.entry h2{font-size:23px;margin:0 0 12px}.entry h3{font-size:15px;margin:18px 0 8px}.entry p{font-size:15px}.entry dl{font-size:14px;margin:18px 0}.entry dl div{display:flex;justify-content:space-between;gap:15px;padding:5px 0;border-bottom:1px solid #2c4058}.entry dt{color:#aebed1}.entry dd{margin:0;text-align:right}.rarity{font-size:13px;font-weight:700;color:#c5cdd9;text-transform:uppercase;letter-spacing:1px}.uncommon{color:#9dd7a0}.rare{color:#97c4ff}.epic{color:#d7a7ff}.legendary{color:#ffcf72}.mythic{color:#ffa5b6}.animal-list{padding-left:18px;font-size:15px}.catalog-controls{margin-top:30px;max-width:480px}.catalog-controls label{display:block;font-size:14px;margin-bottom:8px}.catalog-controls input{width:100%;padding:13px 16px;font:inherit;color:#fff;background:#142131;border:1px solid #577394;border-radius:8px}.catalog-controls input:focus{outline:2px solid #edb557;outline-offset:3px}.catalog-controls p{margin:10px 0}nav{flex-wrap:wrap}.command code{white-space:normal}@media(max-width:900px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.catalog{grid-template-columns:1fr}.picture-slot{height:180px}}
