/* Whole player cards share one responsive shell in the shop, profile and lobby. */
.lc-card,.lc-preview{position:relative;isolation:isolate;min-width:0;border-radius:14px;box-sizing:border-box}
.seat.lc-card{border:1px solid var(--lc-edge);padding:12px 16px;min-height:90px;background:var(--lc-base);box-shadow:inset 0 0 0 3px #080d1680,0 3px 13px #0003}
.seat.lc-card.me{border-color:var(--lc-light);box-shadow:inset 0 0 0 3px #080d1680,0 0 12px var(--lc-glow)}
.lc-card>.af-portrait,.lc-card>.seat-info,.lc-card>.icon-btn,.lc-preview>.af-portrait,.lc-preview-copy{position:relative;z-index:2}
.lc-card>.seat-info strong{color:#f8f4ff}.lc-card>.seat-info small{color:var(--lc-text)}
.lc-card .cosmetic-seat-style{color:#c5cad9;opacity:.85}.lc-card .seat-info em{color:var(--lc-light)}
.lc-art{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;z-index:0;color:var(--lc-light)}
.lc-art:before{content:"";position:absolute;inset:3px;border:1px solid var(--lc-inner);border-radius:11px}
.lc-art:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(100deg,transparent 15%,var(--lc-light) 35%,transparent 55%);background-size:250% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:lc-border-travel 7s linear infinite}
.lc-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 100% 100%,var(--lc-glow),transparent 60%);opacity:.75;animation:lc-breathe 5s ease-in-out infinite}
.lc-trace{position:absolute;inset:6px;opacity:.2}
.lc-emblem{position:absolute;right:12px;top:50%;width:110px;height:90px;transform:translateY(-50%);opacity:.18;filter:drop-shadow(0 0 5px var(--lc-light))}
.lc-corner{position:absolute;width:20px;height:20px;border:2px solid var(--lc-light);border-right:0;border-bottom:0;border-radius:5px 0 0 0;left:5px;top:5px;filter:drop-shadow(0 0 4px var(--lc-glow))}
.lc-corner-1{left:auto;right:5px;transform:rotate(90deg)}.lc-corner-2{left:auto;right:5px;top:auto;bottom:5px;transform:rotate(180deg)}.lc-corner-3{top:auto;bottom:5px;transform:rotate(270deg)}
.lc-mote{position:absolute;left:var(--left);top:var(--top);width:3px;height:3px;border-radius:50%;background:var(--lc-light);box-shadow:0 0 6px var(--lc-light);opacity:0;animation:lc-embers 4s ease-out infinite;animation-delay:calc(var(--i)*-.71s)}
.lc-dragon{--lc-base:#211519;--lc-edge:#a35c3a;--lc-light:#ffc171;--lc-inner:#df7d393a;--lc-glow:#ff722830;--lc-text:#d9b6a4}
.lc-dragon .lc-trace{background:repeating-linear-gradient(130deg,transparent 0 12px,#f8954338 13px,transparent 14px 27px);mask-image:linear-gradient(90deg,transparent 35%,#000)}
.lc-dragon .lc-corner{width:25px;height:15px;border-radius:0;clip-path:polygon(0 0,100% 0,100% 35%,35% 35%,35% 100%,0 100%);background:linear-gradient(135deg,#ffe0a0,#ad4e25);border:0}
.lc-dragon .lc-wash{background:radial-gradient(ellipse at 15% 120%,#ff632a30,transparent 60%),radial-gradient(ellipse at 95% 0%,#ffad3628,transparent 60%)}
.lc-grove{--lc-base:#112520;--lc-edge:#438c69;--lc-light:#b6e98a;--lc-inner:#80c38635;--lc-glow:#91ef6226;--lc-text:#a5c9b7}
.lc-grove .lc-corner{width:23px;height:23px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#9bd87580,#346c5540);border:1px solid #a6db8a77}
.lc-grove .lc-trace{background:radial-gradient(ellipse at 100% 50%,transparent 35%,#81c27e33 36% 37%,transparent 38% 52%,#81c27e33 53% 54%,transparent 55%);background-size:95px 85px;mask-image:linear-gradient(90deg,transparent 35%,#000)}
.lc-grove .lc-mote{width:4px;height:4px;animation-name:lc-fireflies;animation-duration:6s}.lc-grove .lc-emblem{opacity:.23}
.lc-aurora{--lc-base:#111f32;--lc-edge:#6c85b5;--lc-light:#a7f5e0;--lc-inner:#a3b7f343;--lc-glow:#67c8c72c;--lc-text:#b2c7e2}
.lc-aurora .lc-wash{inset:-60% -20%;background:repeating-linear-gradient(110deg,transparent 0 12%,#61edc325 20%,#997afc30 30%,transparent 43%);filter:blur(12px);animation:lc-aurora 9s ease-in-out infinite alternate}
.lc-aurora .lc-corner{width:18px;height:18px;border:0;border-radius:0;background:linear-gradient(135deg,#d7faff,#85b4e5);clip-path:polygon(0 0,100% 0,65% 25%,25% 25%,25% 65%,0 100%)}
.lc-aurora .lc-mote{width:6px;height:6px;border-radius:0;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%);animation:lc-stars 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.71s)}
.lc-circuit{--lc-base:#17152d;--lc-edge:#8564c5;--lc-light:#9bf8ef;--lc-inner:#ac7ef13d;--lc-glow:#a567ee33;--lc-text:#c1b4df}
.lc-circuit .lc-art:before{border-style:dashed;border-color:#bb91ff45}
.lc-circuit .lc-trace{background:linear-gradient(90deg,#8feae340 1px,transparent 1px),linear-gradient(#8feae340 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.lc-circuit .lc-corner{width:24px;height:12px;border-radius:0;border-color:#c393ff;box-shadow:-2px -2px 0 #80f6e555}
.lc-circuit .lc-mote{width:16px;height:2px;border-radius:0;animation:lc-data 3.5s linear infinite;animation-delay:calc(var(--i)*-.71s)}
.lc-circuit .lc-art:after{animation-duration:3s;background:linear-gradient(100deg,transparent 10%,#c992ff 30%,#9bf8ef 40%,transparent 60%);background-size:250% 100%}
.lc-royal{--lc-base:#211b10;--lc-edge:#dfb85e;--lc-light:#ffe5a0;--lc-inner:#eac77770;--lc-glow:#e9ba4838;--lc-text:#ddcda9}
.seat.lc-royal,.lc-preview.lc-royal{background:radial-gradient(ellipse at 100% 0,#a8782838,transparent 70%),radial-gradient(ellipse at 0 100%,#82642630,transparent 60%),linear-gradient(120deg,#292215,#15130f 60%,#292010);border-color:#dfb85e;box-shadow:inset 0 0 0 2px #6c481b,inset 0 0 0 4px #f0cc7040,0 4px 18px #0005,0 0 17px #e3b95712}
.seat.lc-royal.me{border-color:#ffdfa0;box-shadow:inset 0 0 0 2px #6c481b,inset 0 0 0 4px #f0cc705c,0 0 22px #dbad5030}
.lc-royal .lc-art:before{inset:5px;border-color:#bd985657;border-radius:9px;box-shadow:0 0 0 1px #07060380,inset 0 0 10px #e3b9570b}
.lc-royal .lc-art:after{padding:3px;background:linear-gradient(105deg,#a16d2360 10%,#eac2608c 25%,#fff3c6 38%,#e4b85b 44%,#ac792350 60%,#e4bd5b80 80%);background-size:300% 100%;animation:lc-border-travel 9s linear infinite}
.lc-royal .lc-wash{background:radial-gradient(ellipse at 85% 50%,#e6b74a2b,transparent 60%);animation:lc-breathe 7s ease-in-out infinite}
.lc-royal .lc-trace{inset:9px;border:1px solid #e5c2671b;border-radius:6px;background:repeating-linear-gradient(40deg,transparent 0 12px,#f4d58008 13px,transparent 14px 25px);mask-image:linear-gradient(90deg,transparent 20%,#000)}
.lc-royal-sheen{position:absolute;inset:-70% auto -70% -45%;width:30%;background:linear-gradient(90deg,transparent,#ffeab42e 45%,#fff4d961 50%,#ffeab42e 55%,transparent);transform:translateX(-150%) rotate(22deg);opacity:0;animation:lc-royal-sweep 8.5s ease-in-out infinite;will-change:transform,opacity}
.lc-royal-crest{position:absolute;right:13px;top:50%;width:84px;height:84px;transform:translateY(-50%);opacity:.5;filter:drop-shadow(0 0 7px #e6b64955);animation:lc-royal-aura 7s ease-in-out infinite}
.lc-royal-scroll{position:absolute;left:3px;top:3px;width:35px;height:35px;filter:drop-shadow(0 1px 1px #0008);opacity:.95}
.lc-royal-scroll-1{left:auto;right:3px;transform:scaleX(-1)}.lc-royal-scroll-2{left:auto;top:auto;right:3px;bottom:3px;transform:scale(-1)}.lc-royal-scroll-3{top:auto;bottom:3px;transform:scaleY(-1)}
.lc-royal-jewel{position:absolute;left:50%;width:6px;height:6px;background:linear-gradient(135deg,#fff2b6,#c99a36 55%,#7e541a);transform:translateX(-50%) rotate(45deg);border:1px solid #e8c86c;box-shadow:0 0 8px #ffe6a455}.lc-royal-jewel-top{top:2px}.lc-royal-jewel-bottom{bottom:2px}
.lc-royal .lc-mote{width:5px;height:5px;border-radius:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#ffedba;box-shadow:none;animation:lc-royal-spark 5.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.63s)}
.lc-royal .seat-info strong,.lc-royal .lc-preview-copy strong{color:#fff0c7;text-shadow:0 1px 5px #000,0 0 10px #0008}.lc-royal .seat-info small,.lc-royal .lc-preview-copy small{color:#e3d1a8;text-shadow:0 1px 3px #000}
.shop-item.shop-lc-royal{border:1px solid #d3ae62a6;background:radial-gradient(ellipse at 50% 0,#b5893a2e,transparent 65%),linear-gradient(135deg,#252014,#191817 70%);box-shadow:inset 0 0 0 1px #ebc76d16,0 10px 30px #0e090533}
.shop-lc-royal .shop-kind{color:#f2d18c;font-size:10px;letter-spacing:.03em}.shop-lc-royal h3{color:#ffe2a4}.shop-lc-royal .shop-price{color:#ffe1a1}
.shop-lc-royal .lc-preview{min-height:110px}.shop-lc-royal .cosmetic-lobbycard{min-height:180px}
.lc-royal .lc-art:after,.lc-royal .lc-wash,.lc-royal-crest,.lc-royal-sheen{animation-delay:var(--lc-phase,0s)}
.lc-royal .lc-mote{animation-delay:calc(var(--lc-phase,0s) + var(--i)*-.63s)}
@keyframes lc-royal-sweep{0%,18%{transform:translateX(-150%) rotate(22deg);opacity:0}24%{opacity:.8}48%{transform:translateX(620%) rotate(22deg);opacity:0}100%{transform:translateX(620%) rotate(22deg);opacity:0}}
@keyframes lc-royal-aura{0%,100%{opacity:.38}50%{opacity:.65}}
@keyframes lc-royal-spark{0%,100%{opacity:0;transform:translateY(5px) scale(.25) rotate(0)}18%{opacity:.8}48%{opacity:.2;transform:translateY(-7px) scale(.65) rotate(45deg)}65%{opacity:0;transform:translateY(-16px) scale(.2) rotate(90deg)}}
@media(max-width:640px){.lc-royal-crest{width:74px;height:74px;right:8px}.lc-royal-scroll{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.lc-royal-sheen,.lc-royal-crest{animation:none!important}.lc-royal-sheen{display:none}.lc-royal-crest{opacity:.5}.lc-royal .lc-mote{opacity:.4}}
.lc-preview{width:100%;max-width:350px;min-height:100px;display:flex;align-items:center;gap:9px;padding:16px;background:var(--lc-base,#1e202a);border:1px solid var(--lc-edge,#ffffff25);box-shadow:inset 0 0 0 3px #080d1650,0 8px 22px #0003;text-align:left;color:#f8f4ff}
.lc-preview .af-portrait{width:66px;height:66px}.lc-preview-copy{display:grid;gap:5px;min-width:0;flex:1}.lc-preview-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lc-preview-copy em{font-weight:400;font-style:normal;color:var(--lc-light,#acb9d5)}.lc-preview-copy small{font-size:11px;color:var(--lc-text,#a6b0c2)}.lc-preview-copy>span{font-size:9px;color:#aab2c3}
.cosmetic-lobbycard{width:100%;padding:15px 0;min-width:0;box-sizing:border-box}
.shop-item .cosmetic-lobbycard{min-height:180px}.shop-item:has(.cosmetic-lobbycard){border-color:var(--line-2)}
.shop-item.shop-lc-dragon{background:radial-gradient(ellipse at 50% 0,#ba572425,transparent 65%),var(--surface)}.shop-item.shop-lc-grove{background:radial-gradient(ellipse at 50% 0,#3e9d6c25,transparent 65%),var(--surface)}.shop-item.shop-lc-aurora{background:radial-gradient(ellipse at 50% 0,#669fe530,transparent 65%),var(--surface)}.shop-item.shop-lc-circuit{background:radial-gradient(ellipse at 50% 0,#8662b830,transparent 65%),var(--surface)}
.lobby-card-collection{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.lobby-card-collection h3{font-size:13px;margin:0 0 7px}.lobby-card-collection>p{color:var(--muted);font-size:11px;line-height:1.7}.lobby-card-collection>a{display:inline-block;margin-top:14px;color:var(--accent);font-size:11px}.lobby-card-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lobby-card-option{min-width:0;padding:9px;border:1px solid var(--line);border-radius:14px;background:#ffffff03;color:var(--text)}.lobby-card-option.selected{border-color:#e7c68688;background:#e7c6860a}.lobby-card-option:disabled{opacity:1;cursor:default}.lobby-card-option>.cosmetic-preview{padding:0 0 10px;min-height:0}.lobby-card-option>span{display:flex;gap:5px;justify-content:space-between;font-size:10px}.lobby-card-option small{font-size:9px;color:var(--muted)}.lobby-card-option.selected small{color:var(--accent)}.lobby-card-option .lc-preview{padding:12px 10px;gap:5px;min-height:90px}.lobby-card-option .af-portrait{width:46px;height:46px}.lobby-card-option .lc-preview-copy strong{font-size:11px}.lobby-card-option .lc-preview-copy>span{display:none}
.profile-lobbycard-card .profile-skin-preview{min-height:180px;padding:20px;box-sizing:border-box}.profile-lobbycard-card .cosmetic-lobbycard{min-width:0}.profile-lobbycard-card .lc-preview{max-width:100%}.cosmetic-option .lc-preview{flex-direction:column;text-align:center;min-height:130px;padding:12px 7px;gap:5px}.cosmetic-option .lc-preview-copy strong{font-size:11px}.cosmetic-option .lc-preview-copy>span{display:none}.cosmetic-option .lc-preview .af-portrait{width:48px;height:48px}
@keyframes lc-border-travel{0%{background-position:150% 0}100%{background-position:-100% 0}}
@keyframes lc-breathe{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes lc-embers{0%{opacity:0;transform:translate(0,8px) scale(.5)}25%{opacity:.9}100%{opacity:0;transform:translate(12px,-28px) scale(.3)}}
@keyframes lc-fireflies{0%,100%{opacity:.1;transform:translate(0,0)}45%{opacity:.9;transform:translate(8px,-7px)}75%{opacity:.3;transform:translate(-5px,5px)}}
@keyframes lc-aurora{from{transform:translateX(-7%) skewX(-10deg);opacity:.6}to{transform:translateX(10%) skewX(10deg);opacity:1}}
@keyframes lc-stars{0%,100%{opacity:.1;transform:scale(.6)}50%{opacity:.85;transform:scale(1.2)}}
@keyframes lc-data{0%{opacity:0;transform:translateX(-25px)}20%{opacity:.7}80%{opacity:.7}100%{opacity:0;transform:translateX(35px)}}
@media(max-width:640px){.lobby-card-options{grid-template-columns:1fr}.profile-lobbycard-card .profile-skin-preview{padding:14px}.lc-preview{padding:13px 10px;gap:6px}.lc-preview .af-portrait{width:57px;height:57px}.lc-preview-copy strong{font-size:12px}.lc-preview-copy>span{font-size:8px}.seat.lc-card{padding:12px}.lobby-card-option .lc-preview{max-width:none}}
@media(prefers-reduced-motion:reduce){.lc-art:after,.lc-wash,.lc-mote{animation:none!important}.lc-mote{opacity:.45}}