/* ELYCARD / CINEMA EDITION — material, light and motion. */
:root{--cinema-gold:#e9c579;--cinema-red:#b53a35;--cinema-ease:cubic-bezier(.2,.75,.2,1)}
body{background:#080909;background-image:radial-gradient(ellipse at 85% 8%,#42251730,transparent 50%),radial-gradient(ellipse at 12% 70%,#49151520,transparent 55%)}
.cinema-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.cinema-atmosphere canvas{position:absolute;inset:0;opacity:.65}.cinema-haze{position:absolute;inset:-25%;background:radial-gradient(ellipse at 75% 18%,#db9c3020,transparent 38%),radial-gradient(ellipse at 30% 70%,#b31f1714,transparent 40%);mix-blend-mode:screen;opacity:.55}.cinema-grain{position:absolute;inset:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}
.cinema-enabled .cinema-haze{animation:ambient-drift 36s ease-in-out infinite alternate}
.cinema-toggle{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#1b1510;border:1px solid #665034;color:#d8bc85;font-size:10px;border-radius:30px;white-space:nowrap}.cinema-toggle i{font-style:normal;color:#e9c579;font-size:15px}.cinema-toggle:hover{border-color:#e9c579;background:#2b2114}.cinema-toggle[aria-pressed=false]{opacity:.7}
.topbar{background:linear-gradient(90deg,#090a0aee,#100d0bf2)!important;backdrop-filter:blur(18px);border-bottom-color:#8f6c3438!important}.sidebar{background:linear-gradient(180deg,#090a0a,#100d0b)!important}.sidebar .brand>b{filter:drop-shadow(0 0 16px #e5bd6b44)}.sidebar nav a{transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.sidebar nav a.active{background:linear-gradient(100deg,#571c1b77,#2d151500)!important;border-left-color:#f1675b!important;box-shadow:inset 0 0 30px #a32a1c0b}.sidebar nav a.active>span{filter:drop-shadow(0 0 8px #e5be6e55)}
.section-heading h1{font-size:clamp(34px,3.3vw,53px);font-weight:500;letter-spacing:-.055em;line-height:1.08}.eyebrow{letter-spacing:2.6px}.section-description{line-height:1.8!important}.season-tag,.pill-outline{background:#130e0c88;border-color:#98744977!important;box-shadow:inset 0 1px #f9dfac0a}
.hero{min-height:550px;border-radius:20px;border:1px solid #937047!important;background:#100e0b!important;box-shadow:0 30px 80px #0006,inset 0 0 100px #0004}.hero-content{padding:53px 48px 85px;position:relative;z-index:3}.hero h2{font-size:clamp(48px,5.4vw,77px);letter-spacing:-.065em;font-weight:500;max-width:500px;line-height:.99;margin:30px 0 25px}.hero h2 em{background:linear-gradient(110deg,#fff1c9,#e2b765 65%,#ae753d);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px #c38c2720)}.hero-content>p{font-size:12px;line-height:1.9;color:#d2c2a1}.hero-art{filter:saturate(.9) contrast(1.06)}.hero-caption{z-index:3}.hero-portal{position:absolute;z-index:0;top:49%;left:75%;width:410px;height:410px;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;background:radial-gradient(circle,#e6b34b00 45%,#d5ab2920 58%,#8e291312 66%,transparent 71%);mix-blend-mode:screen}.hero-portal i{position:absolute;inset:18px;border:1px solid #f3d27e4d;border-radius:50%;box-shadow:0 0 25px #dba14310,inset 0 0 25px #dba14310}.hero-portal i:nth-child(2){inset:-23px;border-style:dashed;border-color:#e1b56833}.hero-portal i:nth-child(3){inset:58px;border:3px solid transparent;border-top-color:#ffe3a37a;border-bottom-color:#a8453444}.cinema-enabled .hero-portal i{animation:portal-orbit 65s linear infinite}.cinema-enabled .hero-portal i:nth-child(2){animation-direction:reverse;animation-duration:95s}.cinema-enabled .hero-portal i:nth-child(3){animation-duration:35s}
.primary{background:linear-gradient(125deg,#ad3731,#741b1c)!important;border:1px solid #d66b4b55!important;box-shadow:inset 0 1px #ffd29c25,0 5px 22px #7a14141f;transition:box-shadow .25s,transform .2s,filter .2s;position:relative;overflow:hidden}.primary:hover:not(:disabled){box-shadow:inset 0 1px #ffe4ad40,0 8px 32px #bb302d40;filter:brightness(1.12);transform:translateY(-2px)}.primary:active:not(:disabled){transform:translateY(1px)}.secondary{transition:border-color .2s,background .2s,box-shadow .2s}.secondary:hover:not(:disabled){box-shadow:0 0 24px #d6ad3f0e;border-color:#e1bc72!important}.primary:disabled{filter:saturate(.5);box-shadow:none}.panel{border-color:#65513366!important;box-shadow:0 10px 30px #0002,inset 0 1px #ffe1a604}.cinema-enabled [data-page]:not([hidden]){animation:chapter-enter .58s var(--cinema-ease) both}
.character-card,.shop-product{position:relative;transform-style:preserve-3d;transition:transform .22s var(--cinema-ease),box-shadow .22s,border-color .22s}.cinema-enabled .character-card:not(.battle-unit),.cinema-enabled .shop-product{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--card-lift,0px))}.cinema-enabled .character-card:not(.battle-unit):hover,.cinema-enabled .shop-product:hover{--card-lift:-5px;box-shadow:0 22px 45px #0007,0 0 24px #c8933011}.card-specular{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:7;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,0%),#fff1c92b,transparent 48%),linear-gradient(125deg,#fff4d307,transparent 45%);opacity:0;transition:opacity .25s;mix-blend-mode:screen}.cinema-enabled .character-card:hover>.card-specular,.cinema-enabled .shop-product:hover>.card-specular{opacity:1}.character-art img{transition:transform .6s var(--cinema-ease),filter .6s}.cinema-enabled .character-card:hover .character-art img{transform:scale(1.035);filter:contrast(1.04)}.character-card.foil,.character-card.prismatica{border-color:#c4a56c88!important;box-shadow:0 0 25px #d4ae3e0b}.badge{backdrop-filter:blur(8px)}
.shop-product{background:radial-gradient(ellipse at 50% 0,#ab77351a,transparent 65%),linear-gradient(145deg,#201a13,#101010)!important;border-radius:18px!important}.shop-product.is-evo{background:radial-gradient(ellipse at 50% 0,#b53a352a,transparent 70%),linear-gradient(145deg,#241510,#100d0c)!important}.shop-symbol{filter:drop-shadow(0 0 18px #e9bc6255)}.shop-product.is-evo .shop-symbol{filter:drop-shadow(0 0 20px #e7454266)}.wallet-currencies>div{background:linear-gradient(145deg,#281e12,#110e0b)!important;box-shadow:inset 0 1px #ffe5b51a,0 12px 30px #0004}.studio-action-grid>button{box-shadow:inset 0 1px #ffe1aa0a,0 12px 25px #0002}.studio-action-grid>button:hover{box-shadow:0 16px 35px #0004,0 0 25px #e8b5450a}.toast{backdrop-filter:blur(15px);box-shadow:0 15px 40px #0008!important;border-color:#c49d5255!important}
#offer-dialog,#discovery-dialog{border-radius:22px;border:1px solid #c1995455;box-shadow:0 40px 120px #000c,0 0 80px #b0762514}dialog::backdrop{background:#030405c9;backdrop-filter:blur(12px)}.cinema-enabled #discovery-dialog[open]{animation:relic-reveal .65s var(--cinema-ease) both}.cinema-enabled #offer-dialog[open] .offer-option{animation:relic-reveal .6s var(--cinema-ease) both}.cinema-enabled #offer-dialog[open] .offer-option:nth-child(2){animation-delay:.1s}.discovery-art{box-shadow:inset -30px 0 80px #0006}.discovery-body h2{letter-spacing:-.05em}
/* The deck workshop is a physical tabletop, not another form. */
.deck-workshop{background:radial-gradient(ellipse at 20% 5%,#72502a15,transparent 55%),repeating-linear-gradient(90deg,#fff1d503 0 1px,transparent 1px 8px),#100e0b!important;border:1px solid #ad844d88!important;border-radius:20px!important;box-shadow:inset 0 1px #ffedc21c,0 30px 70px #0005}.deck-workshop>summary{background:linear-gradient(110deg,#30231370,#100e0b);padding:24px!important}.deck-workshop-intro h3{font-size:28px!important;letter-spacing:-.05em}.deck-summary{background:linear-gradient(155deg,#211c14,#0c0e0c)!important;border:1px solid #a9874e99!important;border-radius:16px!important;box-shadow:0 18px 50px #0006,inset 0 1px #ffe9a925}.deck-summary>label{letter-spacing:.5px}.deck-summary>label input{font-size:14px!important;background:#0b0d0c!important;border-color:#8c713d66!important}
.physical-deck{position:relative;isolation:isolate;margin:17px -5px 18px;padding:16px 10px 12px;border:1px solid #88703d55;border-radius:14px;background:radial-gradient(ellipse at 50% 55%,#29412b40,transparent 70%),repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 4px),#0b100d;box-shadow:inset 0 0 35px #000b;overflow:hidden;min-height:245px;transition:border-color .25s,box-shadow .25s}.physical-deck:before{content:'';position:absolute;inset:10px;border:1px solid #e3c17719;border-radius:8px;pointer-events:none}.physical-deck-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#bdab82;padding:0 5px;position:relative;z-index:2}.physical-deck-heading b{font-size:11px;letter-spacing:0;color:#f0ce83}.physical-deck-heading i{font-style:normal;color:#9c7744}.physical-deck-hand{height:166px;position:relative;perspective:700px;margin:7px -10px 0}.tactile-card,.tactile-empty-slot{position:absolute;top:24px;left:50%;width:77px;height:111px;margin:0;padding:0;border-radius:7px;transform-origin:50% 50%;transform:translateX(calc(-50% + (var(--fan-index) - 4.5)*13px)) rotate(calc((var(--fan-index) - 4.5)*5deg));border:1px solid #c8a45c;background:#15110d;box-shadow:0 2px 5px #000a;overflow:hidden;z-index:calc(30 + var(--fan-index));transition:transform .22s var(--cinema-ease),box-shadow .22s;cursor:pointer}.tactile-empty-slot{background:url('/assets/elycard-back.svg') center/cover;border-color:#665030;opacity:.22;z-index:var(--fan-index);pointer-events:none}.tactile-empty-slot span{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:8px;color:#d5b97c}.tactile-card img{width:100%;height:100%;object-fit:cover}.tactile-card:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff7c92b,transparent 40%,#0008 85%);pointer-events:none}.tactile-card>strong{position:absolute;bottom:7px;left:5px;right:4px;font-size:8px;line-height:1.2;text-align:left;color:#fff7df;z-index:1;text-shadow:0 1px 3px #000}.tactile-card>b{position:absolute;top:4px;left:4px;font-size:11px;background:#090806dd;color:#ffdfa0;border:1px solid #d8b363;border-radius:4px;padding:1px 4px;z-index:2}.tactile-card.is-fan-focused,.tactile-card:focus-visible{z-index:60;transform:translateX(calc(-50% + (var(--fan-index) - 4.5)*13px)) translateY(-23px) rotate(calc((var(--fan-index) - 4.5)*2deg)) scale(1.15);box-shadow:0 15px 25px #000b,0 0 18px #e4b44555}.tactile-card.no-art{background:url('/assets/elycard-back.svg') center/cover}.physical-deck-caption{display:block;text-align:center;font-size:9px;color:#baad8e;line-height:1.6;position:relative;z-index:2;margin-top:-1px}.physical-deck-caption strong{color:#e7c57b;font-weight:500}.deck-is-dragging .physical-deck,.physical-deck.is-drop-ready{border-color:#f4d28b;box-shadow:inset 0 0 40px #aa7c2138,0 0 22px #d5a44533}.deck-is-dragging .physical-deck:before{border-style:dashed;border-color:#e7c37466}.deck-visual-card.is-dragging{opacity:.35!important}.deck-visual-card[draggable=true]{cursor:grab}.deck-visual-card[draggable=true]:active{cursor:grabbing}.deck-visual-card button{cursor:pointer}
.deck-character-group{border-radius:15px!important;box-shadow:0 10px 30px #0005!important}.deck-character-group>summary .character-art{border-bottom:1px solid #b78f4d38}.deck-character-group>summary strong{letter-spacing:-.03em}.deck-character-group.has-selection{box-shadow:0 0 0 1px #e8c57555,0 10px 35px #0007!important}.deck-character-group[open]{background:linear-gradient(145deg,#241e13,#0d0f0d)!important}.deck-character-versions{background:radial-gradient(ellipse at top,#61502a10,transparent 60%),#090c0b!important}.deck-character-versions .deck-visual-card{border-width:1px;border-radius:13px!important;box-shadow:0 8px 20px #0005}.deck-card-check{box-shadow:0 0 20px #dbb44d66}.deck-copy-controls button{background:linear-gradient(150deg,#4a3617,#21190c)!important;border-color:#ac874488!important;box-shadow:inset 0 1px #ffeab316}.deck-copy-controls button:hover:not(:disabled){border-color:#f5d694!important;box-shadow:0 0 18px #d6a33d33}.deck-count-line strong{color:#f1d18a}.deck-summary progress{height:4px!important;filter:drop-shadow(0 0 5px #dfb65d44)}.deck-selected-row{border-color:#5a4d2f66!important;background:#171610!important;transition:background .2s}.deck-selected-row:hover{background:#2c2414!important}.deck-mini-force{font-family:var(--display);color:#f4d58c}.saved-deck-emblem{display:grid;place-items:center;width:44px;height:60px;flex-shrink:0;background:url('/assets/elycard-back.svg') center/cover;border-radius:5px;box-shadow:3px 3px #271d11,5px 5px #594328;font-style:normal;color:transparent;margin-right:9px}
.cinema-card-flight{position:fixed;left:0;top:0;width:110px;height:154px;border:1px solid #ffdf99;border-radius:8px;overflow:hidden;background:url('/assets/elycard-back.svg') center/cover;box-shadow:0 22px 50px #0009,0 0 30px #f3c66b55;z-index:10000;pointer-events:none;will-change:transform,opacity}.cinema-card-flight img{width:100%;height:100%;object-fit:cover}.cinema-card-flight:after{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#fff5cd38,transparent 50%);pointer-events:none}.cinema-spark{position:absolute;left:50%;top:50%;width:3px;height:3px;z-index:100;pointer-events:none;border-radius:50%;background:#ffe4a1;box-shadow:0 0 8px #ffcc69;animation:spark-deal .7s var(--cinema-ease) var(--spark-delay) both}.cinema-enabled .deck-received{animation:deck-settle .6s var(--cinema-ease)}.cinema-enabled .tactile-card.is-new{animation:card-place .46s var(--cinema-ease) both}.cinema-enabled .deck-character-group[open] .deck-character-versions{animation:chapter-enter .35s var(--cinema-ease) both}
.battle-versus-strip>div{box-shadow:inset 0 1px #ffe8a115,0 15px 35px #0004}.battle-row{background:linear-gradient(90deg,#151711,#0c0e0c)!important}.battle-side.rival .battle-row{background:linear-gradient(90deg,#1b1010,#0e0c0c)!important}.battle-unit{box-shadow:0 5px 15px #0006}.cinema-enabled .battle-unit{animation:unit-enter .4s var(--cinema-ease) both}.battle-hand-card.is-selected{box-shadow:0 0 0 1px #ebc578,0 0 30px #dab04738!important}.is-target-row{box-shadow:inset 0 0 30px #cba13d1c,0 0 15px #cba13d15!important}.battle-gems{filter:drop-shadow(0 0 7px #e8c67555)}
@keyframes chapter-enter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes relic-reveal{from{opacity:0;transform:perspective(1400px) translateY(24px) rotateX(5deg) scale(.96);filter:brightness(.7)}to{opacity:1;transform:none;filter:brightness(1)}}@keyframes portal-orbit{to{transform:rotate(360deg)}}@keyframes ambient-drift{to{transform:translate3d(2%,1%,0) scale(1.04);opacity:.8}}@keyframes spark-deal{from{opacity:1;transform:translate(0,0) scale(1.2)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(0)}}@keyframes deck-settle{0%,100%{filter:brightness(1)}35%{filter:brightness(1.3);box-shadow:inset 0 0 40px #ca9d1a22,0 0 30px #e2b44b33}}@keyframes card-place{from{opacity:0;top:2px;filter:brightness(1.6)}to{opacity:1;top:24px;filter:brightness(1)}}@keyframes unit-enter{from{opacity:.3;filter:brightness(1.8)}to{opacity:1;filter:brightness(1)}}
@media(min-width:1150px){.deck-workspace{grid-template-columns:minmax(0,1fr)310px!important}}
@media(max-width:900px){.hero-portal{left:83%;opacity:.65}.hero h2{font-size:59px}.hero-content{padding:40px 28px 85px}}
@media(max-width:600px){.cinema-toggle{padding:7px;width:33px;height:33px;justify-content:center}.cinema-toggle span{display:none}.top-actions{gap:6px!important}.topbar{padding-left:16px!important;padding-right:16px!important}.hero{min-height:530px;border-radius:15px}.hero-content{padding:32px 24px 90px}.hero h2{font-size:49px;max-width:300px;line-height:1.04}.hero-portal{width:310px;height:310px;left:90%;top:40%;opacity:.5}.hero-content>p{font-size:11px}.hero-art{background-size:cover,110% auto}.hero-caption{bottom:25px}.section-heading h1{font-size:35px}.cinema-grain{display:none}.physical-deck{min-height:260px;margin-left:0;margin-right:0}.physical-deck-hand{height:185px}.tactile-card,.tactile-empty-slot{width:85px;height:120px;transform:translateX(calc(-50% + (var(--fan-index) - 4.5)*17px)) rotate(calc((var(--fan-index) - 4.5)*5deg))}.tactile-card.is-fan-focused,.tactile-card:focus-visible{transform:translateX(calc(-50% + (var(--fan-index) - 4.5)*17px)) translateY(-18px) rotate(calc((var(--fan-index) - 4.5)*2deg)) scale(1.08)}.deck-workshop>summary{padding:20px!important}.deck-workshop-intro h3{font-size:25px!important}.deck-mobile-status [data-view-physical]{padding:8px 10px;font-size:10px;color:#ebcf92;background:#1d170e;border:1px solid #7f6334}.deck-mobile-status{gap:6px!important}.deck-mobile-status>span{font-size:9px!important}.deck-mobile-status>.primary{padding:10px;font-size:10px!important}}
.cinema-reduced .hero-portal i,.cinema-reduced .cinema-haze{animation:none!important}.cinema-reduced .character-card,.cinema-reduced .shop-product{transform:none!important}.cinema-reduced .card-specular{display:none}.cinema-reduced *,.cinema-reduced *:before,.cinema-reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html:not(.cinema-enabled) *,html:not(.cinema-enabled) *:before,html:not(.cinema-enabled) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.deck-is-removing .deck-library{outline:1px dashed #e8c47a;outline-offset:6px}.deck-library.is-drop-ready{box-shadow:0 0 35px #d4a83d22}.permanent-confirmation{border-color:#ad3d35!important}

.physical-deck-hand{--fan-step:13px}.physical-deck-hand.fan-hover .tactile-card:not(.is-fan-focused){pointer-events:none}.tactile-card.is-fan-focused,.tactile-card:focus-visible{z-index:100}.physical-deck-hand .tactile-card:focus-visible{pointer-events:auto}@media(max-width:600px){.physical-deck-hand{--fan-step:17px}}@media(hover:none){.cinema-enabled .character-card:hover{--card-lift:0px}}