/* Neon Future — front faces only. Rarity, portraits and numbers come from game data. */
.neon-card{border-radius:5px!important;background:#070b12!important;color:#edf4ff;box-shadow:0 6px 20px #0009,0 0 13px color-mix(in srgb,var(--card-color) 20%,transparent);font-family:Arial,sans-serif}
.neon-card:before{content:'';position:absolute;inset:1.6%;z-index:2;pointer-events:none;border:1px solid color-mix(in srgb,var(--card-color) 70%,#dfe8f5);background:linear-gradient(136deg,#edf4ff30,transparent 19%,transparent 77%,color-mix(in srgb,var(--card-color) 24%,transparent));clip-path:polygon(4% 0,96% 0,100% 3%,100% 97%,96% 100%,4% 100%,0 97%,0 3%)}
.neon-card:after{display:block!important;content:'';position:absolute;inset:3%;z-index:2;pointer-events:none;background:linear-gradient(120deg,transparent 45%,#ddecff19 48%,transparent 51%);opacity:.6}
.neon-frame{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;color:var(--card-color);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--card-color) 70%,transparent));fill:none}
.neon-metal{stroke:#bac5d5;stroke-width:2;fill:none}.neon-light{stroke:currentColor;stroke-width:2.6;fill:none}.neon-trace{stroke:currentColor;stroke-width:1.2;fill:none;opacity:.9}.neon-chrome{fill:#b8c6da;stroke:#e7f0fa;stroke-width:.5}
.neon-card .ornate-portrait{position:absolute;inset:3.4% 3.5% auto;height:73%;z-index:1;background-color:#101a29}
.neon-card .ornate-portrait:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#03070d55,transparent 18%,transparent 63%,#060a11 98%),linear-gradient(90deg,color-mix(in srgb,var(--card-color) 15%,transparent),transparent 21%,transparent 79%,color-mix(in srgb,var(--card-color) 17%,transparent))}
.neon-card .silver-ink{font-family:'RW Display',Arial,sans-serif;font-weight:400;background:none;-webkit-text-fill-color:currentColor;background-clip:border-box;filter:none;text-shadow:0 1px 3px #000;color:#eaf3ff}
.neon-card .ornate-rw{left:4.5%;right:auto;top:3.4%;width:24%;height:9%;padding:.5cqw;background:linear-gradient(130deg,#07111cf5,#172132d9);border:1px solid var(--card-color);border-radius:0;clip-path:polygon(0 0,100% 0,100% 67%,75% 100%,0 100%);z-index:5}
.neon-card .ornate-rw .rw-logo{width:100%;height:100%;object-fit:contain}
.neon-card .ornate-rarity{top:2.7%;left:31%;width:64%;height:3.7%;font:400 3.3cqw/1 'RW Display',Arial,sans-serif;letter-spacing:.4cqw;color:#e8f5ff;background:linear-gradient(90deg,#0b101bd9,#152130ed);border-bottom:1px solid var(--card-color);z-index:5}
.neon-card .ornate-company-crest{left:auto;right:6%;top:9.7%;width:7%;height:5%;color:var(--card-color);opacity:.9;z-index:4}
.neon-type{position:absolute;top:7.2%;left:32%;right:6%;text-align:right;font:600 2.05cqw/1.3 Arial,sans-serif;letter-spacing:.25cqw;color:#e7eefc;text-shadow:0 1px 3px #000;z-index:3}
.neon-card .ornate-name{top:56%;height:12.8%;left:6%;width:88%;padding:0;display:flex;flex-direction:column;justify-content:center;gap:.5cqw;white-space:nowrap;line-height:1;letter-spacing:-.35cqw;z-index:3;background:linear-gradient(180deg,transparent,#07101b9c 65%);text-transform:uppercase}
.neon-first,.neon-last{display:block;width:100%;font-family:'RW Display',Arial,sans-serif;font-weight:400;line-height:1.08;text-align:center;white-space:nowrap;background:linear-gradient(180deg,#f7fbff 10%,#bdccdf 51%,#f3f9ff 60%,color-mix(in srgb,var(--card-color) 45%,#afc0d5));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px #000)}
.neon-first{font-size:7.7cqw}.neon-last{font-size:12.2cqw}.neon-first,.neon-last{text-shadow:none}.neon-last:empty{display:none}.ornate-name:has(.neon-last:empty) .neon-first{font-size:12cqw}
.neon-card .ornate-alias{top:69.2%;height:2.8%;left:6%;width:88%;font:500 2.7cqw/1 Arial,sans-serif;letter-spacing:.38cqw;color:#edf2fc;border-top:1px solid color-mix(in srgb,var(--card-color) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--card-color) 70%,transparent);background:#07101bba;text-shadow:0 1px 3px #000}
.neon-card .ornate-company{top:72.8%;height:3.4%;left:7%;width:86%;font:700 3.7cqw/1.1 Arial,sans-serif;letter-spacing:.22cqw;color:#f1f6ff;background:#07101be8;text-shadow:0 1px 3px #000;z-index:3}
.neon-card .ornate-stats{left:5.5%;width:89%;top:77.6%;height:9%;padding:.6cqw 0;background:linear-gradient(120deg,#111c2df5,#050b13);border-top:1px solid var(--card-color);border-bottom:1px solid var(--card-color);border-radius:0;overflow:visible;gap:.7cqw}
.neon-card .ornate-stats>span{position:relative;gap:.8cqw;padding:0 .2cqw;border:0;background:#0a111ba8;clip-path:polygon(10% 0,100% 0,100% 87%,90% 100%,0 100%,0 13%)}
.neon-card .ornate-stats>span:after{display:none}.neon-card .ornate-stats>span:before{content:'';width:2cqw;height:1cqw;background:var(--card-color);clip-path:polygon(0 0,100% 0,50% 100%)}
.neon-card .ornate-stats small{font:500 2.7cqw/1.1 Arial,sans-serif;letter-spacing:.1cqw;color:#e1e9f5;-webkit-text-fill-color:#e1e9f5;text-shadow:none}
.neon-card .ornate-stats b{font:400 9.1cqw/1 'RW Display',Arial,sans-serif;color:var(--card-color);-webkit-text-fill-color:var(--card-color);text-shadow:0 0 8px color-mix(in srgb,var(--card-color) 55%,transparent);letter-spacing:-.35cqw;padding:0}
.neon-card .ornate-stats .stat-used{background:color-mix(in srgb,var(--card-color) 16%,#0c1420);outline:1px solid color-mix(in srgb,var(--card-color) 60%,transparent)}
.neon-card .ornate-signature{top:88%;height:6.3%;left:7%;width:86%;gap:1cqw;padding:.4cqw 1cqw;background:linear-gradient(120deg,#111b2a,#050b12);border-bottom:1px solid color-mix(in srgb,var(--card-color) 75%,transparent);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
.neon-card .ornate-signature small{order:-1;font:700 3.2cqw/1 Arial,sans-serif;letter-spacing:.25cqw;color:#f2f7ff;-webkit-text-fill-color:#f2f7ff}
.neon-card .ornate-signature strong{font:400 italic 5.6cqw/1.1 'RW Display',Arial,sans-serif;color:var(--card-color);-webkit-text-fill-color:var(--card-color);text-shadow:0 0 9px color-mix(in srgb,var(--card-color) 40%,transparent);letter-spacing:-.15cqw;padding:0}
.neon-card .ornate-footer{top:96.8%;height:1.8%;left:9%;width:82%;font:500 1.7cqw/1 Arial,sans-serif;letter-spacing:.25cqw;color:#cfdeee;background:none;z-index:5}
.neon-card .ornate-note{top:50%;left:6%;width:88%;font-size:2.8cqw;border:1px solid var(--card-color)}
.neon-card .edition-ribbon{top:23%;max-width:80%;font-size:3cqw;background:#09121fed;border-color:var(--season-color);box-shadow:0 0 10px color-mix(in srgb,var(--season-color) 30%,transparent)}
.ornate-support .neon-card{color:var(--card-color)}
.neon-card .support-photo-v3{position:absolute;height:73%;background-repeat:no-repeat}
.neon-card .ornate-support-bonus{position:absolute;top:77.5%;height:9%;left:5.5%;width:89%;padding:.9cqw .5cqw;display:flex;flex-direction:column;gap:1cqw;justify-content:center;align-items:center;border-top:1px solid var(--card-color);border-bottom:1px solid var(--card-color);background:#07101bef;z-index:3}
.neon-card .ornate-support-bonus>strong{font:400 7cqw/1.1 'RW Display',Arial,sans-serif;color:var(--card-color);-webkit-text-fill-color:var(--card-color);padding:0;text-shadow:0 0 10px color-mix(in srgb,var(--card-color) 35%,transparent)}
.neon-card .ornate-support-bonus>small{font:500 2cqw/1.1 Arial,sans-serif;color:#e3eaf8;letter-spacing:.1cqw;padding:0}
.neon-card:hover{box-shadow:0 8px 24px #000a,0 0 20px color-mix(in srgb,var(--card-color) 35%,transparent)}
@media(prefers-reduced-motion:reduce){.neon-card{transition:none!important}}
.rw-reduced-motion .neon-card{transition:none!important}
/* Older tactical hands keep their own endurance/effect data, never score bonuses. */
.support-card.neon-legacy{position:relative;border-color:var(--card-color);border-radius:3px;background:#0a121e;overflow:hidden;isolation:isolate}
.neon-legacy .support-art{border-bottom-color:var(--card-color)}
.neon-legacy .support-rarity{color:var(--card-color);border-color:var(--card-color);background:#09111be8}
.neon-legacy .support-info h3{font-family:'RW Display',Arial,sans-serif;color:#edf4ff}
.neon-legacy .support-footer{border-top:1px solid var(--card-color);background:#0a1320;color:var(--card-color)}
.neon-legacy .support-footer strong{color:var(--card-color)}

/* Approved card backs: natural 2:3 proportions, freely selectable cosmetics. */
.card-backs-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:20px 0}.card-back-choice{min-width:0;padding:14px;border:1px solid #344254;border-radius:16px;background:#141c2a}.card-back-choice.selected{border-color:#63e4cf;box-shadow:0 0 0 1px #63e4cf}.card-back-choice h2{font-size:16px;min-height:42px;margin:14px 0 8px}.card-back-choice .btn{width:100%}.company-back.custom-card-back{background-size:contain;background-repeat:no-repeat;background-position:center;aspect-ratio:2/3}.card-back-choice .company-back{width:100%;height:auto;aspect-ratio:2/3}.card-back-classic{margin-bottom:32px}.pack-exchange{margin:18px 0;text-align:left;padding:20px}.pack-exchange h3{margin-bottom:10px}.pack-exchange p{margin:10px 0;line-height:1.5}.pack-exchange li{margin:8px 0}.pack-exchange-success{color:#70edcf}.pack-exchange .opening-controls{justify-content:flex-start}
@media(max-width:1050px){.card-backs-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.card-backs-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-back-choice{padding:10px}.card-back-choice h2{font-size:13px}.card-back-choice .btn{font-size:11px;padding:10px 6px}.pack-exchange{padding:14px}.pack-exchange .opening-controls{align-items:stretch;flex-direction:column}}

.language-switcher{display:flex;align-items:center;gap:7px;flex-shrink:0}.language-switcher label{font:600 11px Arial,sans-serif;color:#cbd5e7}.language-switcher select{max-width:120px;min-height:32px;background:#20243a;color:#f4f6ff;border:1px solid #74618b;border-radius:8px;padding:5px 8px;font:600 12px Arial,sans-serif}.modern-ui .topbar{flex-wrap:wrap}html[lang=ja] .heading h1,html[lang=ja] .btn,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] .ornate-signature small,html[lang=ja] .ornate-stats small{font-family:'Yu Gothic','Meiryo',sans-serif;letter-spacing:0}html[lang=ja] .heading h1{font-size:clamp(24px,4vw,38px)}html:not([lang=fr]) .sidebar nav a{white-space:normal}html[lang=ja] .neon-card .ornate-rarity{font-family:'Yu Gothic','Meiryo',sans-serif}html[lang=ja] .neon-type{letter-spacing:0}@media(max-width:760px){.language-switcher{margin-left:4px;gap:4px}.language-switcher label{font-size:10px}.language-switcher select{max-width:99px;font-size:11px;min-height:32px}html[lang=ja] .modern-bottom-nav a,html[lang=ja] .modern-bottom-nav button{font-size:9px}html[lang=es] .modern-bottom-nav a,html[lang=es] .modern-bottom-nav button{font-size:9px}}
html:not([lang=fr]) .modern-bottom-nav a,html:not([lang=fr]) .modern-bottom-nav button{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.25;text-align:center}html[lang=ja] .modern-bottom-nav a,html[lang=ja] .modern-bottom-nav button{font-size:8.5px}
.neon-card .ornate-signature{top:87.8%;height:7.2%;gap:.15cqw;padding:.1cqw 1cqw}

/* Company emblems selected by the user: Titan A, Nova A, Apex Ring AR, Legacy B. */
.federation-mark{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.neon-card .ornate-company-crest{top:10%;right:5.5%;width:17%;height:11.3%;opacity:1;z-index:5;filter:drop-shadow(0 1px 3px #000);pointer-events:none}.federation-identity{height:190px;max-width:340px;width:100%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center}.faction-panel .federation-identity .federation-mark{height:100%;width:100%;object-fit:contain}@media(max-width:600px){.federation-identity{height:170px;max-width:280px}}
/* Approved mockup, 16 October 2026. Text and scores remain live game data. */
@font-face{font-family:'RW Finisher';src:url('assets/rw-finisher-permanent-marker.ttf') format('truetype');font-display:swap}
.neon-card{--frame-hue:0deg;isolation:isolate}
.neon-card[data-neon-rarity=Rare]{--frame-hue:95deg}
.neon-card[data-neon-rarity=Épique]{--frame-hue:160deg}
.neon-card[data-neon-rarity=Légendaire]{--frame-hue:-76deg}
.neon-card[data-neon-rarity="Hall of Fame"]{--frame-hue:-145deg}
.neon-card:before,.neon-card:after{display:none!important}
.neon-card .neon-frame-texture{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;background:url('assets/neon-chrome-frame-v2.webp') center/100% 100% no-repeat;filter:hue-rotate(var(--frame-hue));pointer-events:none}
.neon-card .ornate-portrait{inset:4% 5% auto;height:65%;z-index:1}
.neon-card .ornate-portrait:after{background:linear-gradient(180deg,#03070d25,transparent 22%,transparent 67%,#02070ac9 100%),linear-gradient(90deg,color-mix(in srgb,var(--card-color) 13%,transparent),transparent 24%,transparent 78%,color-mix(in srgb,var(--card-color) 13%,transparent))}
.neon-card .ornate-rw.card-company-emblem{left:5.4%;top:5%;width:23%;height:12.2%;padding:.3cqw;border:0;background:none;clip-path:none;border-radius:0;z-index:5;filter:drop-shadow(0 1px 2px #000)}
.neon-card .card-company-emblem .federation-mark{width:100%;height:100%;object-fit:contain}
.neon-card .ornate-rarity{left:29%;width:46%;top:4.1%;height:2.6%;display:flex;align-items:center;justify-content:center;font:400 4.2cqw/1 'RW Display',Arial,sans-serif;letter-spacing:.4cqw;background:linear-gradient(180deg,#fff 7%,#d6e4f5 42%,#9daec0 49%,#fff 57%,#d7e8fa 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:0;color:#f1faff;text-shadow:none;filter:drop-shadow(0 .15cqw .08cqw #000) drop-shadow(0 0 2px color-mix(in srgb,var(--card-color) 45%,transparent));z-index:5}
.neon-card .ornate-name{top:52.6%;height:11.4%;left:6%;width:88%;gap:0;z-index:4;background:linear-gradient(180deg,transparent,#03090a60);letter-spacing:-.4cqw}
.neon-card .neon-first,.neon-card .neon-last{background:linear-gradient(180deg,#fff 7%,#f2f6fc 28%,#9baec2 49%,#f8fbff 54%,#b3c4d5 74%,#f4f8ff 93%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .45cqw .08cqw #02080c);-webkit-text-stroke:.12cqw #e0ebf6;line-height:1.03}
.neon-card .neon-first{font-size:9.1cqw}.neon-card .neon-last{font-size:13.8cqw}
.neon-card .ornate-name:has(.neon-last:empty) .neon-first{font-size:13.8cqw}
.neon-card .neon-type{position:absolute;top:65.6%;left:8%;right:8%;height:4%;display:flex;align-items:center;justify-content:center;gap:1.1cqw;font:400 3.4cqw/1 'RW Display',Arial,sans-serif;letter-spacing:.18cqw;text-align:center;color:#eef5ff;z-index:5;white-space:nowrap;text-shadow:0 1px 3px #000}
.neon-card .neon-type>span{background:linear-gradient(180deg,#fff 7%,#d6e4f5 42%,#9daec0 49%,#fff 57%,#d7e8fa 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .12cqw .08cqw #000);text-shadow:none}
.neon-card .neon-type i{font-style:normal;color:var(--card-color)}
.neon-card .ornate-stats{top:71.15%;height:10.5%;left:5.3%;width:89.4%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:.2cqw 0;background:none;border:0;z-index:5}
.neon-card .ornate-stats>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;min-width:0;padding:.2cqw .1cqw;background:none;border:0;clip-path:none}
.neon-card .ornate-stats>span:before,.neon-card .ornate-stats>span:after{display:none}
.neon-card .ornate-stats small{display:block;max-width:99%;font:400 3.55cqw/1.1 'RW Display',Arial,sans-serif;letter-spacing:-.06cqw;color:#eaf3ff;-webkit-text-fill-color:#eaf3ff;text-shadow:0 1px 2px #000}
.neon-card .ornate-stats b{font:400 10.7cqw/1 'RW Display',Arial,sans-serif;letter-spacing:-.35cqw;color:var(--card-color);-webkit-text-fill-color:var(--card-color);-webkit-text-stroke:.15cqw color-mix(in srgb,var(--card-color) 58%,#fff);text-shadow:0 0 7px color-mix(in srgb,var(--card-color) 60%,transparent)}
.neon-card .ornate-stats .stat-used{background:color-mix(in srgb,var(--card-color) 12%,transparent);outline:1px solid color-mix(in srgb,var(--card-color) 55%,transparent)}
.neon-card .ornate-signature{top:83.1%;height:9.4%;left:8%;width:84%;padding:.2cqw 0;gap:.8cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:0;clip-path:none;z-index:5}
.neon-card .ornate-signature small{font:400 3.25cqw/1 'RW Display',Arial,sans-serif;letter-spacing:.45cqw;color:#f1f6ff;order:-1;white-space:nowrap;background:linear-gradient(180deg,#fff,#c5d6e8 45%,#fff 60%,#e1edfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 .12cqw .08cqw #000);text-shadow:none}
.neon-card .ornate-signature strong{display:block;width:100%;font:400 6.7cqw/1.2 'RW Finisher','RW Display',sans-serif;letter-spacing:-.2cqw;color:var(--card-color);-webkit-text-fill-color:var(--card-color);text-shadow:0 0 6px color-mix(in srgb,var(--card-color) 45%,transparent);white-space:nowrap;max-height:75%;overflow:visible}
.neon-card .ornate-footer{top:94%;height:2.6%;left:12%;width:76%;display:flex;align-items:center;justify-content:center;gap:2.4cqw;background:none;font:700 2.5cqw/1 Arial,sans-serif;letter-spacing:.35cqw;color:#edf6ff;text-shadow:0 1px 2px #000;z-index:5;white-space:nowrap}
.neon-card .card-footer-number{font-variant-numeric:tabular-nums;letter-spacing:.35cqw}
.neon-card .edition-ribbon{z-index:6;top:25%}
.neon-card .ornate-note{z-index:6}
.ornate-support .neon-card .support-photo-v3{height:65%!important;inset:4% 5% auto}
.neon-card .support-emblem{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:17cqw;color:var(--card-color);text-shadow:0 0 9px var(--card-color)}
.neon-card .ornate-support-bonus{top:71.15%;height:10.5%;background:none;border:0;gap:1cqw;z-index:5}
.neon-card .ornate-support-bonus>strong{font-size:8.2cqw}
.neon-card .ornate-support-bonus>small{font-size:2.25cqw;max-width:92%;text-align:center}
html[lang=ja] .neon-card .ornate-rarity,html[lang=ja] .neon-card .neon-type,html[lang=ja] .neon-card .ornate-stats small{font-family:'Yu Gothic','Meiryo',sans-serif;font-weight:700;letter-spacing:0}
html[lang=ja] .neon-card .ornate-stats small{font-size:3.3cqw}
/* Autographs are decorative, deterministic per character and never alter rarity or stats. */
@font-face{font-family:'RW Autograph';src:url('assets/rw-autograph-allura.ttf') format('truetype');font-display:swap}
.neon-card .card-autograph{position:absolute;left:37%;top:43.2%;width:55%;height:5.5%;display:flex;align-items:center;justify-content:center;z-index:5;transform:rotate(var(--autograph-angle,-7deg));transform-origin:center;font:400 10cqw/1 'RW Autograph',cursive;letter-spacing:0;color:#fff4cf;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none;filter:drop-shadow(0 0 1px #000)}
.neon-card .card-autograph:after{content:'';position:absolute;left:17%;right:4%;bottom:9%;height:1px;background:linear-gradient(90deg,transparent,currentColor 15%,currentColor 80%,transparent);transform:rotate(-3deg);opacity:.8}
.neon-card[data-neon-rarity="Hall of Fame"] .card-autograph{color:#eff7ff}