:root{--g:#0f3d2e;--g2:#1f6b4f;--acc:#f2b84b;--bg:#f6f4ee;--card:#fff;--ink:#1c2420;--mut:#6b756f;--r:16px}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--g2)}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--g);color:#fff;box-shadow:0 2px 10px #0003}
.brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none}.brand small{display:block;opacity:.75;font-size:11px}.logo{font-size:28px}
.snapbtn{background:var(--acc);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;text-decoration:none;font-size:20px}
main{max-width:980px;margin:0 auto;padding:12px}
.hero-s{background:linear-gradient(135deg,#0f3d2e,#2c8a63);color:#fff;border-radius:var(--r);padding:18px;margin-bottom:12px}
.hero-s h1{margin:0 0 4px;font-size:22px}.hero-s p{margin:0 0 12px;opacity:.85;font-size:13px}
.search{display:flex;background:#fff;border-radius:999px;padding:4px 4px 4px 14px}.search input{flex:1;border:0;outline:0;font-size:16px;background:none}
.search button{border:0;background:var(--acc);border-radius:999px;padding:8px 14px;font-weight:700}
.letters{display:flex;gap:6px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:none;position:sticky;top:62px;background:var(--bg);z-index:10}
.letters a,.chips a{flex:0 0 auto;min-width:36px;text-align:center;padding:7px 10px;border-radius:10px;background:#fff;text-decoration:none;color:var(--ink);font-weight:700;box-shadow:0 1px 3px #0001}
.letters a.on,.chips a.on{background:var(--g);color:#fff}.chips{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.chips a{font-weight:600;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--card);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column}
.card .ph{aspect-ratio:1;background:#dfe6e1 center/cover;position:relative}.card img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:.4s}.card img.ok{opacity:1}
.card .b{padding:8px 10px 10px}.card h3{margin:0;font-size:14px;line-height:1.25}.card i{color:var(--mut);font-size:12px}
.tag{position:absolute;top:8px;left:8px;background:#000a;color:#fff;font-size:11px;padding:2px 8px;border-radius:99px}
.st{position:absolute;top:8px;right:8px;background:#c0392b;color:#fff;font-size:11px;padding:2px 7px;border-radius:99px;font-weight:700}
.pager{display:flex;justify-content:center;gap:10px;margin:16px 0}.pager button,.btn{border:0;background:var(--g);color:#fff;padding:10px 16px;border-radius:12px;font-weight:700}
.pager button:disabled{opacity:.3}h2.sec{font-size:17px;margin:18px 0 8px}
.detail .hero{margin:-12px -12px 0;position:relative;height:62vw;max-height:440px;background:#123 center/cover}
.detail .hero img{width:100%;height:100%;object-fit:cover}.detail .hero .cred{position:absolute;bottom:0;left:0;right:0;padding:24px 12px 8px;background:linear-gradient(transparent,#000b);color:#fff;font-size:11px}
.sheet{background:#fff;border-radius:22px 22px var(--r) var(--r);margin:-22px -4px 0;position:relative;padding:18px 16px}
.sheet h1{margin:0;font-size:26px;line-height:1.15}.sheet .sci{font-style:italic;color:var(--mut);margin:2px 0 10px}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pill{background:#eef3ef;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600}
.cs{display:flex;gap:4px;margin:6px 0}.cs span{flex:1;text-align:center;font-size:11px;font-weight:700;padding:6px 0;border-radius:6px;background:#eee;color:#888}
.cs span.on{color:#fff;transform:scale(1.12);box-shadow:0 2px 6px #0003}
.box{border-top:1px solid #eee;padding:12px 0}.box h4{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--g2)}
.cls{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;font-size:14px}.cls span:nth-child(odd){color:var(--mut);text-transform:capitalize}
.thumbs{display:flex;gap:8px;overflow-x:auto}.thumbs img{width:84px;height:84px;object-fit:cover;border-radius:10px;flex:0 0 auto;cursor:pointer}
.months{display:flex;align-items:flex-end;gap:3px;height:60px}.months div{flex:1;background:var(--g2);border-radius:3px 3px 0 0;min-height:2px}.ml{display:flex;gap:3px;font-size:10px;color:var(--mut)}.ml span{flex:1;text-align:center}
.lb{position:fixed;inset:0;background:#000e;z-index:50;display:flex;flex-direction:column;justify-content:center}.lb img{max-width:100%;max-height:80vh;object-fit:contain;margin:auto}
.lb .c{color:#ddd;font-size:12px;padding:10px 14px;text-align:center}.lb .x{position:absolute;top:12px;right:14px;color:#fff;font-size:30px;background:none;border:0}
.lb .nav{position:absolute;top:50%;color:#fff;font-size:40px;background:none;border:0}.lb .p{left:6px}.lb .n{right:6px}
.foot{text-align:center;padding:24px 12px 40px;color:var(--mut);font-size:13px}.muted{color:var(--mut)}.empty{text-align:center;padding:30px;color:var(--mut)}
.newrow{background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.newrow img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#dfe6e1}.newrow .y{margin-left:auto;background:var(--acc);border-radius:99px;padding:2px 8px;font-weight:700;font-size:12px}
.drop{border:2px dashed #9bb;border-radius:var(--r);padding:30px;text-align:center;background:#fff}.res{display:flex;gap:10px;align-items:center;background:#fff;border-radius:12px;padding:8px;margin:8px 0;text-decoration:none;color:inherit}
.res img{width:64px;height:64px;border-radius:10px;object-fit:cover}.bar{height:6px;background:#eee;border-radius:3px;margin-top:4px}.bar div{height:100%;background:var(--g2);border-radius:3px}
.note{background:#fff7e0;border-radius:12px;padding:10px 12px;font-size:13px}
.lb[hidden]{display:none}.card .b{flex:1}

.tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 0}.tabs a{flex:1;text-align:center;white-space:nowrap;padding:9px 10px;border-radius:12px;background:#fff;color:inherit;text-decoration:none;font-weight:600;font-size:14px}.tabs a.on{background:var(--g2,#1d6b4f);color:#fff}
.tcard{background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column}.tcard .ph{position:relative;aspect-ratio:4/3;background:#dfe6e1}.tcard .ph img{width:100%;height:100%;object-fit:cover}
.tcard .b{padding:8px 10px}.tcard h3{margin:0;font-size:15px}.tcard i,.tcard small{display:block;font-size:12px}
.tcard .tag{position:absolute;left:6px;top:6px;background:#fff;border-radius:99px;padding:2px 7px}.tcard .st{position:absolute;right:6px;top:6px;color:#fff;border-radius:99px;padding:2px 7px;font-size:11px}
.crumbs{padding:10px 12px 0;font-size:13px}.thead{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:10px;margin:10px 12px}.thead img{width:96px;height:96px;object-fit:cover;border-radius:12px}.thead h1{margin:0;font-size:22px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.facts div{background:#f3f7f4;border-radius:10px;padding:8px}.facts span{display:block;font-size:12px;color:var(--mut)}.facts b{display:block;font-size:14px}.facts a{font-size:11px}
.story{background:#fff;border-radius:12px;padding:10px 12px;margin:8px 0;border-left:4px solid #b07a2a}.story .sh{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8a5a12;margin-bottom:2px}.story p{margin:4px 0;font-size:14px}
.box .story{background:#faf7f1}.soon{text-align:center;background:#fff;border-radius:16px;margin:16px 12px;padding:30px 20px}
#app>.sec,#app>p.muted,#app>.story,#app>.chips,#app>.grid,#app>.pager{margin-left:12px;margin-right:12px}
/* Cards */
.cardhero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#101815,#1f4d3a);color:#fff;border-radius:var(--r);padding:16px;margin-bottom:10px}
.cardhero h1{margin:0;font-size:22px}.cardhero p{margin:2px 0 0;opacity:.8;font-size:13px}.wallet{background:#ffffff1a;border-radius:12px;padding:8px 12px;font-weight:800;text-align:right}.wallet small{display:block;font-weight:400;opacity:.75;font-size:11px}
.lfc{width:var(--w);aspect-ratio:630/880;font-size:calc(var(--w)/31.5);border-radius:1.7em;padding:.8em;position:relative;overflow:hidden;cursor:pointer;flex:0 0 auto;
 background:linear-gradient(135deg,var(--f2),var(--f1) 40%,var(--acc) 55%,var(--f1) 70%,var(--f2));box-shadow:0 .6em 1.6em #0006;font-family:Inter,system-ui,sans-serif}
.lfc .in{height:100%;border-radius:1.1em;background:linear-gradient(180deg,#101815,#1b2622);border:.1em solid var(--acc);display:flex;flex-direction:column;overflow:hidden;color:#eef}
.lfc .tp{display:flex;justify-content:space-between;padding:.7em 1em .3em}.lfc .br{font:900 .9em Georgia,serif;letter-spacing:.15em;color:var(--acc)}.lfc .stars{color:#ffd76a;font-size:1.1em}
.lfc h4{font:900 2em Georgia,serif;margin:0 .5em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfc .sci{margin:0 1em .4em;font-style:italic;color:var(--acc);font-size:.8em;white-space:nowrap;overflow:hidden}
.lfc .ph{margin:0 .9em;height:16em;border-radius:.8em;background:#223 center/cover;border:.1em solid var(--acc);position:relative}
.lfc .el,.lfc .rb,.lfc .ser{position:absolute;padding:.3em .6em;border-radius:1em;font-weight:700;font-size:.75em;text-transform:capitalize}.lfc .el{top:.5em;left:.5em;background:#000b}
.lfc .rb{bottom:.5em;left:.5em;color:#fff}.lfc .ser{top:.5em;right:.5em;background:#000c;color:#ffd76a}
.lfc .stats{display:flex;gap:.5em;margin:.7em .9em}.lfc .s{flex:1;text-align:center;border-radius:.6em;padding:.3em;background:linear-gradient(180deg,var(--f2),var(--f1))}.lfc .s b{display:block;font:900 1.4em Georgia,serif}.lfc .s span{font-size:.6em;font-weight:800;letter-spacing:.1em}
.lfc .sk{margin:0 .9em .4em;padding:.4em .6em;border-left:.2em solid var(--acc);background:#ffffff0d;border-radius:.4em}.lfc .sk b{font:700 .85em Georgia,serif;color:var(--acc)}.lfc .sk p{margin:.1em 0 0;font-size:.7em;color:#dde;line-height:1.3}
.lfc .fact{margin:auto .9em .5em;font-size:.65em;color:#cfd;font-style:italic;line-height:1.3}
.lfc .own{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#e0294a,#ff8a3d);color:#fff;text-align:center;font-weight:900;font-size:.9em;padding:.35em}
.lfc.r-super:after,.lfc.r-oneofone:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff55 40%,#ff9ff340 48%,#9ff3ff50 56%,#fff9a050 62%,transparent 80%);background-size:250% 250%;animation:holo 3.5s linear infinite;mix-blend-mode:screen}
.lfc.r-tournament{background:linear-gradient(135deg,#7a5a00,#ffd76a 30%,#fff3c0 50%,#d4a017 70%,#7a5a00)}.lfc.r-oneofone{background:linear-gradient(135deg,#5a0010,#e0294a,#ffb36b,#e0294a,#5a0010);box-shadow:0 0 1.5em #e0294a99}
@keyframes holo{0%{background-position:100% 0}100%{background-position:-150% 0}}
.legend{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;margin-bottom:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}
.binder,.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:12px;justify-items:center}.slot{position:relative}.lst{position:absolute;top:-6px;right:-4px;background:var(--acc);border-radius:10px;padding:2px 7px;font-size:11px;font-weight:800}
.lcard{display:flex;flex-direction:column;gap:4px;align-items:center}.lp{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.lp small{color:var(--mut);font-size:11px}
.btn{border:0;background:var(--g2);color:#fff;border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.ghost{background:#fff;color:var(--g2);border:1px solid var(--g2)}.btn.sm{padding:5px 11px;font-size:13px}
.moneynote{background:#fff7e0;border:1px solid #f2b84b;border-radius:12px;padding:10px 12px;font-size:13px;margin:8px 0}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.filters select{flex:1;min-width:100px;padding:8px;border-radius:10px;border:1px solid #ccd;font-size:14px;background:#fff}
.guide p{margin:4px 0;font-size:13px}
.modal{position:fixed;inset:0;background:#000b;z-index:50;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:16px}
.mbox{background:var(--bg);border-radius:18px;padding:14px;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px}.mi{width:100%}
.sellf{display:flex;gap:6px}.sellf input{flex:1;padding:9px;border-radius:10px;border:1px solid #ccd;font-size:15px}
.hist{padding-left:20px;font-size:13px;margin:4px 0 10px}.hist li{margin-bottom:6px}
.pick{display:flex;gap:8px;overflow-x:auto;width:100%;padding:6px 0}.pick label{display:flex;flex-direction:column;align-items:center}.pick input{width:20px;height:20px}
.trow{background:#fff;border-radius:12px;padding:10px;margin:8px 0;font-size:13px;border-left:5px solid #999}.trow.accepted{border-color:#2c8a63}.trow.declined{border-color:#c0392b}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0f3d2e;color:#fff;padding:10px 18px;border-radius:999px;z-index:60;font-weight:700}
.packzone{text-align:center;padding:10px 0}.pack{margin:10px auto;width:180px;height:250px;border-radius:18px;background:linear-gradient(135deg,#0f3d2e,#2c8a63 50%,#f2b84b);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:900;letter-spacing:2px;box-shadow:0 10px 30px #0005;opacity:.55}
.pack.ready{opacity:1;cursor:pointer;animation:bob 1.6s ease-in-out infinite}.pack .pl{font-family:Georgia,serif}.pack.shake{animation:shake .15s linear infinite}.pack.burst{animation:burst .5s forwards}
@keyframes bob{50%{transform:translateY(-8px) rotate(-2deg)}}@keyframes shake{25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}@keyframes burst{to{transform:scale(1.6);opacity:0;height:0;margin:0}}
.reveal{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.flip{perspective:800px;opacity:0;animation:flipin .7s forwards}@keyframes flipin{from{opacity:0;transform:rotateY(90deg) translateY(30px)}to{opacity:1;transform:none}}
/* auth */
.wallet .lo{display:block;margin:4px auto 0;background:none;border:0;color:inherit;opacity:.75;font-size:11px;text-decoration:underline;cursor:pointer}
.authbox{margin:14px;padding:18px;background:#fff;border-radius:16px}.authbox h2{margin:0 0 4px}.authbox input{display:block;width:100%;box-sizing:border-box;margin:8px 0;padding:12px;border:1px solid #cdd8d2;border-radius:10px;font-size:16px}
.row2{display:flex;gap:8px;margin-top:6px}.row2 .btn{flex:1}.btn.wide{width:100%}.err{color:#c0392b;min-height:1em}
/* battle hub */
.bhub,.tcard{padding:0 4px}.diffs{display:flex;gap:8px}.btn.diff{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 4px}.btn.diff small{font-weight:500;opacity:.8}
.prow{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:10px 12px;margin:6px 0;cursor:pointer}.prow b{flex:1}.prow small{color:#667}.go{color:#d35400}
/* arena (lunge/KO visuals adapted from the arena prototype) */
.arena{position:relative;margin:8px -4px 0;padding:10px 8px 14px;border-radius:18px;color:#eafbe9;min-height:640px;background:radial-gradient(ellipse at 50% 50%,#1f5a37,#0e2d1c 60%,#040d08);overflow:hidden}
.bhead{display:flex;justify-content:space-between;font-size:13px;font-weight:700}.bhead a{color:#9fe8bd;text-decoration:none}
.plab{display:flex;align-items:center;gap:8px;margin:6px 4px}.plab b{flex:1}.kos{color:#ff6a3d;letter-spacing:2px}.plab small{opacity:.7}
.row3{display:flex;gap:8px;justify-content:center}
.bu{width:31%;max-width:118px;border-radius:12px;background:#101815;border:2px solid #6fbf8f66;overflow:hidden;position:relative;transition:transform .25s cubic-bezier(.2,1.4,.4,1),box-shadow .2s;cursor:pointer}
.bu.empty{border-style:dashed;opacity:.25;min-height:150px;cursor:default}
.bu .bph{height:84px;background:var(--img) center/cover}.bu .st{position:absolute;top:4px;right:4px;font-size:16px}
.bu .bn{display:block;font:800 12px/1.2 Georgia,serif;padding:4px 6px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpb{height:6px;margin:0 6px;background:#ffffff22;border-radius:4px;overflow:hidden}.hpb i{display:block;height:100%;transition:width .45s}
.bst{display:flex;justify-content:space-between;font-size:11px;padding:4px 6px 6px;font-weight:700}
.bu.r-rare{border-color:#2f7fd0}.bu.r-super{border-color:#b04fd6;box-shadow:0 0 10px #b04fd688}.bu.r-tournament{border-color:#d4a017}.bu.r-oneofone{border-color:#e0294a}
.bu.me.sel{transform:translateY(-10px) scale(1.05);box-shadow:0 0 0 3px #ffd76a,0 0 22px #ffd76aaa}
.bu.lunge-up{transform:translateY(-70px) scale(1.12);z-index:3;box-shadow:0 0 26px #5dff9b}.bu.lunge-down{transform:translateY(70px) scale(1.12);z-index:3;box-shadow:0 0 26px #ff6a3d}
.bu.glow{box-shadow:0 0 24px #7dffb0}.bu.washed{transition:transform .6s,opacity .6s;transform:translateY(-30px) rotate(8deg);opacity:0}
.bu .crack{position:absolute;inset:0;background:linear-gradient(135deg,transparent 46%,#fff 47%,transparent 49%),linear-gradient(60deg,transparent 52%,#fffc 53%,transparent 55%),#0008}
.mid{text-align:center;margin:12px 0 6px;font-size:14px;min-height:20px}
.skills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.skills .btn[disabled]{opacity:.35}.pas{font-size:11px;padding:6px 8px;border-radius:999px;background:#ffffff18}
.sktxt{text-align:center;font-size:12px;opacity:.8;margin:4px 8px}
.blog{margin-top:8px;font-size:12px;min-height:64px}.blog p{margin:2px 6px;opacity:.85}.blog p:last-child{opacity:1;font-weight:700}
.bwin{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#0b3a22aa,#000d);animation:pop .6s cubic-bezier(.2,1.6,.4,1)}
.bwin h1{font-size:46px;letter-spacing:3px;margin:0;background:linear-gradient(#fff6b0,#ffb52e);-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
/* deck */
.deckbar{position:sticky;top:0;z-index:5;display:flex;gap:6px;align-items:center;background:#f4f7f5;padding:8px 4px}.deckbar b{flex:1}
.dgrid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dc{border-radius:12px;opacity:.55;transition:.15s}.dc.in{opacity:1;outline:3px solid #2fd673;outline-offset:2px}
/* tournaments */
.tnew form{display:flex;flex-direction:column;gap:6px;margin:8px 0}.tnew input,.tnew select{padding:10px;border-radius:10px;border:1px solid #cdd8d2;font-size:15px}
.tcard{background:#fff;border-radius:14px;padding:12px;margin:10px 0}.thead{display:flex;gap:10px}.thead>div:first-child{flex:1}.thead small{display:block;color:#667}
.prize{width:96px;height:72px;border-radius:10px;background:center/cover;position:relative;border:2px solid #d4a017}.prize span{position:absolute;bottom:0;left:0;right:0;font-size:10px;font-weight:800;color:#fff;background:#000a;padding:2px 4px;line-height:1.2}
.bracket{display:flex;gap:10px;overflow-x:auto;margin:10px 0}.bcol{display:flex;flex-direction:column;justify-content:space-around;gap:8px;min-width:118px}.bcol small{color:#667;font-weight:700}
.bm{border:1px solid #d6e0da;border-radius:8px;overflow:hidden;font-size:13px}.bm div{padding:5px 8px}.bm div+div{border-top:1px solid #eef}.bm .w{background:#e6f8ec;font-weight:800}.bm.active{border-color:#f2b33d}
/* per-animal attack motions (direction via --dir: -1 = toward top) */
.bu.atk{z-index:4;box-shadow:0 0 26px #ffd76a}
.bu.atk .bph{animation:phpop .5s ease-out}
@keyframes phpop{40%{transform:scale(1.25);filter:brightness(1.3) saturate(1.4)}}
.bu.mv-bite{animation:mvbite .45s cubic-bezier(.3,1.5,.5,1)}@keyframes mvbite{45%{transform:translateY(calc(var(--dir)*80px)) scale(1.15) rotate(calc(var(--dir)*-4deg))}60%{transform:translateY(calc(var(--dir)*70px)) scale(1.2) rotate(calc(var(--dir)*6deg))}}
.bu.mv-dash{animation:mvdash .45s ease-in}@keyframes mvdash{0%{filter:none}35%{transform:translate(calc(var(--dir)*-30px),10px) skewX(-18deg);filter:blur(1px)}60%{transform:translate(calc(var(--dir)*30px),calc(var(--dir)*110px)) skewX(20deg);filter:blur(2px) drop-shadow(-30px 0 0 #ffd76a88)}}
.bu.mv-swipe{animation:mvswipe .5s ease-out}@keyframes mvswipe{30%{transform:translateY(calc(var(--dir)*40px)) rotate(-14deg) scale(1.1)}60%{transform:translateY(calc(var(--dir)*85px)) rotate(16deg) scale(1.18)}}
.bu.mv-slam{animation:mvslam .55s cubic-bezier(.5,0,.8,1.4)}@keyframes mvslam{35%{transform:translateY(calc(var(--dir)*-25px)) scale(1.25)}70%{transform:translateY(calc(var(--dir)*90px)) scale(1.05,.9)}}
.bu.mv-strike{animation:mvstrike .4s cubic-bezier(.2,2,.4,1)}@keyframes mvstrike{25%{transform:translateY(calc(var(--dir)*-14px)) scaleY(.85)}55%{transform:translateY(calc(var(--dir)*105px)) scaleY(1.25)}}
.bu.mv-dive{animation:mvdive .5s ease-in}@keyframes mvdive{30%{transform:translate(20px,calc(var(--dir)*-40px)) rotate(15deg) scale(.9)}65%{transform:translate(0,calc(var(--dir)*100px)) rotate(-10deg) scale(1.2)}}
.bu.mv-swim{animation:mvswim .5s ease-in-out}@keyframes mvswim{25%{transform:translate(-14px,calc(var(--dir)*30px)) rotate(-6deg)}50%{transform:translate(14px,calc(var(--dir)*65px)) rotate(6deg)}70%{transform:translate(0,calc(var(--dir)*95px))}}
.bu.mv-buzz{animation:mvbuzz .45s linear}@keyframes mvbuzz{20%{transform:translate(-6px,calc(var(--dir)*25px))}40%{transform:translate(6px,calc(var(--dir)*50px))}60%{transform:translate(-6px,calc(var(--dir)*90px))}80%{transform:translate(4px,calc(var(--dir)*60px))}}
.bu.mv-hop{animation:mvhop .5s ease-out}@keyframes mvhop{30%{transform:translateY(calc(var(--dir)*30px - 40px))}65%{transform:translateY(calc(var(--dir)*95px))}}
.bu.recoil{animation:recoil .45s ease-out}@keyframes recoil{0%{filter:brightness(2) sepia(1) hue-rotate(-50deg) saturate(5)}30%{transform:translateY(calc(var(--rd,1)*14px)) rotate(-5deg)}60%{transform:translateX(-6px) rotate(3deg)}}
.bu.recoil:after{content:"";position:absolute;inset:0;background:#ff2a2a66;animation:rf .45s forwards}@keyframes rf{to{opacity:0}}
.bu.evade{animation:evade .65s ease-out}@keyframes evade{30%,70%{transform:translateX(46px) rotate(9deg);opacity:.75}}
.evlab{position:absolute;left:50%;top:38%;transform:translateX(-50%);font:900 18px system-ui;color:#9fe8ff;text-shadow:0 0 10px #000,0 0 18px #3cc8ff;white-space:nowrap;animation:evl .65s ease-out;z-index:6;pointer-events:none}
.evlab.ctr{color:#ffb36b;text-shadow:0 0 10px #000,0 0 18px #ff6a3d}@keyframes evl{from{transform:translate(-50%,10px) scale(.6);opacity:0}30%{transform:translate(-50%,-6px) scale(1.15);opacity:1}}
.keepsnote{font-size:13px;margin:6px 0}.mbox.keeps h4{margin:10px 0 4px}.cfm{display:flex;gap:8px;align-items:flex-start;margin:12px 0;font-weight:700}
.stk{display:flex;gap:6px;overflow-x:auto;padding:4px 0}.stk>div{flex:0 0 74px;text-align:center;cursor:pointer;font-size:11px}.stk i{display:block;height:56px;border-radius:8px;background:center/cover;border:2px solid #8a958f}.stk b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp{margin:10px 14px;padding:10px 12px;border-radius:12px;background:#0d2a1bcc;border:1px solid #6dffa955;font-size:13px;text-align:center;max-width:340px}.kp small{opacity:.75;display:block}.kp .stk>div{color:#eafbe9}
/* rarity frames */
.lfc.r-regular{background:linear-gradient(135deg,#1d5a33,#6fd08f,#1d5a33)}.lfc.r-regplus{background:linear-gradient(135deg,#0c4f4c,#5fe0d8 45%,#c8fff9 50%,#5fe0d8 55%,#0c4f4c)}
.lfc.r-rare{background:linear-gradient(135deg,#123a66,#5aa8f0,#123a66)}
.lfc.r-ultra{background:conic-gradient(from 0deg,#ff3d7f,#ffb13d,#f9ff3d,#3dff8a,#3dd8ff,#a63dff,#ff3d7f);box-shadow:0 0 1.2em #ff3d7f88}
.lfc.r-ultra:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#ffffff66 45%,transparent 65%);background-size:250% 250%;animation:holo 2.5s linear infinite;mix-blend-mode:screen}
.lfc.r-max{background:radial-gradient(circle at 30% 20%,#ffe27a,transparent 30%),conic-gradient(from 90deg,#1a0638,#8a5cff,#36c6ff,#1a0638,#ff5ad9,#1a0638);box-shadow:0 0 2em #8a5cffcc,0 0 4em #36c6ff66}
.lfc.r-max .in{background:radial-gradient(circle at 50% 0,#2a1060,#05030f 70%)}.lfc.r-max:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:1.6em 1.6em;opacity:.25;animation:holo 6s linear infinite}
.bu.r-regular{border-color:#4caf6e}.bu.r-regplus{border-color:#1fa5a0}.bu.r-ultra{border-color:#ff3d7f;box-shadow:0 0 12px #ff3d7f99}.bu.r-max{border-color:#8a5cff;box-shadow:0 0 16px #8a5cff}
/* vault + legendary reveal */
.vault{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.vs{aspect-ratio:3/4;border-radius:10px;background:#05030f url(/leaffauna/cards/max/unknown.svg) center/cover;border:1px solid #8a5cff55;display:flex;align-items:flex-end;justify-content:center;font-size:10px;color:#cdbfff;padding:3px;box-shadow:inset 0 0 14px #8a5cff44}
.vs.own{background-size:cover;border-color:#ffe27a;cursor:pointer}
.legend-rv{position:fixed;inset:0;z-index:80;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden;animation:rvbg 3s forwards}
@keyframes rvbg{0%{background:#000}40%{background:radial-gradient(circle,#2a1060,#000)}100%{background:radial-gradient(circle,#3a1a80,#05030f 70%)}}
.legend-rv .rays{position:absolute;width:220vmax;height:220vmax;background:repeating-conic-gradient(#ffe27a22 0 6deg,transparent 6deg 18deg);animation:spin 18s linear infinite,fadein 2s 1s both}
.legend-rv .rvtxt{position:relative;font:900 26px Georgia,serif;letter-spacing:6px;background:linear-gradient(#fff6b0,#ffb52e);-webkit-background-clip:text;color:transparent;animation:fadein 1s .3s both}
.legend-rv .rvcard{position:relative;margin:16px 0;animation:rvcard 2.4s cubic-bezier(.2,1.2,.3,1) .8s both}.legend-rv p{position:relative;animation:fadein 1s 2.6s both}.legend-rv .btn{position:relative;animation:fadein 1s 3s both}
@keyframes rvcard{0%{transform:scale(.1) rotateY(900deg);filter:brightness(5) blur(8px);opacity:0}60%{filter:brightness(2)}100%{transform:none;filter:none;opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{from{opacity:0}}
/* Max Rare animated scenes (only rendered for cards the API returns, i.e. owned/revealed). GPU-friendly: transforms/opacity/background-position only. */
.lfc .ph.mx{overflow:hidden;background-blend-mode:screen;isolation:isolate}
.ph.mx .mxa,.ph.mx .mxb{position:absolute;inset:-20%;pointer-events:none;z-index:0;will-change:transform,background-position}
.ph.mx>span{z-index:2}
/* deep sea: churning water + light rays */
.mx-leviathan .mxa,.mx-kraken .mxa{background:repeating-linear-gradient(100deg,#ffffff00 0 18px,#bff3ff22 22px,#ffffff00 30px);animation:mxrays 7s ease-in-out infinite alternate;mix-blend-mode:screen}
.mx-leviathan .mxb,.mx-kraken .mxb{background:radial-gradient(ellipse at 30% 80%,#0a4a8a88,transparent 50%),radial-gradient(ellipse at 70% 90%,#2a0a6a88,transparent 50%);animation:mxchurn 9s ease-in-out infinite}
.mx-kraken .mxb{background:radial-gradient(ellipse at 30% 80%,#4a0a8a99,transparent 50%),radial-gradient(ellipse at 70% 90%,#0a2a5a99,transparent 50%)}
@keyframes mxrays{from{transform:translateX(-8%) skewX(-8deg);opacity:.6}to{transform:translateX(8%) skewX(8deg);opacity:1}}
@keyframes mxchurn{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(4%,-5%) scale(1.12) rotate(4deg)}}
/* phoenix: rising embers + fire */
.mx-phoenix .mxa{background-image:radial-gradient(#ffd27a 1.2px,transparent 2px),radial-gradient(#ff6a3d 1px,transparent 2px);background-size:22px 30px,34px 26px;animation:mxember 3.5s linear infinite;mix-blend-mode:screen}
.mx-phoenix .mxb{background:linear-gradient(0deg,#ff3d0088,#ff8a0044 30%,transparent 60%);animation:mxflick 1.2s ease-in-out infinite alternate}
@keyframes mxember{to{background-position:0 -120px,10px -90px}}@keyframes mxflick{from{opacity:.6;transform:scaleY(.95)}to{opacity:1;transform:scaleY(1.08)}}
/* thunderbird: storm clouds + lightning */
.mx-thunderbird .mxb{background:radial-gradient(ellipse at 20% 20%,#3a3f6acc,transparent 40%),radial-gradient(ellipse at 80% 15%,#2a2f55cc,transparent 45%);animation:mxdrift 12s linear infinite alternate}
.mx-thunderbird .mxa{background:#fff9c4;mix-blend-mode:screen;opacity:0;animation:mxbolt 4.5s steps(1) infinite}
@keyframes mxbolt{0%,61%,64%,67%,100%{opacity:0}62%,66%{opacity:.55}}@keyframes mxdrift{to{transform:translateX(12%)}}
/* behemoth: quaking earth + dust */
.mx-behemoth .mxb{background:linear-gradient(0deg,#5a3a1acc,transparent 40%);animation:mxquake .9s steps(3) infinite}
.mx-behemoth .mxa{background-image:radial-gradient(#e0b98a55 2px,transparent 3px);background-size:26px 26px;animation:mxdust 6s linear infinite;mix-blend-mode:screen}
@keyframes mxquake{0%{transform:translate(0,0)}33%{transform:translate(-2px,1px)}66%{transform:translate(2px,-1px)}}@keyframes mxdust{to{background-position:60px -40px}}
/* jörmungandr: coiling ocean vortex */
.mx-jormungandr .mxa{background:repeating-conic-gradient(from 0deg at 50% 55%,#4dff9b22 0 12deg,transparent 12deg 30deg);animation:spin 10s linear infinite;mix-blend-mode:screen}
.mx-jormungandr .mxb{background:radial-gradient(circle at 50% 55%,transparent 20%,#003a3388 60%);animation:mxchurn 8s ease-in-out infinite}
/* fenrir: moonlit snowy aurora */
.mx-fenrir .mxb{background:linear-gradient(115deg,transparent 30%,#5dffb855 45%,#8a5cff55 55%,transparent 70%);background-size:250% 100%;animation:mxaurora 8s ease-in-out infinite alternate;mix-blend-mode:screen}
.mx-fenrir .mxa{background-image:radial-gradient(#fff 1px,transparent 1.6px),radial-gradient(circle at 80% 15%,#fffbe6 0 6%,transparent 7%);background-size:18px 18px,100% 100%;animation:mxsnow 5s linear infinite}
@keyframes mxaurora{to{background-position:100% 0}}@keyframes mxsnow{to{background-position:6px 90px,0 0}}
/* quetzalcoatl: feathered jungle sky */
.mx-quetzalcoatl .mxb{background:linear-gradient(180deg,#40ffd955,transparent 50%,#0a5a2a88);animation:mxflick 3s ease-in-out infinite alternate}
.mx-quetzalcoatl .mxa{background:repeating-linear-gradient(60deg,transparent 0 14px,#40ffd922 16px,transparent 22px),repeating-linear-gradient(-60deg,transparent 0 18px,#ffe27a1a 20px,transparent 26px);animation:mxfeather 9s linear infinite;mix-blend-mode:screen}
@keyframes mxfeather{to{background-position:120px 0,-120px 0}}
/* roc: high-altitude wind + clouds */
.mx-roc .mxb{background:radial-gradient(ellipse at 20% 70%,#ffffff55,transparent 35%),radial-gradient(ellipse at 75% 40%,#ffffff44,transparent 30%);animation:mxwind 6s linear infinite}
.mx-roc .mxa{background:repeating-linear-gradient(175deg,transparent 0 22px,#ffffff2a 23px,transparent 26px);animation:mxwind 2.2s linear infinite;mix-blend-mode:screen}
@keyframes mxwind{from{transform:translateX(-15%)}to{transform:translateX(15%)}}
/* bahamut: cosmic starfield */
.mx-bahamut .mxa{background-image:radial-gradient(#fff 1px,transparent 1.5px),radial-gradient(#ff5ad9 1px,transparent 1.8px);background-size:24px 24px,41px 37px;animation:mxstars 20s linear infinite;mix-blend-mode:screen}
.mx-bahamut .mxb{background:radial-gradient(circle at 40% 40%,#ff5ad944,transparent 40%),radial-gradient(circle at 70% 70%,#36c6ff44,transparent 40%);animation:spin 30s linear infinite}
@keyframes mxstars{to{background-position:-240px 120px,200px -150px}}
@media (prefers-reduced-motion:reduce){.ph.mx .mxa,.ph.mx .mxb{animation:none!important}}
.bfilt{display:flex;gap:6px;margin:6px 0}.slot{position:relative}.xn{position:absolute;top:6px;right:6px;background:#0f3d2e;color:#ffd76a;font-weight:900;border-radius:999px;padding:2px 8px;font-size:13px;box-shadow:0 2px 6px #0006}
.copies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.copies span{padding:4px 10px;border-radius:999px;background:#eef4f0;font-size:12px;cursor:pointer}.copies span.on{background:#1d6b4f;color:#fff}
/* ---------- simple mode (kids & casual players) ---------- */
.cnav{display:flex;align-items:center;gap:8px;padding:10px 12px 0;position:relative}.cnav .homeb,.cnav .here{font-weight:800;font-size:16px;padding:12px 14px;border-radius:14px;background:#fff;color:inherit;text-decoration:none;min-height:48px;box-sizing:border-box}
.more{margin-left:auto}.more summary{list-style:none;cursor:pointer;font-weight:800;font-size:16px;padding:12px 16px;border-radius:14px;background:#0f3d2e;color:#fff;min-height:48px;box-sizing:border-box}.more summary::-webkit-details-marker{display:none}
.more[open] .tabs{position:absolute;right:12px;top:62px;z-index:30;display:flex;flex-direction:column;gap:6px;background:#fff;padding:10px;border-radius:16px;box-shadow:0 10px 30px #0004;min-width:220px}
.more .tabs a{text-align:left;padding:14px 14px;font-size:16px;min-height:48px;box-sizing:border-box;background:#f2f6f3}
.home3{display:flex;flex-direction:column;gap:14px;padding:16px 12px}
.home3 .big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:118px;border-radius:24px;color:#fff;text-decoration:none;font-size:40px;box-shadow:0 6px 0 #0003;transition:transform .1s}
.home3 .big:active{transform:translateY(4px);box-shadow:0 2px 0 #0003}.home3 .big b{font-size:26px}.home3 .big small{font-size:15px;opacity:.9}
.home3 .b1{background:linear-gradient(135deg,#e8473c,#ff8a3d)}.home3 .b2{background:linear-gradient(135deg,#7b4dd6,#c04fd6)}.home3 .b3{background:linear-gradient(135deg,#1f8a5b,#2fbf8f)}
.slegend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 4px;font-size:14px}.slegend span{background:#ffffffd9;color:#123;padding:6px 10px;border-radius:999px}
.btn{min-height:44px}.btn.qb{display:flex;flex-direction:column;align-items:center;width:100%;font-size:24px;padding:18px;margin:8px 0;border-radius:20px;background:linear-gradient(135deg,#e8473c,#ff8a3d)}.btn.qb small{font-size:14px;font-weight:500}
.bhub .row2 .btn{font-size:15px}
.mid{font-size:20px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mid small{font-size:13px;opacity:.8}.mid .res{font-size:21px;color:#ffd76a}
.bu.can{box-shadow:0 0 0 3px #5dff9b,0 0 18px #5dff9b99;animation:pulse 1.1s ease-in-out infinite;cursor:pointer}
.bu.target{box-shadow:0 0 0 3px #ff5a4a,0 0 20px #ff5a4aaa;animation:pulse 1s ease-in-out infinite;cursor:crosshair}
@keyframes pulse{50%{transform:scale(1.04)}}
.bu{min-height:150px}.bu .bn{font-size:14px}.bu .bst{font-size:13px}
.skills .btn{font-size:15px;padding:10px 14px}.sktxt{font-size:15px;text-align:center}
.tutb{margin:8px;padding:12px 14px;border-radius:16px;background:#ffd76a;color:#2b1d00;font-size:17px;text-align:center;box-shadow:0 4px 14px #0005}.tutb .btn{margin-left:8px;background:#0f3d2e}
.bfoot{text-align:center;margin:6px 0}.bwin .btn{margin:4px}
.big-guide p{font-size:18px}
.lvl{display:block;font-weight:800;color:#ffd76a}
.lvcard{margin:4px 12px;padding:12px 14px;background:#fff;border-radius:16px;text-align:center}.lvcard small{display:block;font-size:13px;opacity:.75}
.lvbar{height:12px;background:#e3ebe6;border-radius:999px;overflow:hidden;margin:6px 0}.lvbar i{display:block;height:100%;background:linear-gradient(90deg,#2fbf8f,#ffd76a)}
.lvup .mbox{text-align:center}.lvup .burst{font-size:72px;animation:pulse .8s infinite}.lvup .lvbig{font-size:28px;font-weight:900;margin:0}.lvup .lvp{font-size:22px;color:#b04fd6;font-weight:800}
.lvwin{font-size:20px;font-weight:900;color:#ffd76a;animation:pulse .9s infinite}
.lfc .ph{position:relative}.lfc .pcred{position:absolute;right:4px;bottom:3px;font-size:8px;line-height:1;padding:2px 4px;border-radius:6px;background:#0007;color:#fff;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.iucn{display:inline-block;font:700 12px/1 system-ui;padding:6px 10px;border-radius:999px;background:var(--ic);color:#111;margin:2px 4px 2px 0}.iucn.fl{background:#bfe9d6}
.xinfo{margin:8px 0}.howhelp{font-size:14px;margin:6px 0}.sndb{margin:4px 6px 4px 0}
.streak{margin:10px 12px 0;padding:10px;border-radius:14px;background:#fff1d6;text-align:center;font-weight:800;font-size:17px}.streak.sm{font-size:14px;font-weight:600}
.aotd{margin:12px;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 14px #0002}.aotd .ap{height:190px;background:center/cover;position:relative}.aotd .at{padding:12px 14px}.aotd small{display:block;color:#b07a00;font-weight:800}.aotd b{font-size:22px;display:block}.aotd i{opacity:.7}.aotd p{font-size:15px}
.aotd .pcred,.spot .pcred{position:absolute;right:6px;bottom:4px;font-size:10px;padding:2px 6px;border-radius:6px;background:#0007;color:#fff}
.spot,.quiz,.sett{padding:0 12px}.spot form{display:flex;flex-direction:column;gap:10px}.spot select,.sett input{font-size:17px;padding:12px;border-radius:12px;border:1px solid #ccd}
.srow{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px;margin:8px 0}.srow img,.srow i{width:64px;height:64px;border-radius:10px;object-fit:cover;background:center/cover;flex:none}.srow small{display:block;opacity:.7}
.qbar{display:flex;justify-content:space-between;font-weight:800}.qq{font-size:18px;background:#fff;border-radius:16px;padding:14px}.qopts{display:grid;gap:10px}.qopts .btn.big{font-size:18px;padding:16px;border-radius:16px;min-height:56px}
.qopts .right{background:#4ad17a;color:#fff}.qopts .wrong{background:#e8473c;color:#fff}.qr{font-size:19px;text-align:center}
.srow2{background:#fff;border-radius:14px;padding:12px;margin:10px 0;display:block}.tog{display:flex;gap:12px;align-items:flex-start}.tog input{width:28px;height:28px;flex:none}.chip{display:inline-block;background:#e3ebe6;border-radius:999px;padding:6px 10px;margin:3px}
.aotd .xinfo b{font-size:inherit;display:inline}

/* photo loading: instant colored/shimmer placeholder */
.card .ph,.tcard .ph,.thumbs img,.newrow img,.detail .hero{background-image:linear-gradient(110deg,#d6e0da 30%,#eef3f0 50%,#d6e0da 70%);background-size:200% 100%;animation:lfshim 1.4s linear infinite}
.card .ph:has(img.ok){animation:none;background:#dfe6e1}
@keyframes lfshim{to{background-position:-200% 0}}

.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin:8px 0 18px}
.gtile{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border-radius:14px;padding:8px;box-shadow:0 1px 4px #0002;color:inherit;text-decoration:none}
.gtile .gph{position:relative;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e8f2e8;display:flex;align-items:center;justify-content:center}
.gtile .gph img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.gtile .gph img.ok{opacity:1}
.gtile .gic{position:absolute;left:4px;bottom:4px;font-size:22px;background:#fffd;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.gtile b{font-size:13px;margin-top:6px;line-height:1.2}.gtile small{font-size:11px;color:#667}
.gchips{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap}.ghead{margin:6px 0}
@media(min-width:700px){.ggrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}

.ph{position:relative}.ph .ilb{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;padding:2px 6px;border-radius:6px;z-index:2}
.ph img.phd{object-fit:contain;padding:18%;opacity:.55;background:linear-gradient(135deg,#1f3a2c,#14261d)}.cred.ilc{background:rgba(60,30,90,.75)}

.card .ph .pcr{position:absolute;left:0;right:0;bottom:0;font-size:9px;line-height:1.3;padding:2px 5px;background:linear-gradient(transparent,#0009);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}
.credl{list-style:none;padding:0}.credl li{padding:6px 0;border-bottom:1px solid #0001}
.detail .cred a{color:#cfe}

.packrow{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%}
.pack.pt-starter{background:linear-gradient(160deg,#2f6b3a,#16331c)}.pack.pt-savanna{background:linear-gradient(160deg,#b8862b,#5a3a10)}.pack.pt-ocean{background:linear-gradient(160deg,#1f6f9a,#0b2a44)}.pack.pt-predator{background:linear-gradient(160deg,#8a2a22,#2b0d0a)}.pack.pt-legendary{background:linear-gradient(160deg,#d4b04a,#4a3608);color:#1a1205}
.pack{position:relative}.pack.tear{animation:packtear 1.1s forwards;pointer-events:none}.pack.tear::before{content:'';position:absolute;left:-4%;right:-4%;top:0;height:22%;background:inherit;border-bottom:3px dashed rgba(255,255,255,.7);animation:tearoff 1.1s forwards;transform-origin:left bottom}
@keyframes tearoff{0%{transform:none}35%{transform:translateY(-6px) rotate(-3deg)}100%{transform:translate(120px,-90px) rotate(-38deg);opacity:0}}
@keyframes packtear{0%,40%{transform:none;opacity:1}100%{transform:translateY(40px) scale(.85);opacity:0}}
.flip.slow{animation-duration:.9s}
.myth-rv .rvcard{animation:mythin 1.4s cubic-bezier(.2,.9,.2,1) both}@keyframes mythin{0%{transform:scale(.3) rotateY(540deg);opacity:0}70%{transform:scale(1.06) rotateY(0)}100%{transform:none;opacity:1}}