/* Apex Faceoff card style v3 (crimson + gold, approved tiger-card look). Original design. */
.lfc.duel.apx{--gold:linear-gradient(135deg,#7a4a12,#f6d77a 22%,#a8701e 40%,#fff1b8 52%,#b07a22 70%,#5e3608);padding:calc(var(--w)*.035);background:var(--gold);color:#f6e2b0;font-family:Georgia,"Times New Roman",serif;box-shadow:0 0 calc(var(--w)*.08) #ff6a1a55,0 8px 20px #000a}
.lfc.duel.apx .in{position:relative;height:100%;display:flex;flex-direction:column;gap:calc(var(--w)*.022);padding:calc(var(--w)*.04);border-radius:calc(var(--w)*.035);background:radial-gradient(ellipse at 50% 0,#5a0d10,#2a0507 60%,#160203)!important;border:calc(var(--w)*.008) solid #e6b85a;overflow:hidden}
.apx .crn{position:absolute;background:none!important;border-radius:0;width:calc(var(--w)*.13);height:calc(var(--w)*.13);border:calc(var(--w)*.012) solid #f2cf6e;z-index:4;pointer-events:none}
.apx .crn.tl{top:2px;left:2px;border-right:0;border-bottom:0;border-top-left-radius:60%}.apx .crn.tr{top:2px;right:2px;border-left:0;border-bottom:0;border-top-right-radius:60%}
.apx .crn.bl{bottom:2px;left:2px;border-right:0;border-top:0;border-bottom-left-radius:60%}.apx .crn.br{bottom:2px;right:2px;border-left:0;border-top:0;border-bottom-right-radius:60%}
.apx .gem{position:absolute;top:calc(var(--w)*-.01);left:50%;width:calc(var(--w)*.07);height:calc(var(--w)*.07);transform:translateX(-50%) rotate(45deg);background:linear-gradient(135deg,#ff6a6a,#a00010);border:2px solid #f6d77a;z-index:5}
.apx .ttl{text-align:center;background:linear-gradient(#7a1015,#3a0508);border:1px solid #e6b85a;border-radius:calc(var(--w)*.03);padding:calc(var(--w)*.012) 4px}
.apx .ttl small{display:block;font-size:calc(var(--w)*.045);letter-spacing:.15em;color:#e9c66e}
.apx .ttl h4{margin:0;font-size:calc(var(--w)*.085);line-height:1.05;color:#ffe39a;text-shadow:0 1px 0 #6a3a00,0 0 6px #ff9a2a66;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant:small-caps}
.apx .win{flex:1 1 auto;min-height:0;border:calc(var(--w)*.01) solid #e6b85a;border-radius:calc(var(--w)*.025);overflow:hidden;box-shadow:inset 0 0 12px #000}
.apx .win .ph{width:100%;height:100%;background-size:cover;background-position:center;position:relative}
.apx .sts{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#4a080c,#2a0406);border:1px solid #e6b85a;border-radius:calc(var(--w)*.025)}
.apx .sts span{display:flex;flex-direction:column;align-items:center;padding:1px 0;border-left:1px solid #e6b85a55;line-height:1}.apx .sts span:first-child{border-left:0}
.apx .sts i{font-style:normal;font-size:calc(var(--w)*.05)}.apx .sts b{font-size:calc(var(--w)*.04);color:#e9c66e;font-weight:600}.apx .sts em{font-style:normal;font-weight:700;font-size:calc(var(--w)*.068);color:#fff3cf}
.apx .pbx{position:relative;display:flex;gap:calc(var(--w)*.03);align-items:center;background:linear-gradient(90deg,#3a0507,#250304);border:1px solid #c99a45;border-radius:calc(var(--w)*.03);padding:calc(var(--w)*.012) calc(var(--w)*.025)}
.apx .pi{font-style:normal;flex:none;width:calc(var(--w)*.1);height:calc(var(--w)*.1);border-radius:50%;display:grid;place-items:center;border:1px solid #e6b85a;background:#5a0b10;font-size:calc(var(--w)*.05)}
.apx .pbx b{display:block;color:#ffe39a;font-size:calc(var(--w)*.055);line-height:1.05}.apx .pbx p{margin:0;font-family:system-ui,sans-serif;color:#f1dcc0;font-size:calc(var(--w)*.04);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apx .pwtip{display:none;position:absolute;left:0;right:0;bottom:100%;z-index:9;background:#120203f2;color:#fff;border:1px solid #f6d77a;border-radius:6px;padding:6px;font:12px system-ui}.apx .pwr:hover .pwtip,.apx .pwr.open .pwtip{display:block}
.apx .sbar{position:relative;height:calc(var(--w)*.075);border-radius:99px;border:1px solid #f6d77a;background:#2a0406;overflow:hidden;display:grid;place-items:center}
.apx .sbar i{position:absolute;inset:0;width:var(--sp,0%);background:linear-gradient(90deg,#ff4a00,#ffb02a,#ffe68a)}.apx.legend .sbar i{--sp:100%;animation:sup 1.4s ease-in-out infinite}
.apx .sbar span{position:relative;font-size:calc(var(--w)*.042);letter-spacing:.2em;color:#fff1c4;text-shadow:0 1px 2px #000}
.apx .own{text-align:center;font:600 calc(var(--w)*.04) system-ui;color:#ffe39a}
.apx .ser{position:absolute;top:4px;right:4px;background:#000a;color:#ffe39a;font:700 calc(var(--w)*.045) system-ui;padding:1px 5px;border-radius:5px}
.apx .foil{display:none}
/* LEGENDARY: holographic rainbow sheen follows tilt/finger (--mx/--my set by the tilt handler), extra gold trims + glow */
.apx.legend{--gold:linear-gradient(135deg,#8a5a10,#fff4c0 18%,#d49a2a 32%,#fffbe0 46%,#c48a20 60%,#fff0a8 76%,#6a3e08);box-shadow:0 0 calc(var(--w)*.12) #ffcf4a99,0 0 calc(var(--w)*.04) #fff6 inset,0 10px 24px #000c;animation:lgpulse 3s ease-in-out infinite}
.apx.legend .in{border-width:calc(var(--w)*.014);border-style:double;border-color:#fff0a0}
.apx.legend .crn{width:calc(var(--w)*.18);height:calc(var(--w)*.18);border-color:#fff0a0;filter:drop-shadow(0 0 4px #ffd34a)}
.apx.legend .holo{position:absolute;inset:0;z-index:6;pointer-events:none;mix-blend-mode:color-dodge;opacity:.55;background:linear-gradient(115deg,transparent 20%,#ff3cac66 32%,#784ba066 40%,#2b86c566 48%,#3cffb066 56%,#fff36666 64%,transparent 76%);background-size:250% 250%;background-position:var(--mx,50%) var(--my,50%);transition:background-position .15s;animation:holo 6s linear infinite}
.apx.legend .holo::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#fff0 0 6px,#ffffff14 7px,#fff0 9px);mix-blend-mode:overlay}
@keyframes holo{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}@keyframes lgpulse{50%{box-shadow:0 0 calc(var(--w)*.2) #ffd34acc,0 0 calc(var(--w)*.04) #fff6 inset,0 10px 24px #000c}}
.lfc .ph.mx.leg{background-blend-mode:normal!important;background-size:cover!important;background-position:center!important}.lfc .ph.mx.leg .mxa,.lfc .ph.mx.leg .mxb{opacity:.4}
.apx .tstars{display:flex;justify-content:center;gap:2px;font-size:calc(var(--w)*.045);line-height:1}.apx .tstars i{font-style:normal;color:#5a3a20}.apx .tstars i.on{color:#ffe27a;text-shadow:0 0 4px #ffb02a}
.apx.record{--gold:linear-gradient(135deg,#3a2a10,#fff 15%,#7fd8ff 30%,#f6d77a 45%,#fff 60%,#c8a0ff 75%,#3a2a10)}.apx.record .in{background:radial-gradient(ellipse at 50% 0,#14324a,#081420 60%,#02060a)!important}
.apx .rec{font:600 calc(var(--w)*.036)/1.2 system-ui;color:#bfe8ff;background:#0a2a3acc;border:1px solid #7fd8ff;border-radius:5px;padding:2px 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lfc .kgw{margin:3px 6px 0;padding:2px 6px;border-radius:7px;background:#000a;border:1px solid #c9a24a;color:#f3e3b0;font-size:calc(var(--w)*.055);text-align:center;letter-spacing:.04em}.lfc .kgw b{color:#fff}.lfc .kgw.t3,.lfc .kgw.t4{border-color:#e04a3a}.lfc .kgw.t5{border-color:#ffd36a;box-shadow:0 0 8px #ffb02a}
/* Apex simple shell */
body.apx-simple .cnav,body.apx-simple .duelgo,body.apx-simple .lpx-ban,body.apx-simple .savebar~.cnav{display:none!important}body.apx-simple #app{padding-bottom:84px}
.apxnav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:#04140bf2;border-top:1px solid #2f6b46;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.apxnav a{flex:1;text-align:center;color:#e9f3ea;text-decoration:none;font-size:22px;position:relative;border-radius:10px;padding:4px 0}.apxnav a small{display:block;font-size:11px}.apxnav a.on{background:#1a4a2e;color:#f6d77a}.apxnav em{position:absolute;top:0;right:18%;background:#e23;color:#fff;border-radius:9px;font-size:11px;font-style:normal;padding:0 5px}
.apxhome{display:grid;gap:12px;padding:12px}.apxhome .ab{display:block;border-radius:18px;padding:18px;color:#fff;text-decoration:none;font-size:34px;box-shadow:0 6px 18px #0004}.apxhome .ab b{display:block;font-size:24px}.apxhome .ab small{font-size:14px;opacity:.9}
.ab.play{background:linear-gradient(135deg,#b3121f,#ff6a2a)}.ab.cards{background:linear-gradient(135deg,#1a4a8a,#3aa0ff)}.ab.decks{background:linear-gradient(135deg,#5a1a8a,#b04aff)}.ab.packs{background:linear-gradient(135deg,#7a5a0a,#f6c23a)}.ab.packs.ready{animation:pkp 1.2s ease-in-out infinite}@keyframes pkp{50%{transform:scale(1.03);box-shadow:0 0 30px #ffd36a}}
.pkbar{height:10px;border-radius:6px;background:#0005;margin:8px 0 4px;overflow:hidden}.pkbar i{display:block;height:100%;background:#fff}
.mycards{padding:10px}.mcq{width:100%;box-sizing:border-box;font-size:16px;padding:10px;border-radius:10px;border:1px solid #2f6b46}.mcf{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.mcf select{font-size:14px;padding:8px;border-radius:8px}
.mcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;justify-items:center}.mcc{position:relative;cursor:pointer}.canfuse{position:absolute;top:-6px;right:-4px;background:#1a9a4a;color:#fff;font-style:normal;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;box-shadow:0 0 8px #3f6}
.modal.mcv .mbox,.modal.winpk .mbox{text-align:center;max-width:340px}
.mtile{width:112px;border-radius:10px;overflow:hidden;background:#0b2a1a;border:2px solid #4a7a5a;color:#f3ead2;text-align:center;padding-bottom:4px}.mtile .mart{height:130px;background:#123 center/cover}.mtile b{display:block;font-size:11px;line-height:1.15;padding:3px 3px 0}.mtile small{display:block;font-size:9.5px;color:#f6d77a}
.mtile.r-rare{border-color:#3aa0ff}.mtile.r-super,.mtile.r-ultra,.mtile.r-tournament,.mtile.r-oneofone{border-color:#c06aff}.mtile.r-max{border-color:#ffd36a;box-shadow:0 0 10px #ffcc4a}
.apx .win{min-height:calc(var(--w)*.32)}
.apx .pbx p{-webkit-line-clamp:1!important}
.apx .pbx.sup p{-webkit-line-clamp:1}
.lfc.duel.apx .sbar{display:grid;flex:none;margin:2px 6px 0}
.apx .kgw{padding-top:0!important;padding-bottom:0!important}
.lfc.duel.apx .trt{flex:none;margin:2px 6px 0;padding:1px 5px;border-radius:5px;background:#0008;color:#f1dcc0;font:500 calc(var(--w)*.034)/1.25 system-ui,sans-serif;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.lfc.duel.apx .trt b{color:#ffe39a}

.lfc .pwl{margin:2px 6px 0;padding:1px 6px;border-radius:7px;background:#000c;border:1px solid #7fd3ff;color:#cdeeff;font-size:calc(var(--w)*.055);line-height:1.2;text-align:center;letter-spacing:.04em;white-space:nowrap}.lfc .pwl b{color:#fff}
.apx .win{min-height:calc(var(--w)*.55)}.apx .win .ph{background-position:center 20%}
.lfc.duel.apx{aspect-ratio:59/104!important;height:auto!important}.apx .win{min-height:calc(var(--w)*.5)}
.apx .ttl h4{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.apx .ttl h4.nl{font-size:calc(var(--w)*.072)}.apx .ttl h4.nxl{font-size:calc(var(--w)*.06)}
.apx .win .ph{background-position:center top!important}.lfc .ph .phi{object-position:center top}
.lfc.duel.apx{aspect-ratio:59/110!important}.lfc.duel.apx .sbar{margin-bottom:calc(var(--w)*.03)}
.lfc.eternal.hero .pbx{padding-top:1px;padding-bottom:1px;margin-top:2px;margin-bottom:2px}.lfc.eternal.hero .pbx .pi{transform:scale(.8)}.lfc.eternal.hero .pwl{margin:2px auto}
.apx.eternal.hero .win{flex:0 0 auto;min-height:0!important}.apx.eternal.hero .win .ph{aspect-ratio:1/.62;height:auto}