.cinema-dialog{max-width:900px;width:calc(100% - 28px);padding:26px}.cinema-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.cinema-heading h2{font:clamp(24px,3vw,38px) Georgia,serif;margin:8px 0 20px;color:#ffe8bc}.cinema-token{width:64px;flex:none}.cinema-token .fantasy-art{width:64px}.cinema-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a48a584f;border-radius:12px;background:#060c17;min-height:360px;display:flex;align-items:center;justify-content:space-evenly;gap:20px;padding:38px 28px 28px;perspective:900px}.cinema-backdrop{position:absolute;z-index:-2;inset:-30%;opacity:.18;filter:blur(5px) saturate(.7)}.cinema-backdrop .fantasy-art{height:100%;width:100%}.cinema-floor{position:absolute;z-index:-1;bottom:-65%;left:5%;width:90%;height:115%;border:2px solid #c4aa6370;border-radius:50%;transform:rotateX(65deg);background:repeating-radial-gradient(ellipse,transparent 0 20px,#be965c20 21px 23px,transparent 24px 45px);box-shadow:0 0 65px #cca45235}.cinema-unit{position:relative;z-index:1;text-align:center;min-width:0}.cinema-side{display:block;color:#bfc7d8;font-size:10px;letter-spacing:.18em;margin-bottom:14px}.cinema-card{transform:rotateY(12deg) rotateZ(-4deg);filter:drop-shadow(0 20px 20px #0009)}.enemy .cinema-card{transform:rotateY(-12deg) rotateZ(4deg)}.cinema-card .card{width:165px!important;min-height:240px;font-size:12px}.cinema-life{display:flex;align-items:baseline;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:18px;font-size:12px}.cinema-life strong{font:30px Georgia;color:#ffe1cf}.cinema-life b{width:100%;font-size:12px;color:#c7e7ff}.cinema-explanation{min-height:155px;padding:20px 0 6px}.cinema-explanation>span{font-size:10px;letter-spacing:.16em;color:#edc878}.cinema-explanation h3{font:24px Georgia;margin:8px 0}.cinema-explanation p{margin:8px 0}.cinema-outcome{display:flex;gap:24px;color:#e0c999;font-size:14px}.cinema-controls{display:flex;gap:8px;flex-wrap:wrap}.cinema-controls button{font-size:12px;white-space:normal}.cinema-enchantment{display:flex;flex-direction:column;align-items:center;gap:20px;width:34%;text-align:center;color:var(--cinema-color)}.cinema-enchantment>span{font-size:80px;text-shadow:0 0 40px currentColor}.cinema-enchantment>b{font:20px Georgia}.cinema-delta{position:absolute;top:40%;left:25%;font:bold 38px Georgia;color:#ff9b91;text-shadow:0 3px 8px #000;z-index:6}.cinema-delta.positive{color:#b8ffd7}.cinema-fx{position:absolute;inset:0;pointer-events:none;z-index:4}.cinema-fx>span,.cinema-fx>svg,.cinema-fx>i{position:absolute;opacity:0}.cinema-trail{left:25%;top:43%;width:45%;height:7px;background:linear-gradient(90deg,transparent,#e8c97a,#fff9db);box-shadow:0 0 18px #ffa923;transform-origin:left}.cinema-trail:after{content:'';position:absolute;right:-8px;top:-8px;border-left:22px solid #fff8d6;border-block:11px solid transparent}.cinema-burst{left:65%;top:38%;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,#fff8dd 0 8%,#fed47990 12%,transparent 60%);border:3px solid #ffe4b5;box-shadow:0 0 35px #e6b858}.cinema-barrier{left:14%;top:15%;width:31%;height:60%;border:4px double #c3eeff;border-radius:40% 40% 20% 20%;background:radial-gradient(ellipse,#bcf3ff10,#89ccff65);box-shadow:0 0 25px #abdeff,inset 0 0 30px #abdeff}.cinema-claw{left:55%;top:12%;width:35%;height:70%;fill:#dafde4;filter:drop-shadow(0 0 5px #45eb7a) drop-shadow(5px 6px 0 #071b13)}.cinema-fx>i{left:73%;top:48%;width:8px;height:14px;background:var(--cinema-color);box-shadow:0 0 9px #ffe3ab;border-radius:1px;transform:rotate(var(--a))}.incoming .cinema-burst{left:23%}.incoming .cinema-fx>i{left:29%}.support .cinema-burst{left:23%;border-color:#abffd0;background:radial-gradient(circle,#caffdf88,transparent 65%)}.support .cinema-fx>i{left:30%;background:#ceffe3}.fallen .cinema-card{opacity:.3;filter:grayscale(1);transform:rotateZ(12deg) scale(.9)}.fallen .cinema-life strong{color:#fa8c90}
@keyframes relicCharge{50%{filter:brightness(1.5) drop-shadow(0 0 22px var(--cinema-color));transform:translateY(-9px) rotateY(14deg)}}
@keyframes relicLunge{0%,100%{transform:rotateY(12deg) rotateZ(-4deg)}35%{transform:translateX(60px) translateY(-5px) rotateY(-20deg) rotateZ(8deg)}}
@keyframes relicHit{20%{transform:translateX(10px) rotateZ(11deg);filter:brightness(1.8)}60%{transform:translateX(-5px) rotateZ(-5deg)}}
@keyframes relicArrow{0%{opacity:0;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}65%,100%{opacity:0;transform:translateX(20%) scaleX(.5)}}
@keyframes relicBurst{0%{opacity:0;transform:scale(.2)}28%{opacity:1}100%{opacity:0;transform:scale(2.3)}}
@keyframes relicShard{10%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(95px) rotate(160deg)}}
@keyframes relicClaw{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(-25px,-20px)}30%{opacity:1;clip-path:inset(0);transform:translate(0,0)}85%{opacity:.9}100%{opacity:.35}}
@keyframes relicBarrier{0%{opacity:1;transform:scale(.96)}40%{opacity:1;transform:scale(1.05)}100%{opacity:0;transform:scale(1.2) rotateY(35deg)}}
@keyframes relicDelta{0%{opacity:0;transform:translateY(10px)}20%,80%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}
@media(prefers-reduced-motion:no-preference){.skin-cinema .phase-charge:not(.still) .friendly .cinema-card{animation:relicCharge .95s ease-in-out}.phase-impact:not(.still) .cinema-delta{animation:relicDelta 1.4s both}.phase-impact:not(.still) .cinema-burst{animation:relicBurst 1.3s both}.phase-impact:not(.still) .cinema-fx>i{animation:relicShard 1.3s both;animation-delay:calc(var(--i)*.015s)}.phase-impact.effect-projectile:not(.still) .cinema-trail{animation:relicArrow .65s both}.phase-impact.effect-strike:not(.still) .friendly .cinema-card{animation:relicLunge .75s both}.phase-impact:not(.still):is(.effect-strike,.effect-projectile,.effect-deadly) .enemy .cinema-card{animation:relicHit .7s .2s both}.phase-impact.effect-deadly:not(.still) .cinema-claw{animation:relicClaw 1.4s both}.phase-impact:not(.still):is(.effect-shield,.effect-ward) .cinema-barrier{animation:relicBarrier 1.3s both}.phase-impact.effect-incoming:not(.still) .friendly .cinema-card{animation:relicHit .7s both}}
.phase-result.effect-deadly .cinema-claw{opacity:.3}.still.phase-impact .cinema-delta{opacity:1}.still.phase-impact .cinema-burst{opacity:.3}
@media(max-width:600px){.cinema-dialog{padding:16px}.cinema-stage{padding:28px 8px 18px;gap:10px;min-height:280px}.cinema-card .card{width:108px!important;min-height:176px;font-size:9px}.cinema-heading h2{font-size:24px}.cinema-token{width:42px}.cinema-token .fantasy-art{width:42px}.cinema-enchantment>span{font-size:48px}.cinema-enchantment>b{font-size:15px}.cinema-explanation h3{font-size:21px}.cinema-outcome{font-size:12px;gap:12px}.cinema-explanation{min-height:160px}.cinema-controls button{padding:10px}.cinema-delta{font-size:28px}.cinema-card .card-name{font-size:14px}.cinema-card .card-text{font-size:9px}.cinema-life{font-size:10px}.cinema-life strong{font-size:24px}}
/* Framed medallions stay outside the artwork; tight corners preserve its details. */
.card{border-radius:8px!important;overflow:visible}.card .card-art,.card .card-skyline,.card .fantasy-art{border-radius:4px!important}.card.role-guard{border-radius:4px 4px 10px 10px!important}.card.role-striker{border-radius:10px 3px!important}.card-stats>.attack,.card-stats>.hp{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:2.8em;min-height:2.2em;padding:3px 6px;border:2px solid #cda76c;background:linear-gradient(145deg,#5a492e,#1e2029 55%,#6b5230);box-shadow:0 3px 7px #0009,inset 0 0 0 1px #fff3;font-size:inherit;text-shadow:0 1px 3px #000}.card-stats>.attack{margin-left:-12px;border-radius:4px;color:#ffe3a2}.card-stats>.hp{margin-right:-12px;border-radius:50%;border-color:#e3a7a8;background:radial-gradient(ellipse at 35% 20%,#aa6773,#4d233c 65%,#241b30);color:#ffe6e9}.card-stats>i{padding-inline:2px}.arena .on-board .card-stats>b{min-height:1.7em;padding:1px 3px;min-width:2.3em}.arena .on-board .card-stats>.attack{margin-left:-6px}.arena .on-board .card-stats>.hp{margin-right:-6px}.skin-theatre-invite{display:flex;gap:24px;align-items:center;padding:26px;margin:24px 0;background:radial-gradient(ellipse at 0% 50%,color-mix(in srgb,var(--skin-color) 20%,transparent),transparent 65%),#080d1c;border:1px solid color-mix(in srgb,var(--skin-color) 40%,transparent);border-radius:8px}.skin-theatre-invite>span{font:64px Georgia;color:var(--skin-color);text-shadow:0 0 32px currentColor}.skin-theatre-invite h3{font:24px Georgia;margin:0;color:#ffe6c4}.skin-theatre-invite p{margin:12px 0}.eco-wallet{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.credit-steps{display:flex;padding:0;list-style:none;gap:30px;margin:30px 0 50px}.credit-steps li{display:flex;align-items:center;gap:12px;color:#cad1e1}.credit-steps b{color:#e7c681;font:28px Georgia}.credit-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.credit-offers .panel{padding:34px 28px;border:1px solid #e0c17a50;background:radial-gradient(ellipse at 50% 0%,#9b772737,transparent 70%),#0d1425;border-radius:8px}.credit-offers h3{font:40px Georgia;color:#f9daa1;margin:24px 0}.credit-real,.credit-history{margin-top:26px;padding:30px}.credit-real p{max-width:850px;line-height:1.7}.credit-history p{padding:12px 0;border-bottom:1px solid #ffffff15}.skin-cinema .phase-charge.incoming:not(.still) .friendly .cinema-card{animation:none}.skin-cinema .phase-charge.incoming:not(.still) .enemy .cinema-card{animation:relicCharge .95s ease-in-out}
@media(max-width:600px){.credit-steps{flex-direction:column;gap:16px;margin:24px 0}.credit-offers{grid-template-columns:1fr}.credit-real,.credit-history{padding:20px}.eco-wallet{align-items:flex-start}.skin-theatre-invite{padding:18px;gap:14px}.skin-theatre-invite>span{font-size:38px}.skin-theatre-invite h3{font-size:21px}.cinema-card .card-stats>.attack{margin-left:-8px}.cinema-card .card-stats>.hp{margin-right:-8px}}
.cinema-enchantment>.fantasy-art{width:190px;max-width:100%;aspect-ratio:1;box-shadow:0 14px 40px #0009,0 0 30px color-mix(in srgb,var(--cinema-color) 30%,transparent);transform:rotateY(-16deg) rotateZ(3deg)}
@keyframes relicInfusion{0%{opacity:0;transform:translateX(110px) scale(.8)}35%{opacity:1}100%{opacity:0;transform:translateX(-100px) scale(1.5)}}
@media(prefers-reduced-motion:no-preference){.phase-charge:not(.still) .cinema-enchantment>.fantasy-art{animation:relicCharge .95s ease-in-out}.support.phase-impact:not(.still) .cinema-fx>i{left:57%;animation:relicInfusion 1.4s both;animation-delay:calc(var(--i)*.025s);top:calc(30% + var(--i)*2%);border-radius:50%;height:8px}}
.atlas-lobby .mode-art{gap:26px}.atlas-lobby .mode-art>div{flex-shrink:0;transform:rotate(-6deg) translateY(8px)}.atlas-lobby .mode-art>div:nth-child(2){transform:translateY(-8px)}.atlas-lobby .mode-art>div:nth-child(3){transform:rotate(6deg) translateY(8px)}
@media(max-width:650px){.atlas-lobby .mode-art{gap:13px;margin-inline:0;height:230px}.atlas-lobby .mode-art>div{width:82px;transform:rotate(-3deg)}.atlas-lobby .mode-art>div:nth-child(3){transform:rotate(3deg)}.mode-art .card{height:196px}.mode-art .card-stats{font-size:10px}.mode-art .card-stats>.attack{margin-left:-8px}.mode-art .card-stats>.hp{margin-right:-8px}.mode-art .card-text{font-size:7px}.cinema-enchantment>.fantasy-art{width:110px}}
.cinema-card .card{height:auto;aspect-ratio:auto}.cinema-card .city-art{height:100px;min-height:100px;flex-shrink:0}.cinema-card .fantasy-art{height:105px;min-height:105px;aspect-ratio:auto;flex-shrink:0}.cinema-card .card-name{margin-top:10px}.cinema-card .skin-sigils{margin:4px 0}.cinema-card .card-text{min-height:20px}.cinema-card .rarity-label{margin-top:8px}
@media(max-width:600px){.cinema-card .city-art,.cinema-card .fantasy-art{height:68px;min-height:68px}.cinema-card .card-top{min-height:24px}.cinema-card .card-name{margin-top:6px}.cinema-card .card-stats{font-size:11px}.cinema-card .card{padding:8px}.cinema-card .card-text{font-size:8px;min-height:16px}.cinema-card .card-country{font-size:8px}.cinema-card .rarity-label{font-size:7px}}
.card-stats>.attack,.card-stats>.hp{white-space:nowrap;flex-shrink:0}.cinema-enchantment>.fantasy-art{border-radius:8px}
.cinema-dialog{max-height:94dvh}
@media(max-width:600px){.cinema-card .card-top .cost{width:24px;height:24px;font-size:14px}.cinema-card .card-top{height:24px;min-height:24px}.cinema-card .skin-sigils{position:absolute;top:98px;left:9px;margin:0;z-index:2}.cinema-card .card-name{font-size:13px;line-height:1.15;margin:6px 0 2px}.cinema-card .card-country{line-height:1.2}.cinema-card .card-text{line-height:1.2;padding:5px 0}.cinema-card .card-stats{padding-top:3px}.cinema-card .rarity-label{margin-top:4px;line-height:1.2}.cinema-explanation{padding-top:16px;min-height:0}.cinema-explanation p{font-size:12px}.cinema-heading h2{margin-bottom:12px}.cinema-heading .eyebrow{font-size:8px}.cinema-side{font-size:8px}.cinema-controls{gap:6px}.cinema-controls button{font-size:11px;padding:9px}.cinema-life{margin-top:12px}}