@font-face{font-family:NexonLv1Gothic;src:url(/fonts/NEXONLv1GothicBold.ttf) format("truetype");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:NexonLv1Gothic;src:url(/fonts/NEXONLv1GothicRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--holo-global-strength: 1;--kd-crimson: hsl(350, 80%, 50%);--kd-ember: hsl(20, 85%, 55%);--kd-gold: hsl(45, 90%, 55%);--kd-necrotic: hsl(120, 60%, 40%);--kd-void: hsl(270, 70%, 50%);--kd-abyss: hsl(220, 70%, 45%);--kd-bone: hsl(40, 30%, 70%);--kd-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--kd-glitter: radial-gradient(circle at 30% 30%, rgba(255,255,255,.6) .5px, transparent .5px), radial-gradient(circle at 70% 80%, rgba(255,255,255,.4) .5px, transparent .5px), radial-gradient(circle at 50% 50%, rgba(255,255,255,.3) .5px, transparent .5px);--kd-glittersize: 16px}@property --pointer-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --pointer-y{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --background-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --background-y{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --pointer-from-left{syntax: "<number>"; inherits: true; initial-value: 50;}@property --pointer-from-top{syntax: "<number>"; inherits: true; initial-value: 50;}@property --pointer-from-center{syntax: "<number>"; inherits: true; initial-value: 0;}.card{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-left: 50;--pointer-from-top: 50;--background-x: 50%;--background-y: 50%;--rotate-x: 0deg;--rotate-y: 0deg;--card-scale: 1;--card-render-density: 3;--holo-instance-strength: var(--holo-global-strength);--holo-grade-strength: 1;--holo-strength: calc(var(--holo-instance-strength) * var(--holo-grade-strength));--holo-grade-opacity: .22;--holo-idle-opacity: clamp(0, calc(var(--holo-grade-opacity) * var(--holo-strength)), 1);--card-opacity: var(--holo-idle-opacity);--card-glow: hsl(270, 60%, 50%);position:relative;display:inline-flex;flex-direction:column;border-radius:.5rem;overflow:visible;perspective:600px;transition:box-shadow .3s ease}.card--holo:not(.card--holo-active){animation:card-holo-idle 7.5s ease-in-out infinite alternate}.card--holo-active{animation:none}@keyframes card-holo-idle{0%{--pointer-x: 28%;--pointer-y: 30%;--background-x: 30%;--background-y: 34%;--pointer-from-left: 28;--pointer-from-top: 30;--pointer-from-center: .52}50%{--pointer-x: 68%;--pointer-y: 42%;--background-x: 65%;--background-y: 46%;--pointer-from-left: 68;--pointer-from-top: 42;--pointer-from-center: .36}to{--pointer-x: 42%;--pointer-y: 76%;--background-x: 46%;--background-y: 72%;--pointer-from-left: 42;--pointer-from-top: 76;--pointer-from-center: .56}}.card--sm{width:90px;height:160px;font-size:.6rem}.card--md{width:120px;height:213px;font-size:.75rem}.card--lg{width:162px;height:288px;font-size:.9rem}.card__rotator{width:300%;height:300%;left:-100%;top:-100%;font-size:300%;transform-style:preserve-3d;transform:rotateY(var(--rotate-y)) rotateX(var(--rotate-x)) scale(calc(var(--card-scale) / 3));transition:transform .15s ease-out,box-shadow .4s ease;position:absolute}.card--holo-active .card__rotator{transition:transform 80ms linear,box-shadow .4s ease}.card__body{position:relative;width:100%;height:100%;border-radius:calc(.5rem * var(--card-render-density));border:none;background:var(--color-card-bg);overflow:hidden;display:flex;flex-direction:column;z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__body:after{content:"";position:absolute;top:.25em;left:.25em;right:.25em;bottom:.25em;border-top:calc(2px * var(--card-render-density)) solid rgba(255,255,255,.2);border-left:calc(2px * var(--card-render-density)) solid rgba(255,255,255,.2);border-right:calc(2px * var(--card-render-density)) solid rgba(255,255,255,.2);border-bottom:calc(25px * var(--card-render-density)) solid rgba(255,255,255,.2);border-radius:calc(.3rem * var(--card-render-density));pointer-events:none;z-index:3}.card__shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(.5rem * var(--card-render-density));mix-blend-mode:color-dodge;opacity:var(--card-opacity);pointer-events:none;z-index:3;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;display:grid;background:transparent}.card__shine:before,.card__shine:after{content:"";grid-area:1/1;border-radius:calc(.5rem * var(--card-render-density));pointer-events:none}.card__glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(.5rem * var(--card-render-density));mix-blend-mode:overlay;opacity:calc(var(--card-opacity) * .2);background:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 10%,hsla(0,0%,100%,.65) 20%,hsla(0,0%,0%,.5) 90%);pointer-events:none;z-index:4;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;display:grid}.card__glare:after{content:"";grid-area:1/1;border-radius:calc(.5rem * var(--card-render-density));pointer-events:none}.card[data-holo=basic] .card__shine{display:none}.card[data-holo=basic] .card__glare{opacity:calc(var(--card-opacity) * .15)}.card[data-holo=basic]{--holo-grade-opacity: .12;--card-glow: hsl(0, 0%, 40%)}.card[data-holo=regular]{--holo-grade-opacity: .22;--card-glow: hsl(200, 60%, 50%)}.card[data-holo=regular] .card__shine{background-image:repeating-linear-gradient(calc(var(--pointer-from-left) * 1deg + 130deg),var(--kd-crimson) 0%,var(--kd-ember) 8%,var(--kd-gold) 16%,var(--kd-necrotic) 24%,var(--kd-abyss) 32%,var(--kd-void) 40%,var(--kd-crimson) 48%),repeating-linear-gradient(90deg,#666,#666 1px,#000 1px,#000 2px);background-size:400% 400%,cover;background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%),center center;background-blend-mode:overlay;filter:brightness(1.1) contrast(1.5) saturate(1.2)}.card[data-holo=regular] .card__shine:before{background-image:repeating-linear-gradient(90deg,transparent 0%,transparent 2%,hsla(0,0%,60%,.4) 2.5%,transparent 3%,transparent 10%),repeating-linear-gradient(90deg,transparent 0%,transparent 3%,hsla(0,0%,60%,.3) 3.5%,transparent 4%,transparent 8%);background-size:200% 200%,200% 200%;background-position:calc(((50% - var(--background-x)) * 1.65) + 50%) var(--background-x),calc(((50% - var(--background-x)) * -.9) + 50%) var(--background-y);background-blend-mode:screen;filter:brightness(1.15) contrast(1.1);mix-blend-mode:hard-light}.card[data-holo=regular] .card__shine:after{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,90%,.8) 0%,hsla(0,0%,78%,.1) 25%,hsl(0,0%,0%) 90%);mix-blend-mode:luminosity;filter:brightness(.6) contrast(4)}.card[data-holo=regular] .card__glare{opacity:calc(var(--card-opacity) * .8);filter:brightness(.8) contrast(1.5)}.card[data-holo=regular] .card__glare:after{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(180,100%,95%) 5%,hsla(0,0%,39%,.25) 55%,hsla(0,0%,0%,.36) 110%);mix-blend-mode:overlay;filter:brightness(.6) contrast(3)}.card[data-holo=reverse]{--holo-grade-strength: .5;--holo-grade-opacity: .25;--card-glow: hsl(270, 60%, 55%)}.card[data-holo=reverse] .card__shine{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#fff 5%,#000 50%,#fff 80%),linear-gradient(-45deg,#000 15%,#fff,#000 85%),var(--kd-grain);background-blend-mode:soft-light,difference;background-size:120% 120%,200% 200%,cover;background-position:center center,calc(100% * var(--pointer-from-left) / 100) calc(100% * var(--pointer-from-top) / 100),center center;filter:brightness(.55) contrast(1.5) saturate(1);opacity:calc((1.5 * var(--card-opacity)) - var(--pointer-from-center))}.card[data-holo=reverse] .card__glare{opacity:var(--card-opacity);filter:brightness(.7) contrast(1.5)}.card[data-holo=reverse] .card__glare:after{opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 10%,hsla(0,0%,100%,.5) 20%,hsla(0,0%,0%,.5) 120%);filter:brightness(1) contrast(1.5)}.card[data-holo=cosmos]{--holo-grade-opacity: .31;--card-glow: hsl(270, 80%, 60%)}.card[data-holo=cosmos] .card__shine{--space: 4%;background-image:var(--kd-grain),repeating-linear-gradient(82deg,var(--kd-gold) calc(var(--space)*1),var(--kd-necrotic) calc(var(--space)*2),var(--kd-abyss) calc(var(--space)*3),var(--kd-void) calc(var(--space)*4),var(--kd-crimson) calc(var(--space)*5),var(--kd-ember) calc(var(--space)*6),var(--kd-ember) calc(var(--space)*7),var(--kd-crimson) calc(var(--space)*8),var(--kd-void) calc(var(--space)*9),var(--kd-abyss) calc(var(--space)*10),var(--kd-necrotic) calc(var(--space)*11),var(--kd-gold) calc(var(--space)*12)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(270,100%,89%,.5) 5%,hsla(270,14%,57%,.3) 40%,hsl(0,0%,0%) 130%);background-blend-mode:color-burn,multiply;background-position:center center,calc(10% + (var(--pointer-from-left) * .8%)) calc(10% + (var(--pointer-from-top) * .8%)),center center;background-size:cover,400% 900%,cover;filter:brightness(1) contrast(1) saturate(.8)}.card[data-holo=cosmos] .card__shine:before{background-image:var(--kd-grain),repeating-linear-gradient(82deg,var(--kd-void) calc(var(--space)*1),var(--kd-crimson) calc(var(--space)*2),var(--kd-ember) calc(var(--space)*3),var(--kd-gold) calc(var(--space)*4),var(--kd-necrotic) calc(var(--space)*5),var(--kd-abyss) calc(var(--space)*6),var(--kd-abyss) calc(var(--space)*7),var(--kd-necrotic) calc(var(--space)*8),var(--kd-gold) calc(var(--space)*9),var(--kd-ember) calc(var(--space)*10),var(--kd-crimson) calc(var(--space)*11),var(--kd-void) calc(var(--space)*12));background-blend-mode:lighten,multiply;background-position:center center,calc(15% + (var(--pointer-from-left) * .7%)) calc(15% + (var(--pointer-from-top) * .7%));background-size:cover,400% 900%;filter:brightness(1.25) contrast(1.75) saturate(.8);mix-blend-mode:overlay}.card[data-holo=cosmos] .card__shine:after{background-image:var(--kd-grain),repeating-linear-gradient(82deg,var(--kd-abyss) calc(var(--space)*1),var(--kd-void) calc(var(--space)*2),var(--kd-crimson) calc(var(--space)*3),var(--kd-gold) calc(var(--space)*4),var(--kd-necrotic) calc(var(--space)*5),var(--kd-ember) calc(var(--space)*6),var(--kd-ember) calc(var(--space)*7),var(--kd-necrotic) calc(var(--space)*8),var(--kd-gold) calc(var(--space)*9),var(--kd-crimson) calc(var(--space)*10),var(--kd-void) calc(var(--space)*11),var(--kd-abyss) calc(var(--space)*12));background-blend-mode:multiply,multiply;background-position:center center,calc(20% + (var(--pointer-from-left) * .6%)) calc(20% + (var(--pointer-from-top) * .6%));background-size:cover,400% 900%;filter:brightness(1.25) contrast(1.75) saturate(.8);mix-blend-mode:multiply}.card[data-holo=cosmos] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(270,100%,95%,.8) 5%,hsla(250,15%,20%,1) 150%);filter:brightness(.75) contrast(2) saturate(2);opacity:calc(var(--card-opacity) * (.25 + var(--pointer-from-center)))}.card[data-holo=cosmos] .card__glare:after{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(280,100%,96%) 5%,hsl(0,0%,10%) 60%);filter:brightness(.75) contrast(2.5) saturate(2);mix-blend-mode:soft-light;opacity:calc(1 - var(--pointer-from-top) * .01)}.card[data-holo=radiant]{--holo-grade-strength: .3;--holo-grade-opacity: .34;--card-glow: hsl(188, 94%, 66%)}.card[data-holo=radiant] .card__shine{background-image:repeating-linear-gradient(128deg,transparent 0 8px,hsla(190,100%,78%,.64) 9px,transparent 11px 20px),repeating-linear-gradient(38deg,transparent 0 10px,hsla(45,100%,76%,.5) 11px,transparent 13px 23px),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(190,100%,94%,.9) 0,hsla(275,92%,70%,.52) 28%,hsla(45,100%,62%,.28) 48%,transparent 76%);background-position:calc(var(--background-x) * .7) calc(var(--background-y) * .7),calc(100% - var(--background-x)) calc(100% - var(--background-y)),center;background-size:180% 180%,210% 210%,cover;background-blend-mode:screen,hard-light,color-dodge;filter:brightness(.92) contrast(1.35) saturate(1.45)}.card[data-holo=radiant] .card__shine:before{background:conic-gradient(from calc(var(--pointer-from-left) * 1deg) at var(--pointer-x) var(--pointer-y),transparent,hsla(190,100%,72%,.5),transparent 22%,hsla(50,100%,70%,.42),transparent 48%);mix-blend-mode:color-dodge;filter:blur(.3px) contrast(1.4)}.card[data-holo=radiant] .card__shine:after{background-image:var(--kd-grain);background-size:cover;opacity:.28;mix-blend-mode:screen;filter:brightness(1.8) contrast(2.1)}.card[data-holo=radiant] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(190,100%,96%,.88) 4%,hsla(260,85%,68%,.25) 38%,transparent 78%);opacity:calc(var(--card-opacity) * .82);mix-blend-mode:screen}.card[data-holo=rainbow]{--holo-grade-opacity: .38;--card-glow: hsl(50, 100%, 60%)}.card[data-holo=rainbow] .card__shine{--r-1: hsl(350, 57%, 37%);--r-2: hsl(30, 53%, 39%);--r-3: hsl(80, 60%, 35%);--r-4: hsl(180, 60%, 35%);--r-5: hsl(210, 57%, 39%);--r-6: hsl(270, 55%, 31%);--r-7: hsl(320, 55%, 35%);background-image:linear-gradient(-45deg,var(--r-1),var(--r-4)),var(--kd-glitter),linear-gradient(-30deg,var(--r-1),var(--r-2),var(--r-3),var(--r-4),var(--r-5),var(--r-6),var(--r-7),var(--r-1),var(--r-2),var(--r-3),var(--r-4),var(--r-5),var(--r-6),var(--r-7),var(--r-1),var(--r-2),var(--r-3),var(--r-4),var(--r-5),var(--r-6),var(--r-7),var(--r-1));background-blend-mode:luminosity,soft-light;background-size:200% 200%,var(--kd-glittersize) var(--kd-glittersize),400% 400%;background-position:calc(25% + (50% * var(--pointer-from-left) / 100)) calc(25% + (50% * var(--pointer-from-top) / 100)),center center,calc(25% + (var(--pointer-x) / 2)) calc(25% + (var(--pointer-y) / 2));filter:brightness(calc((var(--pointer-from-center) * .25) + .6)) contrast(2.2) saturate(.75)}.card[data-holo=rainbow] .card__shine:before{background-image:var(--kd-grain);background-size:cover;filter:brightness(2.5) contrast(1);opacity:calc((var(--pointer-from-center) + .4) * .6);background-blend-mode:difference;mix-blend-mode:darken}.card[data-holo=rainbow] .card__shine:after{background-image:var(--kd-glitter),linear-gradient(-60deg,var(--r-1),var(--r-2),var(--r-3),var(--r-4),var(--r-5),var(--r-6),var(--r-7),var(--r-1),var(--r-2),var(--r-3),var(--r-4),var(--r-5),var(--r-6),var(--r-7),var(--r-1),var(--r-2),var(--r-3),var(--r-4),var(--r-5),var(--r-6),var(--r-7),var(--r-1));background-blend-mode:soft-light;background-size:var(--kd-glittersize) var(--kd-glittersize),400% 400%;background-position:center center,var(--pointer-x) var(--pointer-y);filter:brightness(calc((var(--pointer-from-center) * .3) + .55)) contrast(2) saturate(1);mix-blend-mode:color-dodge}.card[data-holo=rainbow] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,80%),hsla(280,10%,85%,.25) 30%,hsl(270,6%,25%) 120%);filter:brightness(.9) contrast(1.75);opacity:calc(var(--pointer-from-center) * .9);mix-blend-mode:hard-light}.card[data-holo=rainbow] .card__glare:after{opacity:calc(var(--card-opacity) * .7)}.card[data-holo=secret]{--holo-grade-opacity: .4;--card-glow: hsl(44, 100%, 65%);box-shadow:0 0 16px #ffc62947,0 0 34px #ff77001f}.card[data-holo=secret] .card__shine{background-image:var(--kd-glitter),var(--kd-glitter),linear-gradient(118deg,#8b480e,#ffd770 24%,#fff8c2,#ed9907 60%,#7f3e10 82%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),white 0,hsla(48,100%,72%,.65) 18%,transparent 58%);background-position:calc(var(--background-x) * 1.5) calc(var(--background-y) * 1.5),calc(100% - var(--background-x)) calc(100% - var(--background-y)),center,center;background-size:12px 12px,19px 19px,240% 240%,cover;background-blend-mode:screen,overlay,color-dodge,screen;filter:brightness(.92) contrast(1.55) saturate(1.1)}.card[data-holo=secret] .card__shine:before{background-image:repeating-linear-gradient(-32deg,transparent 0 13px,hsla(52,100%,90%,.55) 14px,transparent 16px 28px);background-position:var(--background-x) var(--background-y);background-size:180% 180%;mix-blend-mode:screen}.card[data-holo=secret] .card__shine:after{background-image:var(--kd-grain);background-size:cover;opacity:.24;mix-blend-mode:soft-light;filter:sepia(1) brightness(2.2) contrast(1.4)}.card[data-holo=secret] .card__glare{background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(48,100%,96%,.95) 3%,hsla(42,100%,68%,.36) 32%,hsla(28,70%,20%,.25) 74%);opacity:calc(var(--card-opacity) * .9);mix-blend-mode:hard-light}.card--holo:not([data-holo=basic]) .card__body{border-color:#c2bcad}.card[data-holo=rainbow]{box-shadow:0 0 15px #ffd50033,0 0 30px #7f00ff1a}.card[data-attribute=war] .card__body:after{border-color:#d3222266}.card[data-attribute=guardian] .card__body:after{border-color:#e6751966}.card[data-attribute=love] .card__body:after{border-color:#f5f5f5a6}.card[data-attribute=magic] .card__body:after{border-color:#316ce366}.card[data-attribute=death] .card__body:after{border-color:#8a3cd766}.card[data-attribute=romance] .card__body:after{border-color:#2bab5666}.card[data-attribute=war] .card__cost-badge{background:#8b1818;border-color:#ec5151}.card[data-attribute=guardian] .card__cost-badge{background:#8f4b14;border-color:#f09e4c}.card[data-attribute=love] .card__cost-badge{background:#e0e0e0;border-color:#fff;color:#1d222a;text-shadow:none}.card[data-attribute=magic] .card__cost-badge{background:#173b82;border-color:#4f91ee}.card[data-attribute=death] .card__cost-badge{background:#4c1f7a;border-color:#a663e9}.card[data-attribute=romance] .card__cost-badge{background:#1d6334;border-color:#2cdd67}.card[data-attribute=war] .card__attr-icon-sm{color:#f34949}.card[data-attribute=guardian] .card__attr-icon-sm{color:#f49434}.card[data-attribute=love] .card__attr-icon-sm{color:#f5f5f5}.card[data-attribute=magic] .card__attr-icon-sm{color:#5598f6}.card[data-attribute=death] .card__attr-icon-sm{color:#ad6eed}.card[data-attribute=romance] .card__attr-icon-sm{color:#21de60}.card[data-attribute=love] .card__name{color:#31363f}.card[data-attribute=love] .card__type-label,.card[data-attribute=love] .card__grade-label{color:#31363fd1}.card__body{position:relative}.card__art{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0f0c1ee6;background-size:cover;background-position:center 20%;z-index:0;overflow:hidden}.card__art-icon{font-size:2.5em;opacity:.2}.card__asset-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border-radius:inherit;background-color:#08070c;background-position:center;background-size:cover;opacity:1;pointer-events:none;transition:opacity .18s ease-out}.card__asset-skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,235,170,.16) 46%,transparent 62%);background-size:220% 100%;content:"";animation:card-asset-skeleton 1.35s ease-in-out infinite}.card__asset-skeleton.is-loaded{opacity:0}@keyframes card-asset-skeleton{0%{background-position:180% 0}to{background-position:-40% 0}}.card__name-bar{position:absolute;bottom:calc(10px * var(--card-render-density));left:0;right:0;z-index:4;padding:0 .4em;background:transparent}.card__name{font-weight:700;font-size:.72em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:center;color:#fff;text-shadow:none;line-height:1.2}.card__type-label{position:absolute;bottom:calc(10px * var(--card-render-density));left:calc(7px * var(--card-render-density));z-index:4;font-size:.38em;font-weight:400;color:#ffffffa6;letter-spacing:.04em;line-height:1}.card__grade{position:absolute;bottom:2em;left:0;right:0;z-index:4;display:flex;justify-content:center;align-items:center;gap:.04em}.card__grade-label{position:absolute;bottom:calc(10px * var(--card-render-density));right:calc(7px * var(--card-render-density));z-index:4;font-size:.38em;font-weight:400;color:#ffffffa6;letter-spacing:.02em;line-height:1}.card__cost-badge{position:absolute;top:.3em;left:.3em;z-index:5;width:2em;height:2em;border-radius:50%;border:calc(2px * var(--card-render-density)) solid;display:flex;align-items:center;justify-content:center;font-size:.95em;color:#fff;text-shadow:0 calc(1px * var(--card-render-density)) calc(3px * var(--card-render-density)) rgba(0,0,0,.8);box-shadow:0 calc(2px * var(--card-render-density)) calc(6px * var(--card-render-density)) #00000080}.card__cost-number{font-family:NexonLv1Gothic,sans-serif;font-weight:900;font-size:1.2em;line-height:1}.card__silver-cost{position:absolute;top:2.48em;left:.3em;z-index:5;display:flex;align-items:center;filter:drop-shadow(0 calc(1px * var(--card-render-density)) calc(2px * var(--card-render-density)) rgba(0,0,0,.72))}.card__silver-coin{position:relative;display:block;width:.92em;height:.92em;flex:0 0 auto;border:calc(1px * var(--card-render-density)) solid #edf3f7;border-radius:50%;background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.95) 0 8%,transparent 9%),radial-gradient(circle,#f4f7f9 0,#f4f7f9 28%,#aeb8c0 30%,#aeb8c0 56%,#4f5962 72%,#cbd3d9 84%,#cbd3d9);box-shadow:inset 0 0 0 calc(1px * var(--card-render-density)) #283037ad,inset 0 .08em .14em #ffffffa3}.card__silver-coin+.card__silver-coin{margin-left:-.46em}.card__silver-coin:after{position:absolute;top:21%;right:21%;bottom:21%;left:21%;display:grid;place-items:center;border:calc(.5px * var(--card-render-density)) solid rgba(60,70,78,.78);border-radius:50%;color:#46515a;content:"S";font-family:NexonLv1Gothic,sans-serif;font-size:.42em;font-weight:900;line-height:1;text-shadow:0 .04em rgba(255,255,255,.82)}.card__power-row{position:absolute;top:.3em;right:.3em;z-index:5;display:flex;align-items:center;gap:.2em;filter:none}.card__attr-icon-sm{width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes gold-text-sparkle{0%,to{color:#f4c025}50%{color:#fbd951}}@keyframes star-sparkle{0%,to{color:#f4c025;opacity:.82}50%{color:#fff3a3;opacity:1}}.card__star{font-size:.6em;color:#f4c025;display:inline-block;text-shadow:0 0 3px hsl(45,100%,75%),0 0 6px hsl(40,90%,60%);animation:star-sparkle 1.8s ease-in-out infinite}.card__star:nth-child(2){animation-delay:.3s}.card__star:nth-child(3){animation-delay:.6s}.card__star:nth-child(4){animation-delay:.9s}.card__star:nth-child(5){animation-delay:1.2s}.card--holo-active .card__star,.card--holo-active.card--gold .card__gold-char{animation-play-state:paused}.card__keywords{position:absolute;bottom:3.2em;left:.3em;right:.3em;z-index:2;display:flex;gap:.15em;flex-wrap:wrap;justify-content:center}.card__keyword{background:#0009;border:calc(1px * var(--card-render-density)) solid rgba(255,255,255,.15);border-radius:.2em;padding:.05em .25em;text-transform:uppercase;letter-spacing:.03em;font-size:.55em;text-shadow:0 calc(1px * var(--card-render-density)) calc(2px * var(--card-render-density)) rgba(0,0,0,.8)}.card__power-value{font-weight:900;font-size:1em;color:#fff;-webkit-text-stroke:.15em rgba(0,0,0,.9);paint-order:stroke fill;letter-spacing:-.03em;line-height:1}.card--field-power .card__power-value{font-size:2em;letter-spacing:-.08em}.card.card--power-damaged .card__power-value{color:#ff4b43;text-shadow:0 0 .2em rgba(255,29,20,.88),0 .08em .12em rgba(45,0,0,.95)}.card--interactive{cursor:pointer}.card--interactive:hover{z-index:10}.card--playable .card__rotator:after{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;box-sizing:border-box;border:calc(2px * var(--card-render-density)) solid rgba(96,255,126,.92);border-radius:calc(.5rem * var(--card-render-density));box-shadow:inset 0 0 calc(6px * var(--card-render-density)) #28ff5b7a,0 0 calc(5px * var(--card-render-density)) #4fff70f5,0 0 calc(11px * var(--card-render-density)) #1fd949b8;content:"";opacity:.72;pointer-events:none;animation:card-playable-pulse 1.65s ease-in-out infinite}@keyframes card-playable-pulse{0%,to{opacity:.58}50%{opacity:1}}.card--unaffordable .card__rotator:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;border-radius:calc(.5rem * var(--card-render-density));background:#0003;content:"";pointer-events:none}.card--selected .card__body{border-color:#6ea8fe;box-shadow:0 0 12px #6ea8fe99}.card__back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(.5rem * var(--card-render-density));background:#08070c url(/cards/card-back.webp) center / cover no-repeat;border:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg);z-index:5}.card--face-down .card__rotator{transform:rotateY(180deg) scale(calc(var(--card-scale) / 3))}.card--drawing{animation:card-draw .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-draw{0%{opacity:0;transform:translateY(40px) scale(.8) rotateX(15deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.card--playing{animation:card-play .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes card-play{0%{transform:scale(1);opacity:1}40%{transform:scale(1.15) translateY(-10px);opacity:1}to{transform:scale(.7) translateY(-60px);opacity:0}}.card--entering{animation:card-enter-field .45s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-enter-field{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.card--in-hand{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,z-index 0s}.card--in-hand.card--selected{transform:translateY(-20px) scale(1.1);z-index:25}.card--damaged{animation:card-shake .4s ease-in-out}@keyframes card-shake{0%,to{transform:translate(0)}15%{transform:translate(-4px) rotate(-1deg)}30%{transform:translate(4px) rotate(1deg)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}}.card--destroying{animation:card-destroy .5s ease-in forwards}@keyframes card-destroy{0%{opacity:1;transform:scale(1);filter:brightness(1)}30%{filter:brightness(2) saturate(0)}to{opacity:0;transform:scale(.3) rotate(15deg);filter:brightness(2) saturate(0)}}.card__art-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:opacity .18s ease-out}@media(prefers-reduced-motion:reduce){.card__asset-skeleton:after{animation:none}}.card--gold .card__body:before{display:none}.card.card--gold{--holo-grade-strength: .1;--holo-grade-opacity: .4;box-shadow:none}.card--gold .card__name,.card--gold .card__cost-number,.card--gold .card__power-value,.card--gold .card__type-label,.card--gold .card__grade-label{color:#f4c025}.card--gold .card__type-label,.card--gold .card__grade-label{opacity:1}.card--gold .card__keyword{border-color:#e8ba3066;background:#0000008c}.card__power-value .card__gold-char,.card__name .card__gold-char,.card__cost-number .card__gold-char{-webkit-text-stroke:.15em rgba(0,0,0,.9);paint-order:stroke fill}.card--gold .card__gold-char{display:inline-block;text-shadow:none;animation:none}@media(prefers-reduced-motion:reduce){.card--holo,.card__star{animation:none}.card--holo{--pointer-x: 50%;--pointer-y: 50%;--background-x: 50%;--background-y: 50%;--pointer-from-left: 50;--pointer-from-top: 50;--pointer-from-center: .35}}.pack-opening{--pack-reveal-spring: linear( 0, .083 5%, .267 10%, .48 15%, .677 20%, .836 25%, .949 30%, 1.02 35%, 1.056 40%, 1.068 45%, 1.064 50%, 1.053 55%, 1.038 60%, 1.024 65%, 1.013 70%, 1.005 75%, .999 80%, .997 85%, .995 90%, .996 95%, 1 );position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;color:#edf4fa;background:radial-gradient(circle at 52% 38%,rgba(53,185,214,.16),transparent 34%),radial-gradient(circle at 18% 82%,rgba(113,86,217,.15),transparent 38%),linear-gradient(155deg,#101b2e,#080f1d 55%,#050914);animation:pack-overlay-in .24s ease both;isolation:isolate}.pack-visual{max-width:100%;height:auto}.pack-opening__geometry{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:-1;opacity:.24;background:repeating-conic-gradient(from 16deg at 50% 44%,rgba(121,216,232,.13) 0deg .6deg,transparent .6deg 12deg),radial-gradient(circle at 50% 44%,transparent 0 23%,rgba(215,182,102,.15) 23.2% 23.5%,transparent 23.8%),radial-gradient(circle at 50% 44%,transparent 0 38%,rgba(53,185,214,.1) 38.2% 38.5%,transparent 38.8%);animation:pack-geometry-turn 26s linear infinite;pointer-events:none}.pack-opening__header{position:absolute;top:22px;left:18px;right:18px;z-index:70;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.pack-opening__header div{display:flex;flex-direction:column;gap:3px}.pack-opening__header span{color:#d7b666;font-size:8px;font-weight:900;letter-spacing:.18em}.pack-opening__header strong{color:#ffffffdb;font-size:12px;letter-spacing:.03em}.pack-opening__header em{margin-right:48px;color:#ffffff6b;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.12em}.pack-opening__skip{position:absolute;top:15px;right:14px;z-index:80;width:42px;height:42px;border:1px solid rgba(112,159,202,.28);border-radius:50%;color:#ffffff73;background:#080f1da8;font-size:8px;font-weight:800;cursor:pointer}.pack-opening__pack-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.pack-opening__pack-shell{position:relative;z-index:2;width:184px;aspect-ratio:152 / 231;transform:scale(1.34);filter:brightness(1.18) saturate(1.2) drop-shadow(0 28px 35px rgba(0,0,0,.72))}.pack-opening__pack-shell>.pack-visual{width:100%!important;height:100%}.pack-opening__pack-stage--intro .pack-opening__pack-shell{animation:reference-pack-arrive .6s cubic-bezier(.22,1,.36,1) both,reference-pack-hover 2.6s ease-in-out .6s infinite}.pack-opening__pack-stage--opening .pack-opening__pack-shell{animation:reference-pack-open 1.05s cubic-bezier(.33,1,.68,1) both}.pack-opening__seal{--pack-accent: #b88cff;position:absolute;top:calc(50% - 162px);left:50%;z-index:5;width:210px;height:14px;border:1px solid color-mix(in srgb,var(--pack-accent),white 20%);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 35%),var(--pack-accent);box-shadow:0 0 28px color-mix(in srgb,var(--pack-accent),transparent 35%);animation:reference-seal-rip .85s cubic-bezier(.2,.8,.2,1) 90ms both}.pack-opening__burst{--pack-accent: #b88cff;position:absolute;top:50%;left:50%;z-index:4;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,white 0 6%,color-mix(in srgb,var(--pack-accent),white 45%) 18%,color-mix(in srgb,var(--pack-accent),transparent 62%) 46%,transparent 72%);mix-blend-mode:screen;animation:reference-pack-burst .6s ease-out .43s both}.pack-result-stack{position:absolute;top:52%;left:50%;z-index:20;width:174px;height:309px;transform:translate(-50%,-50%);pointer-events:none}.pack-result-stack__card{position:absolute;top:50%;left:50%;width:174px;height:309px;filter:drop-shadow(0 12px 14px rgba(0,0,0,.7))}.pack-result-stack--entering .pack-result-stack__card{animation:reference-stack-rise .76s cubic-bezier(.22,1,.36,1) both}.pack-opening__source-pack{position:absolute;top:58%;left:50%;z-index:18;width:154px;aspect-ratio:152 / 231;transform:translate(-50%,-50%);filter:brightness(.72) drop-shadow(0 18px 24px rgba(0,0,0,.68));animation:pack-source-release .9s ease-out both;pointer-events:none}.pack-opening__source-pack>.pack-visual{width:100%!important;height:100%}.pack-card-spread{--spread-card-width: clamp(108px, 29vw, 122px);--spread-column-gap: clamp(104px, 28vw, 120px);--spread-row-gap: clamp(150px, 40vw, 170px);position:absolute;top:70px;right:0;bottom:94px;left:0;z-index:30;overflow:visible;touch-action:none;-webkit-tap-highlight-color:transparent}.pack-spread-card{--spread-column: 0;--spread-row: 0;--reveal-color: #fff;--reveal-pop-scale: 1.025;position:absolute;top:calc(40% + var(--spread-row) * var(--spread-row-gap));left:calc(50% + var(--spread-column) * var(--spread-column-gap));width:var(--spread-card-width);aspect-ratio:9 / 16;margin:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;filter:drop-shadow(0 14px 16px rgba(0,0,0,.7));transform:translate(-50%,-50%) rotate(calc(var(--spread-column) * 2deg));transform-origin:50% 88%;perspective:900px;animation:shadowverse-spread-deal .62s cubic-bezier(.22,1,.36,1) both;-webkit-tap-highlight-color:transparent}.pack-spread-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:rotateY(0);transform-style:preserve-3d;transition:transform .72s var(--pack-reveal-spring);will-change:transform}.pack-spread-card.is-revealed .pack-spread-card__inner{transform:rotateY(180deg)}.pack-spread-card__face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pack-spread-card__front{transform:rotateY(180deg)}.pack-spread-card__face>.card--lg{width:100%;height:100%}.pack-spread-card.is-revealed{animation:pack-card-reveal-pop .62s cubic-bezier(.22,1,.36,1) both;animation-delay:0ms!important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.72)) drop-shadow(0 0 7px color-mix(in srgb,var(--reveal-color),transparent 58%))}.pack-spread-card.is-high-grade.is-revealed{filter:drop-shadow(0 18px 20px rgba(0,0,0,.76)) drop-shadow(0 0 12px color-mix(in srgb,var(--reveal-color),transparent 34%))}.pack-spread-card__flash{position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;z-index:5;display:block;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.95) 0 4%,var(--reveal-color) 17%,transparent 62%);mix-blend-mode:screen;pointer-events:none}.pack-spread-card.is-revealed .pack-spread-card__flash{animation:reference-card-flash .62s ease-out 90ms both}.pack-spread-card.is-high-grade.is-revealed .pack-spread-card__flash{animation:reference-card-flash-high .82s ease-out 80ms both}.pack-reveal-result{position:absolute;top:16px;right:18px;left:18px;z-index:64;pointer-events:none;animation:reference-summary-in .42s cubic-bezier(.22,1,.36,1) both}.pack-reveal-result>small{color:#d7b666;font-size:7px;font-weight:900;letter-spacing:.2em}.pack-reveal-result h2{margin:3px 0 7px;color:#f5f7fb;font-family:var(--font-family-serif);font-size:25px;line-height:.78;letter-spacing:-.055em}.pack-reveal-result h2 b{color:#fff;font-size:28px}.pack-reveal-result>div{display:flex;width:min(210px,62%);height:29px;border-top:1px solid rgba(112,159,202,.2);border-bottom:1px solid rgba(112,159,202,.14)}.pack-reveal-result>div>span{display:flex;min-width:82px;align-items:center;gap:7px;padding:0 9px;border-right:1px solid rgba(112,159,202,.16)}.pack-reveal-result>div b{font-size:11px}.pack-reveal-result>div small{color:#ffffff61;font-size:6px;font-weight:900;letter-spacing:.12em}.pack-reveal-actions{position:absolute;right:50%;bottom:24px;z-index:62;display:grid;width:min(300px,calc(100% - 32px));grid-template-columns:1fr 1fr;gap:8px;transform:translate(50%);animation:pack-reveal-actions-in .36s ease both}.pack-reveal-actions button{height:42px;border:1px solid rgba(112,159,202,.28);border-radius:3px;color:#ffffffc7;background:#709fca14;font-size:10px;font-weight:900}.pack-reveal-actions .pack-reveal-actions__confirm{border-color:#79d8e880;color:#fff;background:linear-gradient(135deg,#3d8fae,#3154a0 55%,#5a3da9);box-shadow:inset 0 1px #ffffff2e,0 10px 24px #00000057}.pack-active-card{--reveal-color: #fff;position:absolute;top:68%;left:73%;z-index:45;width:162px;height:288px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;transform:translate(-50%,-50%) scale(.8);transform-style:preserve-3d;cursor:pointer;filter:drop-shadow(0 14px 18px rgba(0,0,0,.78));transition:left .56s cubic-bezier(.22,1,.36,1),top .56s cubic-bezier(.22,1,.36,1),transform .56s cubic-bezier(.22,1,.36,1),opacity .36s ease,filter .36s ease;-webkit-tap-highlight-color:transparent}.pack-active-card--flipping,.pack-active-card--revealed{top:var(--pack-detail-center-y);left:50%;transform:translate(-50%,-50%) scale(var(--pack-detail-scale));filter:drop-shadow(0 18px 26px rgba(0,0,0,.82))}.pack-active-card--flipping{transition-duration:1s,1s,1s,.36s,.36s;transition-timing-function:var(--pack-reveal-spring),var(--pack-reveal-spring),var(--pack-reveal-spring),ease,ease}.pack-active-card--revealed{filter:drop-shadow(0 18px 26px rgba(0,0,0,.82)) drop-shadow(0 0 8px color-mix(in srgb,var(--reveal-color),transparent 48%))}.pack-active-card--leaving{top:45%;left:18%;opacity:0;transform:translate(-50%,-50%) rotate(-11deg) scale(.92);transition-duration:.39s,.39s,.39s,.36s,.36s}.pack-active-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:rotateY(0)}.pack-active-card--flipping .pack-active-card__inner{animation:reference-first-pop-reveal 1s var(--pack-reveal-spring) both}.pack-active-card--revealed .pack-active-card__inner,.pack-active-card--leaving .pack-active-card__inner{transform:rotateY(360deg)}.pack-active-card__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pack-active-card__front{transform:rotateY(180deg)}.pack-active-card--flipping .pack-active-card__back{animation:reference-reveal-hide-back 1s step-end both}.pack-active-card--flipping .pack-active-card__front{animation:reference-reveal-turn-front 1s step-end both}.pack-active-card--revealed .pack-active-card__back,.pack-active-card--leaving .pack-active-card__back{opacity:0}.pack-active-card--revealed .pack-active-card__front,.pack-active-card--leaving .pack-active-card__front{transform:rotateY(0)}@keyframes reference-first-pop-reveal{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes reference-reveal-hide-back{0%,22.99%{opacity:1}23%,to{opacity:0}}@keyframes reference-reveal-turn-front{0%,22.99%{transform:rotateY(180deg)}23%,to{transform:rotateY(0)}}.pack-active-card__aura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:8px;opacity:0;box-shadow:0 0 18px 3px color-mix(in srgb,var(--reveal-color),transparent 48%),0 0 44px 12px color-mix(in srgb,var(--reveal-color),transparent 82%);pointer-events:none}.pack-active-card--revealed .pack-active-card__aura{animation:reference-reveal-aura .52s ease-out both}.pack-active-card__flash{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;z-index:3;border-radius:50%;opacity:0;background:radial-gradient(circle,white 0 4%,var(--reveal-color) 18%,transparent 62%);mix-blend-mode:screen;pointer-events:none}.pack-active-card--flipping .pack-active-card__flash{animation:reference-card-flash .52s ease-out 90ms both}.pack-active-card--high-grade.pack-active-card--flipping .pack-active-card__flash{animation:reference-card-flash-high .82s ease-out 80ms both}.pack-card-caption{position:absolute;top:var(--pack-detail-description-top);left:50%;z-index:52;width:var(--pack-detail-description-width);opacity:0;transform:translate(-50%,16px);transition:opacity .28s ease,transform .36s cubic-bezier(.22,1,.36,1);pointer-events:none}.pack-card-caption--visible{opacity:1;transform:translate(-50%)}.pack-opening__hint{position:absolute;right:0;bottom:78px;left:0;z-index:55;min-height:16px;color:#fff6;font-size:9px;font-weight:800;letter-spacing:.1em;text-align:center;pointer-events:none;animation:reference-hint-pulse 1.6s ease-in-out infinite}@keyframes pack-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes pack-geometry-turn{to{transform:rotate(360deg)}}@keyframes reference-pack-arrive{0%{opacity:1;transform:translateY(50px) scale(.66)}to{opacity:1;transform:translateY(0) scale(1.34)}}@keyframes reference-pack-hover{0%,to{transform:translateY(0) scale(1.34)}50%{transform:translateY(-9px) scale(1.34)}}@keyframes reference-pack-open{0%{opacity:1;transform:translate(0) rotate(0) scale(1.34)}12%{transform:translate(-5px,-2px) rotate(-2deg) scale(1.34)}24%{transform:translate(6px,1px) rotate(2.5deg) scale(1.35)}38%{transform:translate(-7px) rotate(-3deg) scale(1.36)}52%{transform:translate(7px) rotate(3deg) scale(1.38)}68%{opacity:1;transform:translateY(-3px) rotate(0) scale(1.42)}to{opacity:0;transform:translateY(26px) scale(1.08)}}@keyframes reference-seal-rip{0%{opacity:0;transform:translate(-50%,20px) rotate(0)}22%{opacity:1}to{opacity:0;transform:translate(-50%,-105px) rotate(-7deg)}}@keyframes reference-pack-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}28%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(3.3)}}@keyframes reference-stack-rise{0%{opacity:0;transform:translate(-50%,calc(-50% + 82px)) rotate(-4deg) scale(.38)}to{opacity:1}}@keyframes shadowverse-spread-deal{0%{opacity:0;transform:translate(calc(-50% - var(--spread-column) * var(--spread-column-gap)),calc(-50% + (.8 - var(--spread-row)) * var(--spread-row-gap))) rotate(0) scale(.58)}to{opacity:1;transform:translate(-50%,-50%) rotate(calc(var(--spread-column) * 2deg)) scale(1)}}@keyframes pack-source-release{0%{opacity:.9;transform:translate(-50%,-42%) scale(1)}55%{opacity:.62}to{opacity:0;transform:translate(-50%,7%) scale(.82)}}@keyframes pack-card-reveal-pop{0%{transform:translate(-50%,-50%) rotate(calc(var(--spread-column) * 2deg)) scale(1)}52%{transform:translate(-50%,-50%) rotate(calc(var(--spread-column) * 1deg)) scale(var(--reveal-pop-scale))}to{transform:translate(-50%,-50%) rotate(calc(var(--spread-column) * 2deg)) scale(1)}}@keyframes reference-reveal-aura{0%{opacity:0}45%{opacity:1}to{opacity:.78}}@keyframes reference-card-flash{0%{opacity:0;transform:scale(.42)}30%{opacity:.92}to{opacity:0;transform:scale(1.35)}}@keyframes reference-card-flash-high{0%{opacity:0;transform:scale(.25) rotate(0)}18%{opacity:1}65%{opacity:.76;transform:scale(1.12) rotate(9deg)}to{opacity:0;transform:scale(1.62) rotate(15deg)}}@keyframes reference-hint-pulse{0%,to{opacity:.34}50%{opacity:.8}}@keyframes reference-summary-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pack-reveal-actions-in{0%{opacity:0}to{opacity:1}}@media(max-width:360px){.pack-opening__header{top:16px;right:12px;left:12px}.pack-opening__skip{top:10px;right:9px;width:38px;height:38px}.pack-active-card{left:70%}.pack-card-spread{--spread-card-width: 101px;--spread-column-gap: 94px;--spread-row-gap: 140px}.pack-active-card--flipping,.pack-active-card--revealed{left:50%}}@media(max-height:680px){.pack-opening__hint{bottom:68px}.pack-card-spread{--spread-card-width: clamp(94px, 26vw, 108px);--spread-column-gap: clamp(88px, 24vw, 101px);--spread-row-gap: clamp(126px, 34vw, 144px);top:58px;bottom:80px}}@media(prefers-reduced-motion:reduce){.pack-opening *,.pack-opening *:before,.pack-opening *:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-cyan-300:oklch(86.5% .127 207.078);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-crimson:#dc143c;--color-card-bg:#101a2c;--font-family-display:"NexonLv2Gothic", "Barlow", system-ui, sans-serif;--font-family-serif:"DNFForgedBlade", "NexonLv2Gothic", serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-1{inset:var(--spacing)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.left-0\.5{left:calc(var(--spacing) * .5)}.z-10{z-index:10}.z-50{z-index:50}.z-\[61\]{z-index:61}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-\[160px\]{height:160px}.h-full{height:100%}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-\[90px\]{width:90px}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[card-enter-field_0\.4s_cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\]{animation:.4s cubic-bezier(.34,1.56,.64,1) card-enter-field}.animate-\[fade-in_0\.3s_ease\]{animation:.3s fade-in}.animate-\[scale-in_0\.4s_cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\]{animation:.4s cubic-bezier(.34,1.56,.64,1) scale-in}.animate-pulse{animation:var(--animate-pulse)}.cursor-not-allowed{cursor:not-allowed}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing) * 3)}.gap-px{gap:1px}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[\#333\]{border-color:#333}.border-blue-400\/60{border-color:#54a2ff99}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/60{border-color:color-mix(in oklab,var(--color-blue-400) 60%,transparent)}}.border-crimson\/25{border-color:#dc143c40}@supports (color:color-mix(in lab,red,red)){.border-crimson\/25{border-color:color-mix(in oklab,var(--color-crimson) 25%,transparent)}}.border-crimson\/50{border-color:#dc143c80}@supports (color:color-mix(in lab,red,red)){.border-crimson\/50{border-color:color-mix(in oklab,var(--color-crimson) 50%,transparent)}}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-600\/10{border-color:#4a55651a}@supports (color:color-mix(in lab,red,red)){.border-gray-600\/10{border-color:color-mix(in oklab,var(--color-gray-600) 10%,transparent)}}.border-gray-700{border-color:var(--color-gray-700)}.border-gray-700\/20{border-color:#36415333}@supports (color:color-mix(in lab,red,red)){.border-gray-700\/20{border-color:color-mix(in oklab,var(--color-gray-700) 20%,transparent)}}.border-green-700\/50{border-color:#00813880}@supports (color:color-mix(in lab,red,red)){.border-green-700\/50{border-color:color-mix(in oklab,var(--color-green-700) 50%,transparent)}}.border-red-700\/60{border-color:#bf000f99}@supports (color:color-mix(in lab,red,red)){.border-red-700\/60{border-color:color-mix(in oklab,var(--color-red-700) 60%,transparent)}}.bg-\[\#1a4a1a\]{background-color:#1a4a1a}.bg-\[\#8b0000\]{background-color:#8b0000}.bg-\[\#222\]{background-color:#222}.bg-\[\#080610\]{background-color:#080610}.bg-amber-600\/80{background-color:#dd7400cc}@supports (color:color-mix(in lab,red,red)){.bg-amber-600\/80{background-color:color-mix(in oklab,var(--color-amber-600) 80%,transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab,red,red)){.bg-black\/75{background-color:color-mix(in oklab,var(--color-black) 75%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-500\/80{background-color:#3080ffcc}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/80{background-color:color-mix(in oklab,var(--color-blue-500) 80%,transparent)}}.bg-crimson\/10{background-color:#dc143c1a}@supports (color:color-mix(in lab,red,red)){.bg-crimson\/10{background-color:color-mix(in oklab,var(--color-crimson) 10%,transparent)}}.bg-crimson\/20{background-color:#dc143c33}@supports (color:color-mix(in lab,red,red)){.bg-crimson\/20{background-color:color-mix(in oklab,var(--color-crimson) 20%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-950{background-color:var(--color-gray-950)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-gray-800\/40{--tw-gradient-from:#1e293966}@supports (color:color-mix(in lab,red,red)){.from-gray-800\/40{--tw-gradient-from:color-mix(in oklab, var(--color-gray-800) 40%, transparent)}}.from-gray-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-gray-600\/30{--tw-gradient-via:#4a55654d}@supports (color:color-mix(in lab,red,red)){.via-gray-600\/30{--tw-gradient-via:color-mix(in oklab, var(--color-gray-600) 30%, transparent)}}.via-gray-600\/30{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-gray-900\/60{--tw-gradient-via:#10182899}@supports (color:color-mix(in lab,red,red)){.via-gray-900\/60{--tw-gradient-via:color-mix(in oklab, var(--color-gray-900) 60%, transparent)}}.via-gray-900\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-gray-800\/40{--tw-gradient-to:#1e293966}@supports (color:color-mix(in lab,red,red)){.to-gray-800\/40{--tw-gradient-to:color-mix(in oklab, var(--color-gray-800) 40%, transparent)}}.to-gray-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[6px\]{font-size:6px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-nowrap{white-space:nowrap}.text-crimson\/80{color:#dc143ccc}@supports (color:color-mix(in lab,red,red)){.text-crimson\/80{color:color-mix(in oklab,var(--color-crimson) 80%,transparent)}}.text-cyan-300{color:var(--color-cyan-300)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-green-300{color:var(--color-green-300)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-\[0_0_14px_rgba\(96\,165\,250\,0\.25\)\]{--tw-shadow:0 0 14px var(--tw-shadow-color,#60a5fa40);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-400\/60{--tw-ring-color:#54a2ff99}@supports (color:color-mix(in lab,red,red)){.ring-blue-400\/60{--tw-ring-color:color-mix(in oklab, var(--color-blue-400) 60%, transparent)}}.ring-blue-500\/20{--tw-ring-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.ring-blue-500\/20{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.ring-green-500\/30{--tw-ring-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.ring-green-500\/30{--tw-ring-color:color-mix(in oklab, var(--color-green-500) 30%, transparent)}}.ring-red-500\/50{--tw-ring-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.ring-red-500\/50{--tw-ring-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)}}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}@media(hover:hover){.hover\:bg-\[\#1f5a1f\]:hover{background-color:#1f5a1f}.hover\:bg-\[\#2a2a2a\]:hover{background-color:#2a2a2a}.hover\:bg-\[\#a00000\]:hover{background-color:#a00000}.hover\:bg-crimson\/20:hover{background-color:#dc143c33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-crimson\/20:hover{background-color:color-mix(in oklab,var(--color-crimson) 20%,transparent)}}.hover\:bg-crimson\/40:hover{background-color:#dc143c66}@supports (color:color-mix(in lab,red,red)){.hover\:bg-crimson\/40:hover{background-color:color-mix(in oklab,var(--color-crimson) 40%,transparent)}}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:text-crimson:hover{color:var(--color-crimson)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}html,body,#root,#root *{-webkit-user-select:none;user-select:none}@font-face{font-family:NexonLv2Gothic;src:url(/fonts/NexonLv2Gothic-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:NexonLv2Gothic;src:url(/fonts/NexonLv2Gothic-Medium.otf)format("opentype");font-weight:500;font-display:swap}@font-face{font-family:NexonLv2Gothic;src:url(/fonts/NexonLv2Gothic-Bold.otf)format("opentype");font-weight:700;font-display:swap}@font-face{font-family:DNFForgedBlade;src:url(/fonts/DNFForgedBlade-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:DNFForgedBlade;src:url(/fonts/DNFForgedBlade-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:DNFForgedBlade;src:url(/fonts/DNFForgedBlade-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--gu-void:#050914;--gu-deep:#080f1d;--gu-surface:#0d1728;--gu-raised:#132239;--gu-line:#709fca33;--gu-line-soft:#709fca1a;--gu-gold:#d7b666;--gu-gold-bright:#f0d487;--gu-cyan:#35b9d6;--gu-purple:#7156d9;--gu-text:#edf4fa;--gu-muted:#8795a8}html,body,#root{width:100%;height:var(--kd-viewport-height,100dvh);min-height:0;overflow:hidden}body{font-family:var(--font-family-display);color:var(--gu-text);background:var(--gu-void);margin:0}button{font:inherit}*{scrollbar-width:none}::-webkit-scrollbar{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes card-enter-field{0%{opacity:0;transform:scale(.5)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.kd-viewport{width:100%;height:var(--kd-viewport-height,100dvh);background:radial-gradient(circle at 50% 10%,#35b9d624,#0000 30%),radial-gradient(circle at 18% 82%,#7156d921,#0000 38%),#030611;justify-content:center;align-items:flex-start;min-height:0;display:flex;overflow:hidden}.kd-mobile-frame{background:var(--gu-deep);width:100%;max-width:430px;height:100%;min-height:0;max-height:none;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000d9}.kd-app-shell{flex-direction:column;height:100%;display:flex;position:relative}.kd-main{flex:1;min-height:0;overflow:hidden}.kd-topbar{z-index:40;min-height:58px;padding:max(7px,env(safe-area-inset-top)) 11px 7px;border-bottom:1px solid var(--gu-line);background:linear-gradient(90deg,#35b9d614,#0000 42%),linear-gradient(#132139,#09111f);align-items:center;gap:9px;display:flex;position:relative;box-shadow:0 5px 18px #0000005c}.kd-topbar:after{content:"";background:linear-gradient(90deg,#0000,#d7b6668f,#0000);height:1px;position:absolute;bottom:-1px;left:12px;right:12px}.kd-topbar__avatar{border:2px solid var(--gu-gold);background-position:50% 24%;background-size:135%;border-radius:50%;flex:none;width:42px;height:42px;position:relative;box-shadow:0 0 0 2px #17253a,0 0 14px #35b9d638}.kd-topbar__avatar span{color:#f8ebba;background:#0d1828;border:1px solid #b9a15f;border-radius:50%;place-items:center;width:16px;height:16px;font-size:7px;font-weight:900;display:grid;position:absolute;bottom:-3px;right:-3px}.kd-topbar__identity{flex-direction:column;flex:1;min-width:80px;line-height:1.1;display:flex}.kd-topbar__identity small,.lobby-hero__copy small,.lobby-duel-card small,.shop-header small,.deck-header small{color:var(--gu-gold);letter-spacing:.16em;font-size:7px;font-weight:900}.kd-topbar__identity strong{color:var(--gu-text);margin-top:0;font-size:12px}.kd-topbar__resources{align-items:center;gap:5px;display:flex}.kd-topbar__resources>div{border:1px solid var(--gu-line-soft);background:#040a146b;border-radius:15px;align-items:center;gap:4px;height:24px;padding:0 7px 0 3px;display:flex}.kd-topbar__resources b{color:#d8d4c8;font-variant-numeric:tabular-nums;font-size:9px}.kd-resource-icon{border-radius:50%;place-items:center;width:17px;height:17px;font-size:7px;font-style:normal;font-weight:900;display:inline-grid}.kd-resource-icon--gold{color:#fff2a6;background:linear-gradient(145deg,#d6a71f,#77510a);border:1px solid #e2bb48}.kd-resource-icon--gem{color:#d9ffff;background:linear-gradient(145deg,#38d5d9,#176177);border:1px solid #58dbe1}.kd-topbar__settings{border:1px solid var(--gu-line-soft);background:#ffffff06;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;width:27px;height:27px;display:flex}.kd-topbar__settings span{background:#eee9d88c;width:10px;height:1px}.kd-tabbar{z-index:40;min-height:64px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--gu-line);background:linear-gradient(#101b2d,#070d19);grid-template-columns:repeat(3,1fr);display:grid;position:relative;box-shadow:0 -7px 22px #0000007a}.kd-tabbar__item{border:0;border-right:1px solid var(--gu-line-soft);color:#acc1d36b;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.kd-tabbar__item:before{content:"";opacity:0;background:var(--gu-cyan);height:2px;position:absolute;top:-1px;left:28%;right:28%;box-shadow:0 0 13px #35b9d6e6}.kd-tabbar__item i{color:inherit;font-family:var(--font-family-serif);font-size:21px;font-style:normal;line-height:1}.kd-tabbar__item span{font-size:9px;font-weight:900}.kd-tabbar__item.is-active{color:#f2e5b2;background:linear-gradient(#b38d2d1f,#0000)}.kd-tabbar__item.is-active:before{opacity:1}.lobby-screen{background:radial-gradient(circle at 18% 30%,#7156d93d,#0000 35%),radial-gradient(circle at 92% 70%,#35b9d61a,#0000 32%),linear-gradient(165deg,#101a2d,#060b16 62%);height:100%;overflow-y:auto}.lobby-hero{border-bottom:1px solid var(--gu-line);background:linear-gradient(120deg,#51369d9e,#0000 54%),#0b1424;height:clamp(220px,33vh,292px);position:relative;overflow:hidden}.lobby-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0b1424,#0000 48%),linear-gradient(#0000 58%,#0b1424);position:absolute;top:0;right:0;bottom:0;left:0}.lobby-hero__sigil{background:repeating-conic-gradient(#dac26f24 0 1deg,transparent 1deg 20deg),radial-gradient(circle,transparent 48%,#dac26f1a 49% 50%,transparent 51%);border:1px solid #d4bf7524;border-radius:50%;width:260px;height:260px;animation:32s linear infinite lobby-sigil-turn;position:absolute;top:13px;left:-45px}.lobby-hero__portrait{filter:saturate(.9)contrast(1.06);background-position:50% 18%;background-size:cover;width:clamp(250px,72vw,310px);height:clamp(350px,50vh,420px);position:absolute;top:-60px;right:-35px}.lobby-hero__copy{z-index:2;width:220px;position:absolute;bottom:26px;left:17px}.lobby-hero__copy h1{color:#f3efdf;font-family:var(--font-family-serif);letter-spacing:-.05em;text-shadow:0 3px 10px #000;margin:5px 0 4px;font-size:29px}.lobby-hero__copy p{color:#ece8d87a;margin:0;font-size:9px}.lobby-rank-seal{z-index:3;color:#f1dda0;text-align:center;background:#070f1cd1;border:1px solid #ebd27d8c;border-radius:50%;place-content:center;width:58px;height:58px;display:grid;position:absolute;bottom:15px;right:15px;box-shadow:inset 0 0 0 4px #d5b95f14,0 5px 20px #0000008c}.lobby-rank-seal strong{font-family:var(--font-family-serif);font-size:24px;line-height:.9}.lobby-rank-seal span{letter-spacing:.16em;margin-top:3px;font-size:6px;font-weight:900}.lobby-content{padding:13px 13px 20px}.lobby-duel-card{border:1px solid var(--gu-line);background:linear-gradient(135deg,#35b9d61a,#0000 38%),#0d1728f0;box-shadow:0 14px 30px #00000047}.lobby-duel-card__header{border-bottom:1px solid #d9c6841a;justify-content:space-between;align-items:center;padding:13px 14px 10px;display:flex}.lobby-duel-card__header>div:first-child{flex-direction:column;gap:3px;display:flex}.lobby-duel-card__header strong{color:#f0ebda;font-size:14px}.lobby-duel-card__record{text-align:right}.lobby-duel-card__record b,.lobby-duel-card__record span{display:block}.lobby-duel-card__record b{color:#dabe68;font-family:var(--font-family-serif);font-size:15px}.lobby-duel-card__record span{color:#ffffff59;font-size:7px}.lobby-tier-track{grid-template-columns:repeat(4,1fr);padding:10px 8px;display:grid}.lobby-tier-track>div{color:#ffffff40;flex-direction:column;align-items:center;gap:3px;font-size:7px;display:flex;position:relative}.lobby-tier-track>div:not(:last-child):after{content:"";background:#d7c17526;width:32%;height:1px;position:absolute;top:10px;right:-16%}.lobby-tier-track i{border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid}.lobby-tier-track .is-current{color:#f0d477}.lobby-tier-track .is-current i{background:#c5a94e24;border-color:#c5a94e;box-shadow:0 0 13px #c5a94e38}.lobby-deck-strip{border:1px solid var(--gu-line-soft);width:calc(100% - 24px);color:inherit;text-align:left;cursor:pointer;background:#040a146b;align-items:center;gap:12px;margin:0 12px 12px;padding:9px;transition:border-color .18s,background .18s,transform .18s;display:flex}.lobby-deck-strip:hover,.lobby-deck-strip:focus-visible{background:#111d30c2;border-color:#dec77766;outline:none}.lobby-deck-strip:active{transform:scale(.99)}.lobby-deck-strip.is-empty{border-style:dashed}.lobby-deck-strip__cards{justify-content:center;align-items:center;min-width:48px;min-height:42px;padding-left:12px;display:flex}.lobby-deck-strip__cards span{background-position:50%;background-size:cover;border:1px solid #eddb9b66;width:28px;height:42px;margin-left:-10px;transform:rotate(-4deg);box-shadow:0 3px 7px #000}.lobby-deck-strip__cards span:nth-child(2){transform:translateY(-2px)}.lobby-deck-strip__cards span:nth-child(3){transform:rotate(4deg)}.lobby-deck-strip__cards>i{color:#d9c276;border:1px solid #e0cc8742;border-radius:50%;place-items:center;width:38px;height:38px;font-size:18px;font-style:normal;display:grid}.lobby-deck-strip>div:nth-child(2){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lobby-deck-strip strong{color:#e7e1cf;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.lobby-deck-strip span{color:#ffffff52;font-size:7px}.lobby-deck-strip__arrow{color:#e8d6999e;font-family:sans-serif;font-size:22px;font-weight:300}.deck-select-sheet{z-index:160;width:100%;max-width:430px;margin:0 auto;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.deck-select-sheet__backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#01040abd;border:0;width:100%;animation:.18s ease-out both deck-sheet-fade-in;position:absolute;top:0;right:0;bottom:0;left:0}.deck-select-sheet__panel{background:linear-gradient(135deg,#3ab8d217,#0000 34%),linear-gradient(#111d31,#070d19 72%);border:1px solid #dbc67d4d;border-bottom:0;border-radius:20px 20px 0 0;flex-direction:column;max-height:min(76dvh,650px);animation:.3s cubic-bezier(.22,.88,.24,1) both deck-sheet-rise;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 55px #000000a6}.deck-select-sheet__handle{background:#ffffff2e;border-radius:9px;flex:none;width:38px;height:4px;margin:8px auto 0}.deck-select-sheet__header{border-bottom:1px solid #deca861f;justify-content:space-between;align-items:center;padding:13px 17px 12px;display:flex}.deck-select-sheet__header small{color:#d4b85c;letter-spacing:.18em;margin-bottom:2px;font-size:7px;font-weight:900;display:block}.deck-select-sheet__header h2{color:#f2eddd;font-family:var(--font-family-serif);margin:0;font-size:21px}.deck-select-sheet__header button{color:#ffffff9e;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:34px;height:34px;font-family:sans-serif;font-size:22px;font-weight:200;display:grid}.deck-select-sheet__list{flex-direction:column;gap:8px;min-height:0;padding:12px 13px;display:flex;overflow-y:auto}.deck-select-item{color:#e7edf3;text-align:left;cursor:pointer;background:linear-gradient(90deg,#39a7c414,#0000 50%),#050d19b8;border:1px solid #b4c9da26;align-items:center;gap:10px;min-height:70px;padding:7px 35px 7px 8px;transition:border-color .16s,background .16s,transform .16s,opacity .16s;display:flex;position:relative}.deck-select-item:not(:disabled):hover,.deck-select-item:not(:disabled):focus-visible{background:linear-gradient(90deg,#3bb9d321,#0000 58%),#0c1728f5;border-color:#e1ca7c6b;outline:none;transform:translateY(-1px)}.deck-select-item.is-selected{background:linear-gradient(90deg,#c49c332e,#0000 64%),#0c1524f5;border-color:#e3c663b8;box-shadow:inset 3px 0 #d5b651,0 0 18px #cba63d14}.deck-select-item.is-disabled{opacity:.42;filter:grayscale(.7);cursor:not-allowed}.deck-select-item__leader{background:#ffffff09 50% 18%/cover no-repeat;border:1px solid #e2ce8952;flex:none;place-items:center;width:43px;height:55px;display:grid;overflow:hidden;box-shadow:0 4px 10px #0006}.deck-select-item__leader span{color:#ffffff40;font-family:var(--font-family-serif);font-size:18px}.deck-select-item__body{flex:1;min-width:0}.deck-select-item__title{justify-content:space-between;align-items:center;gap:8px;display:flex}.deck-select-item__title strong{color:#f0ebdd;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.deck-select-item__title>span{color:#d7bd67;flex:none;font-size:7px;font-weight:800}.deck-select-item.is-disabled .deck-select-item__title>span{color:#e1a3a3}.deck-select-item__meta{color:#fff6;justify-content:space-between;align-items:center;gap:8px;margin-top:7px;font-size:7px;display:flex}.deck-select-item__meta b{color:#ffffffa8;font-size:8px}.deck-select-item__cards{flex:none;padding-left:10px;display:flex}.deck-select-item__cards i{background:#0a101b 50%/cover no-repeat;border:1px solid #ebd99c45;width:21px;height:32px;margin-left:-9px;transform:rotate(-3deg);box-shadow:0 2px 5px #000000a6}.deck-select-item__cards i:nth-child(2){transform:translateY(-2px)}.deck-select-item__cards i:nth-child(3){transform:rotate(3deg)}.deck-select-item__check{color:#e1ce8ead;font-family:sans-serif;font-size:17px;font-style:normal;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.deck-select-item.is-selected .deck-select-item__check{color:#e1c561;font-size:13px}.deck-select-sheet__empty{color:#ffffff59;text-align:center;border:1px dashed #ffffff21;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;display:flex}.deck-select-sheet__empty strong{color:#ffffffa6;font-size:11px}.deck-select-sheet__empty span,.deck-select-sheet__hint,.deck-select-sheet__error{font-size:8px}.deck-select-sheet__hint{padding:0 16px calc(14px + env(safe-area-inset-bottom));color:#ffffff57;text-align:center;margin:0}.deck-select-sheet__error{color:#f0a29c;text-align:center;margin:0 13px 8px}@keyframes deck-sheet-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes deck-sheet-fade-in{0%{opacity:0}to{opacity:1}}.lobby-match-button{color:#fff5d6;cursor:pointer;background:linear-gradient(90deg,#0000,#fff2b933,#0000),linear-gradient(#b48a36,#6f4f17);border:0;border-top:1px solid #f0d48794;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:53px;transition:border-color .32s,color .32s,background .42s,box-shadow .32s;display:flex;box-shadow:inset 0 1px #ffffff1f}.lobby-match-button.is-matching{color:#fff7e9;background:linear-gradient(90deg,#0000,#ffd59633,#0000),linear-gradient(#f07a26,#a13b0e);border-top-color:#ffb45cb8;box-shadow:inset 0 1px #fff3,0 0 18px #f06a1c33}.lobby-match-button span{letter-spacing:.2em;opacity:.68;font-size:7px;font-weight:900}.lobby-match-button b{margin-top:2px;font-size:13px}.lobby-quick-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.lobby-quick-actions button{border:1px solid var(--gu-line-soft);color:#dce8f2;text-align:left;background:#709fca09;align-items:center;gap:9px;min-height:55px;padding:8px 10px;display:flex}.lobby-quick-actions i{color:#d4b964;width:29px;height:29px;font-family:var(--font-family-serif);border:1px solid #d1bb6f47;border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:grid}.lobby-quick-actions span,.lobby-quick-actions b,.lobby-quick-actions small{display:block}.lobby-quick-actions b{font-size:9px}.lobby-quick-actions small{color:#ffffff47;margin-top:2px;font-size:7px}.shop-screen{background:linear-gradient(#09111fe8,#050a14fa),repeating-linear-gradient(90deg,#0000 0,#0000 84px,#4a9bbb0e 84px,#4a9bbb0e 85px);height:100%;padding-bottom:20px;overflow-y:auto}.shop-header,.deck-header{border-bottom:1px solid var(--gu-line);background:linear-gradient(90deg,#35b9d617,#0000);justify-content:space-between;align-items:center;min-height:69px;padding:11px 14px;display:flex}.shop-header h1,.deck-header h1{color:#f0ecdd;font-family:var(--font-family-serif);letter-spacing:-.04em;margin:3px 0 0;font-size:23px}.shop-header>span{border:1px solid var(--gu-line-soft);color:#ffffff59;padding:5px 9px;font-size:8px;font-weight:800}.shop-pack-grid{border-bottom:1px solid var(--gu-line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:22px 10px 15px;display:grid}.shop-pack-item{flex-direction:column;align-items:center;display:flex;position:relative}.shop-pack-item__hanger{z-index:2;background:linear-gradient(#aaa99c,#4f5048);border:1px solid #67685d;border-radius:2px 2px 50% 50%;width:31px;height:13px;margin-bottom:-5px;position:relative;box-shadow:0 2px 4px #000}.shop-pack-item__hanger span{background:#55564f;border:1px solid #999a90;border-radius:4px;width:5px;height:11px;position:absolute;top:-7px;left:13px}.shop-pack-item__visual{cursor:pointer;filter:drop-shadow(0 13px 13px #000000a6);justify-content:center;width:100%;transition:transform .18s;display:flex}.shop-pack-item__visual:active{transform:scale(.95)}.shop-pack-item__info{text-align:center;min-height:55px;padding-top:8px}.shop-pack-item__info h2{color:var(--gu-text);margin:0;font-size:10px}.shop-pack-item__info p{color:#ffffff52;margin:3px 0 0;font-size:7px}.shop-pack-item__info em{margin-top:3px;font-size:7px;font-style:normal;font-weight:900;display:block}.shop-pack-item__price{min-width:70px;height:27px;color:var(--gu-text);background:#040a1475;border-radius:16px;justify-content:center;align-items:center;font-size:9px;font-weight:900;display:flex}.shop-pack-item__price span{align-items:center;gap:5px;display:flex}.shop-daily{background:linear-gradient(105deg,#35b9d62b,#0000 60%),#0d1829;border:1px solid #35b9d640;align-items:center;gap:11px;margin:15px 12px 0;padding:13px;display:flex;position:relative;overflow:hidden}.shop-daily__stamp{color:#79d8e8;width:49px;height:49px;font-family:var(--font-family-serif);border:1px solid #35b9d680;border-radius:50%;flex:none;place-items:center;font-size:8px;font-weight:900;display:grid;transform:rotate(-9deg)}.shop-daily>div:nth-child(2){flex:1;min-width:0}.shop-daily small{color:#63c5dc;letter-spacing:.12em;font-size:7px;font-weight:900}.shop-daily h2{margin:2px 0;font-size:11px}.shop-daily p{color:#ffffff4d;margin:0;font-size:7px}.shop-daily button{color:#d7f8ff;background:#1d6f9052;border:1px solid #35b9d66b;flex:none;padding:8px 10px;font-size:8px;font-weight:900}.shop-notice{border-left:2px solid var(--gu-gold);background:#709fca09;margin:13px 13px 0;padding:11px 12px}.shop-notice span{color:#bda65f;letter-spacing:.14em;font-size:7px;font-weight:900}.shop-notice p{color:#ffffff4d;margin:5px 0 0;font-size:8px;line-height:1.5}.deck-screen{background:var(--gu-deep);flex-direction:column;height:100%;display:flex;position:relative}.deck-header{flex:none}.deck-header__tabs{gap:3px;margin-left:auto;display:flex}.deck-header__tabs button{color:#ffffff59;background:0 0;border:1px solid #0000;padding:6px 8px;font-size:8px;font-weight:900}.deck-header__tabs button.is-active{color:#f0dda0;background:#bc9a3d1a;border-color:#dac6803d}.deck-header__complete{z-index:5;color:#79d8e8;letter-spacing:.12em;font-size:7px;font-weight:900;position:absolute;top:62px;right:12px}.deck-book{background:linear-gradient(90deg,#35b9d61a,#0000 8%),repeating-linear-gradient(0deg,#0000 0,#0000 166px,#6091b912 166px,#6091b912 167px),linear-gradient(100deg,#17243a,#0d1728 52%,#142033);flex:1;min-height:0;padding:49px 11px 34px 13px;position:relative;overflow-y:auto;box-shadow:inset 12px 0 22px #0000005c}.deck-book:before{content:"";background:linear-gradient(#637c95,#27384d,#637c95);width:2px;position:absolute;top:0;bottom:0;left:11px;box-shadow:3px 0 5px #0000007a}.deck-book__rings{flex-direction:column;justify-content:space-around;display:flex;position:absolute;top:70px;bottom:50px;left:2px}.deck-book__rings span{background:linear-gradient(#9aabba,#42566b);border:1px solid #70859b;border-radius:6px;width:21px;height:6px;box-shadow:0 2px 4px #000}.deck-book__page-label{border-bottom:1px solid #dcca8a21;justify-content:space-between;align-items:center;padding-bottom:7px;display:flex;position:absolute;top:11px;left:26px;right:10px}.deck-book__page-label span{color:#a9924d;letter-spacing:.15em;font-size:7px;font-weight:900}.deck-book__page-label b{color:#ffffff80;font-size:8px}.deck-card-grid{grid-template-columns:repeat(4,minmax(0,96px));justify-content:space-between;gap:clamp(2px,1.4vw,6px);display:grid}.card-grid-load-more{justify-content:center;align-items:center;gap:8px;min-height:82px;padding:12px 0 4px;display:flex}.card-grid-load-more span{aspect-ratio:90/160;opacity:.56;background:#08070c url(/cards/card-back.webp) 50%/cover no-repeat;border-radius:4px;width:38px;animation:1.1s ease-in-out infinite alternate card-list-loading;box-shadow:0 3px 8px #00000073}.card-grid-load-more span:nth-child(2){animation-delay:.12s}.card-grid-load-more span:nth-child(3){animation-delay:.24s}@keyframes card-list-loading{0%{opacity:.36;transform:translateY(2px)}to{opacity:.72;transform:translateY(-2px)}}.deck-card-slot .card--sm{aspect-ratio:90/160;width:100%;height:auto}.deck-card-slot{cursor:pointer;filter:drop-shadow(0 4px 5px #00000080);position:relative}.deck-card-slot:after{z-index:-1;content:"";border:1px solid #e1d29d14;position:absolute;top:2px;right:2px;bottom:2px;left:2px;transform:translate(2px,3px)}.deck-card-slot.is-disabled{opacity:.26}.deck-card-count{z-index:10;color:#fff;font-size:10px;font-weight:900;line-height:1;position:absolute;bottom:5px;left:5px}.deck-empty{color:#ffffff47;place-items:center;height:100%;font-size:10px;display:grid}.deck-needed{color:#ffffff47;text-align:center;margin-top:8px;font-size:8px}.deck-book__page-number{color:#ddcc8f4d;font-family:var(--font-family-serif);letter-spacing:.12em;text-align:center;margin-top:13px;font-size:8px}.deck-manager{color:#f5f0df;background:radial-gradient(circle at 92% 5%,#b68f321f,#0000 28%),linear-gradient(155deg,#111b2a,#08111f 58%,#060c16);flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.deck-manager button,.deck-manager input{font:inherit}.deck-manager__header{background:#050b148a;border-bottom:1px solid #d8be7029;flex:none;align-items:center;gap:10px;min-height:70px;padding:11px 15px;display:flex}.deck-manager__header>div:not(.deck-manager__back){min-width:0}.deck-manager__header small{color:#b89c55;letter-spacing:.2em;margin-bottom:2px;font-size:7px;font-weight:900;display:block}.deck-manager__header h1{font-family:var(--font-family-serif);margin:0;font-size:22px;font-weight:800;line-height:1}.deck-manager__header>span{color:#ffffff57;letter-spacing:.12em;margin-left:auto;font-size:8px;font-weight:900}.deck-manager__back{color:#ead899;background:#ffffff06;border:1px solid #e1cf9633;flex:none;place-items:center;width:34px;height:42px;font-family:Arial,sans-serif;font-size:27px;line-height:1;display:grid}.deck-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:13px 12px 18px;display:flex;overflow-y:auto}.deck-list-card,.deck-list-add{width:100%;color:inherit;text-align:left;cursor:pointer;border:0;flex:none}.deck-list-card{border:1px solid var(--deck-color);grid-template-columns:31px 43px minmax(0,1fr) 43px;align-items:center;gap:9px;min-height:82px;padding:9px 11px 9px 8px;display:grid;position:relative}@supports (color:color-mix(in lab,red,red)){.deck-list-card{border:1px solid color-mix(in srgb,var(--deck-color) 34%,#344255)}}.deck-list-card{border-left:3px solid var(--deck-color);background:linear-gradient(90deg,var(--deck-color),transparent 42%),linear-gradient(145deg,#1c2839f5,#0a121ffa)}@supports (color:color-mix(in lab,red,red)){.deck-list-card{background:linear-gradient(90deg,color-mix(in srgb,var(--deck-color) 12%,transparent),transparent 42%),linear-gradient(145deg,#1c2839f5,#0a121ffa)}}.deck-list-card{transition:border-color .16s,transform .16s;box-shadow:0 7px 18px #00000047}.deck-list-card:active{transform:scale(.985)}.deck-list-card__index{color:var(--deck-color)}@supports (color:color-mix(in lab,red,red)){.deck-list-card__index{color:color-mix(in srgb,var(--deck-color) 70%,white)}}.deck-list-card__index{font-family:var(--font-family-serif);text-align:center;font-size:15px;font-weight:800}.deck-list-card__leader,.deck-builder-header__leader{aspect-ratio:1;border:1px solid var(--deck-color);place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.deck-list-card__leader,.deck-builder-header__leader{border:1px solid color-mix(in srgb,var(--deck-color) 70%,#394356)}}.deck-list-card__leader,.deck-builder-header__leader{background:radial-gradient(circle,var(--deck-color),#080e18 70%);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.deck-list-card__leader,.deck-builder-header__leader{background:radial-gradient(circle,color-mix(in srgb,var(--deck-color) 32%,#0b1422),#080e18 70%)}}.deck-list-card__leader,.deck-builder-header__leader{box-shadow:0 0 14px var(--deck-color)}@supports (color:color-mix(in lab,red,red)){.deck-list-card__leader,.deck-builder-header__leader{box-shadow:0 0 14px color-mix(in srgb,var(--deck-color) 22%,transparent)}}.deck-list-card__leader{width:43px}.deck-list-card__leader--portrait{background-position:50% 20%;background-size:cover;position:relative;overflow:hidden}.deck-list-card__leader--portrait:after{content:"";background:linear-gradient(#0000 50%,#040910ad);position:absolute;top:0;right:0;bottom:0;left:0}.deck-list-card__leader--portrait>span{z-index:1;position:relative}.deck-list-card--shared.is-selected{box-shadow:inset 0 0 18px var(--deck-color,#d8c385)}@supports (color:color-mix(in lab,red,red)){.deck-list-card--shared.is-selected{box-shadow:inset 0 0 18px color-mix(in srgb,var(--deck-color,#d8c385) 14%,transparent)}}.deck-list-card--shared{grid-template-columns:54px minmax(0,1fr) 43px;padding-left:10px}.deck-list-card--shared .deck-list-card__leader{border-radius:8px;width:50px}.deck-list-card--shared.is-disabled{opacity:.4;filter:grayscale(.55)}.deck-list-card__leader svg,.deck-builder-header__leader svg{width:23px;height:23px}.deck-list-card__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.deck-list-card__copy small{color:var(--deck-color)}@supports (color:color-mix(in lab,red,red)){.deck-list-card__copy small{color:color-mix(in srgb,var(--deck-color) 70%,#d8c385)}}.deck-list-card__copy small{letter-spacing:.15em;font-size:6px;font-weight:900}.deck-list-card__copy strong{font-family:var(--font-family-serif);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.deck-list-card__copy span{color:#ffffff6e;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.deck-list-card>div:last-child{color:#ffffff57;text-align:right}.deck-list-card>div:last-child b{font-family:var(--font-family-serif);font-size:18px}.deck-list-card>div:last-child small{font-size:7px}.deck-list-card>div:last-child.is-complete{color:#e7cd75}.deck-list-add{background:#dabe7009;border:1px dashed #dcc57e52;justify-content:center;align-items:center;gap:12px;min-height:68px;display:flex}.deck-list-add i{color:#e0c470;border:1px solid #e7d0874d;border-radius:50%;place-items:center;width:31px;height:31px;font-size:20px;font-style:normal;display:grid}.deck-list-add span{flex-direction:column;gap:2px;display:flex}.deck-list-add b{font-size:11px}.deck-list-add small{color:#ffffff4f;font-size:7px}.deck-leader-select{flex:1;min-height:0;padding:13px 12px 22px;overflow-y:auto}.deck-leader-select>p{color:#ffffff6b;margin:0 0 12px;font-size:9px}.deck-leader-select .card[data-holo=secret]{box-shadow:none}.deck-color-select{flex:1;min-height:0;padding:16px 14px 22px;overflow-y:auto}.deck-color-select>p{color:#ffffff70;margin:0 0 14px;font-size:9px;line-height:1.6}.deck-color-select__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.deck-color-select__grid button{border:1px solid var(--deck-color);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:116px;display:flex}@supports (color:color-mix(in lab,red,red)){.deck-color-select__grid button{border:1px solid color-mix(in srgb,var(--deck-color) 45%,#31405a)}}.deck-color-select__grid button{color:#f3eddb;background:radial-gradient(circle at 50% 25%,var(--deck-color),transparent 44%),linear-gradient(160deg,#172337,#08101d 72%)}@supports (color:color-mix(in lab,red,red)){.deck-color-select__grid button{background:radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--deck-color) 27%,transparent),transparent 44%),linear-gradient(160deg,#172337,#08101d 72%)}}.deck-color-select__grid button{cursor:pointer}.deck-color-select__grid button:active{transform:scale(.98)}.deck-color-select__grid i{border:1px solid var(--deck-color);place-items:center;width:43px;height:43px;display:grid}@supports (color:color-mix(in lab,red,red)){.deck-color-select__grid i{border:1px solid color-mix(in srgb,var(--deck-color) 70%,#394356)}}.deck-color-select__grid i{color:var(--deck-color);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.deck-color-select__grid i{color:color-mix(in srgb,var(--deck-color) 70%,white)}}.deck-color-select__grid i{background:#050b15b3;font-style:normal}.deck-color-select__grid svg{width:25px;height:25px}.deck-color-select__grid strong{font-family:var(--font-family-serif);font-size:14px}.deck-color-select__grid small{color:#ffffff61;font-size:7px}.deck-color-select__grid .is-single{grid-column:1/-1;min-height:82px}.deck-leader-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.deck-leader-card{border:1px solid var(--deck-color);flex-direction:column;align-items:center;gap:8px;padding:8px 8px 11px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.deck-leader-card{border:1px solid color-mix(in srgb,var(--deck-color) 45%,#31405a)}}.deck-leader-card{color:#f3eddb;background:radial-gradient(circle at 50% 20%,var(--deck-color),transparent 38%),linear-gradient(160deg,#172337,#08101d 72%)}@supports (color:color-mix(in lab,red,red)){.deck-leader-card{background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--deck-color) 26%,transparent),transparent 38%),linear-gradient(160deg,#172337,#08101d 72%)}}.deck-leader-card{cursor:pointer}.deck-leader-card:after{content:"";background:linear-gradient(90deg,transparent,var(--deck-color),transparent);height:2px;position:absolute;bottom:7px;left:7px;right:7px}.deck-leader-card>.card{aspect-ratio:90/160;flex:none;width:min(100%,112px);height:auto}.deck-leader-card__summary{border-top:1px solid var(--deck-color);flex-direction:column;align-items:center;width:100%;min-height:64px;padding:7px 6px 3px;display:flex}@supports (color:color-mix(in lab,red,red)){.deck-leader-card__summary{border-top:1px solid color-mix(in srgb,var(--deck-color) 30%,transparent)}}.deck-leader-card__summary{background:#03080f61}.deck-leader-card__summary small{color:var(--deck-color)}@supports (color:color-mix(in lab,red,red)){.deck-leader-card__summary small{color:color-mix(in srgb,var(--deck-color) 62%,#ecd891)}}.deck-leader-card__summary small{letter-spacing:.14em;font-size:6px;font-weight:900}.deck-leader-card__summary strong{font-family:var(--font-family-serif);margin-top:4px;font-size:9px;font-weight:800}.deck-leader-card__summary p{color:#ffffff6b;margin:4px 0 0;font-size:7px;line-height:1.45}.card-description-panel__skill{color:var(--detail-color);letter-spacing:.02em;margin:6px 0 -3px;font-size:14px;font-weight:900;display:block}.deck-leader-empty{color:#ffffff57;border:1px dashed #ffffff1f;place-items:center;min-height:220px;font-size:10px;display:grid}.deck-manager--builder{background:linear-gradient(#050a12d1,#050a12d1),linear-gradient(135deg,#1d2d43,#07101d)}.deck-builder-header{background:#050a12bd;border-bottom:1px solid #dbc27329;flex:none;align-items:center;gap:9px;min-height:67px;padding:8px 10px;display:flex}.deck-builder-header__leader{flex:none;width:39px}.deck-builder-header__copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.deck-builder-header__copy input{color:#f3eddb;width:100%;font-family:var(--font-family-serif);background:0 0;border:0;outline:0;padding:0;font-size:15px;font-weight:800}.deck-builder-header__copy span,.deck-builder-header__colors{color:#ffffff5e;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.deck-builder-header__colors{text-align:left;background:0 0;border:0;width:fit-content;max-width:100%;padding:0}.deck-builder-header>strong{color:#ffffff57;min-width:41px;font-family:var(--font-family-serif);text-align:right;font-size:15px}.deck-builder-header>strong.is-complete{color:#e6c963}.deck-builder-tabs{background:#080f19d1;border-bottom:1px solid #ffffff14;flex:none;grid-template-columns:1fr 1fr;height:38px;display:grid}.deck-builder-tabs button{color:#ffffff54;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:9px;font-weight:900}.deck-builder-tabs button.is-active{color:#edd88f;background:#d3b5560e;border-bottom-color:#d7b95a}.deck-builder-body{flex:1;min-height:0;padding:10px 9px 16px;overflow-y:auto}.deck-manager .deck-card-slot{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.deck-builder-footer{background:#040910f5;border-top:1px solid #dac06f2e;flex:none;align-items:center;gap:8px;min-height:58px;padding:8px 10px;display:flex}.deck-builder-footer__status{color:#ffffff59;flex:1;min-width:0;font-size:8px}.deck-builder-footer .is-error{color:#ef7777}.deck-builder-footer .is-ready{color:#dec66f}.deck-builder-footer button{color:#110f08;cursor:pointer;background:linear-gradient(#f4db7b,#b99032);border:1px solid #e4c866;height:38px;font-size:10px;font-weight:900}.deck-builder-footer__actions{flex:none;gap:5px;display:flex}.deck-builder-footer__actions button{min-width:58px;padding:0 8px}.deck-builder-footer__actions button:last-child{min-width:76px}.deck-builder-footer__actions .is-auto{color:#dceef9;background:linear-gradient(#355d78,#193447);border-color:#6bb0dc8c}.deck-builder-footer__actions .is-delete{color:#ffd8d2;background:linear-gradient(#77352f,#391714);border-color:#cd50458c}.deck-builder-footer button:disabled{color:#ffffff3d;cursor:default;background:#ffffff0e;border-color:#ffffff1f}.deck-delete-modal{z-index:120;place-items:center;padding:22px;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.deck-delete-modal__backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#01050ac7;border:0;position:absolute;top:0;right:0;bottom:0;left:0}.deck-delete-modal>section{text-align:center;background:linear-gradient(145deg,#192434fa,#070d17fc);border:1px solid #d6bb6c52;width:min(100%,310px);padding:22px 20px 18px;position:relative;box-shadow:0 22px 54px #0000009e}.deck-delete-modal small{color:#bd9f52;letter-spacing:.18em;font-size:7px;font-weight:900}.deck-delete-modal h2{font-family:var(--font-family-serif);margin:4px 0 12px;font-size:21px}.deck-delete-modal p{color:#ffffffb8;margin:0;font-size:11px;line-height:1.6}.deck-delete-modal p strong{color:#f0d77d}.deck-delete-modal section>div{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px;display:grid}.deck-delete-modal section button{color:#ffffffc2;background:#ffffff0f;border:1px solid #ffffff24;height:38px;font-size:10px;font-weight:900}.deck-delete-modal section button:first-child{color:#ffe0db;background:linear-gradient(#80372f,#421815);border-color:#d24a3f8c}@media(max-width:390px){.deck-builder-footer{gap:5px;padding-inline:7px}.deck-builder-footer__actions{gap:3px}.deck-builder-footer__actions button,.deck-builder-footer__actions button:last-child{min-width:52px;padding-inline:5px;font-size:8px}}.match-ready{color:#fff;background:var(--gu-void);height:100%;position:relative;overflow:hidden}.match-ready__blue,.match-ready__red{position:absolute;top:0;right:0;bottom:0;left:0}.match-ready__blue{background:linear-gradient(145deg,#143f61 0,#143f61 49%,#0000 49.3%)}.match-ready__red{background:linear-gradient(325deg,#38246f 0,#38246f 48%,#0000 48.3%)}.match-ready:after{z-index:2;content:"";background:linear-gradient(#0000,#fff 38%,#f7c15d 52%,#0000);width:16px;height:80%;position:absolute;top:-12%;left:48%;transform:rotate(24deg);box-shadow:0 0 35px 12px #fff5d38c}.match-ready__enemy-art,.match-ready__player-art{z-index:1;filter:saturate(.86)contrast(1.08);background-position:50% 20%;background-size:cover;width:clamp(235px,70vw,300px);height:clamp(345px,53vh,440px);position:absolute}.match-ready__enemy-art{clip-path:polygon(14% 0,100% 0,100% 100%,0 73%);top:-36px;right:-56px}.match-ready__player-art{clip-path:polygon(0 0,100% 22%,82% 100%,0 100%);top:clamp(210px,31vh,280px);left:-78px}.match-ready__header{z-index:5;text-align:center;text-shadow:0 2px 8px #000;width:100%;position:absolute;top:clamp(28px,6.6vh,55px);left:50%;transform:translate(-50%)}.match-ready__header small{color:#e5b349;letter-spacing:.16em;font-size:8px;font-weight:900}.match-ready__header h1{color:#f0bc54;margin:3px 0 0;font-size:17px}.match-ready__enemy-name,.match-ready__player-name{z-index:5;text-shadow:0 2px 7px #000;flex-direction:column;display:flex;position:absolute}.match-ready__enemy-name{top:clamp(96px,16vh,134px);left:34px}.match-ready__player-name{align-items:flex-end;top:clamp(292px,44vh,382px);right:25px}.match-ready__enemy-name small,.match-ready__player-name small{color:#ffffff8c;letter-spacing:.12em;font-size:7px;font-weight:900}.match-ready__enemy-name strong,.match-ready__player-name strong{margin-top:3px;font-size:13px}.match-ready__versus{z-index:8;color:#fff1c7;text-align:center;background:linear-gradient(90deg,#34206e,#6647c4 52%,#34206e);width:124%;height:67px;position:absolute;top:clamp(205px,30.5vh,265px);left:50%;transform:translate(-50%)rotate(6deg);box-shadow:0 6px 18px #0000008a}.match-ready__versus span{margin-top:8px;font-size:14px;display:block}.match-ready__versus strong{color:#ffc34f;font-family:var(--font-family-serif);text-shadow:-2px -2px #5b4591,2px 2px #121c31,0 0 18px #fff;font-size:70px;font-style:italic;line-height:1;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.match-ready__deck-panel{z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070e1bed;border:1px solid #709fca4d;padding:11px 12px 12px;position:absolute;bottom:13px;left:9px;right:9px;box-shadow:0 18px 35px #000000a6}.match-ready__deck-title{justify-content:space-between;align-items:flex-end;display:flex}.match-ready__deck-title div{flex-direction:column;display:flex}.match-ready__deck-title small{color:#d4b85f;letter-spacing:.15em;font-size:7px;font-weight:900}.match-ready__deck-title strong{margin-top:2px;font-size:12px}.match-ready__deck-title>span{color:#e5c768;font-size:8px;font-weight:900}.match-ready__deck-panel>p{color:#ffffff59;margin:4px 0 7px;font-size:8px}.match-ready__cards{justify-content:center;align-items:flex-end;height:clamp(112px,20vh,165px);padding-left:13px;display:flex}.match-ready__card{transition:transform .22s,opacity .22s;position:relative}.match-ready__card .card--sm{aspect-ratio:90/160;width:clamp(58px,20vw,90px);height:auto}.match-ready__card+.match-ready__card{margin-left:clamp(-18px,-3.7vw,-10px)}.match-ready__card.is-selected{opacity:.42;transform:translateY(-12px)rotate(-3deg)}.match-ready__replace{z-index:12;color:#ff9a82;background:#4108086b;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.match-ready__confirm{color:#fff6da;background:linear-gradient(#b48a36,#6f4f17);border:1px solid #d7b666;flex-direction:column;justify-content:center;align-items:center;width:100%;height:44px;display:flex;box-shadow:inset 0 1px #ffffff2e}.match-ready__confirm span{letter-spacing:.16em;opacity:.65;font-size:6px;font-weight:900}.match-ready__confirm b{margin-top:1px;font-size:11px}.card-description-panel{--detail-color:#a8b0ba;box-sizing:border-box;border-top:1px solid var(--detail-color);padding:11px 13px 12px}@supports (color:color-mix(in lab,red,red)){.card-description-panel{border-top:1px solid color-mix(in srgb,var(--detail-color),transparent 35%)}}.card-description-panel{border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;border-left:3px solid var(--detail-color);background:linear-gradient(90deg,var(--detail-color),transparent 58%),#050c18f0}@supports (color:color-mix(in lab,red,red)){.card-description-panel{background:linear-gradient(90deg,color-mix(in srgb,var(--detail-color),transparent 86%),transparent 58%),#050c18f0}}.card-description-panel{box-shadow:0 16px 30px #00000061,inset 0 1px #ffffff06}.card-description-panel__grade{color:var(--detail-color);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:8px;font-weight:900;display:flex}.card-description-panel__grade b{letter-spacing:.04em;font-size:8px}.card-description-panel>p{color:#ffffffd6;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.card-detail-description{border-radius:2px;height:92px;overflow:hidden}.card-detail-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000061}.card-detail-card.is-moving .card--holo{animation-play-state:paused}.battle-card-detail .card[data-type=leader][data-holo=secret]{box-shadow:none}@media(hover:none),(pointer:coarse){.card-detail-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00030aa8}}.battle-card-detail{z-index:360;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.battle-card-detail__backdrop{touch-action:none;border:0;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.battle-card-detail__card{z-index:1;filter:drop-shadow(0 20px 30px #00000094);transform-origin:50%;will-change:transform;animation:.22s both battle-card-detail-fade-in;position:absolute}.battle-card-detail__card>.card--lg{width:100%;height:100%}.battle-card-detail__description{z-index:1;height:92px;animation:.24s 80ms both battle-card-detail-fade-in;position:absolute;transform:translate(-50%)}.battle-card-detail__footer{z-index:1;flex-direction:column;align-items:center;gap:7px;animation:.24s .12s both battle-card-detail-fade-in;display:flex;position:absolute;transform:translate(-50%)}.battle-card-detail__hint{color:#ffffff6b;text-align:center;min-height:12px;margin:0;font-size:8px;line-height:1.4}.battle-card-detail__actions{justify-content:center;gap:7px;display:flex}.battle-card-detail__actions button{border-radius:3px;height:38px;padding:0 20px;font-size:10px;font-weight:900;transition:transform .12s,filter .12s,opacity .12s}.battle-card-detail__actions button:active:not(:disabled){transform:scale(.96)}.battle-card-detail__use{color:#fff4cf;background:linear-gradient(#9e7424,#574015);border:1px solid #d7b65ea3;box-shadow:inset 0 1px #ffffff29}.battle-card-detail__use:disabled{opacity:.32}.battle-card-detail__close{color:#ffffff9e;background:#ffffff0f;border:1px solid #ffffff21}@keyframes battle-card-detail-fade-in{0%{opacity:0}to{opacity:1}}@media(max-height:520px){.battle-card-detail__hint{display:none}.battle-card-detail__actions button{height:34px}}.battle-screen{--battle-hand-height:clamp(148px, 19vh, 176px);--battle-hand-card-width:clamp(66px, 20.5vw, 90px);--battle-hand-card-height:calc(var(--battle-hand-card-width) * 1.7778);--battle-field-card-width:clamp(68px, 22.4vw, 96px);--battle-divider-spacing:clamp(20px, 2.5vh, 25px);height:100%;color:var(--gu-text);-webkit-user-select:none;user-select:none;background:0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.battle-screen.has-field-bg:after{content:"";z-index:0;background:var(--field-bg) center / cover no-repeat;opacity:0;pointer-events:none;animation:.8s ease-out forwards field-bg-fade-in;position:absolute;top:0;right:0;bottom:0;left:0}.battle-skill-target-hint{z-index:80;color:#fff4ce;cursor:pointer;background:#080e1ae6;border:1px solid #f2cf669e;border-radius:20px;padding:8px 13px;font-size:9px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 22px #e0b53938}.battle-field-card.is-skill-target{z-index:22;cursor:crosshair;border-radius:.5rem;animation:.9s ease-in-out infinite alternate battle-skill-target-pulse;box-shadow:0 0 0 2px #f6d669d1,0 0 18px #f4be3080}@keyframes battle-skill-target-pulse{to{box-shadow:0 0 0 3px #ffe88ff2,0 0 28px #ffc631b8}}@keyframes field-bg-fade-in{to{opacity:.35}}.battle-camera{z-index:1;transform-origin:50%;backface-visibility:hidden;flex-direction:column;width:100%;height:100%;display:flex;position:relative;transform:translate(0)}.battle-screen.is-hit-stop .battle-camera,.battle-screen.is-hit-stop .battle-camera *{animation-play-state:paused!important}.battle-screen.is-hit-stop .battle-camera{filter:brightness(1.13)contrast(1.08)}.battle-screen:before{display:none}.battle-screen__menu{z-index:310;cursor:pointer;background:#00000047;border:1px solid #ffffff1f;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;display:flex;position:absolute;top:10px;left:10px}.battle-screen__menu span{background:#ffffff8c;width:14px;height:1px}.battle-settings{z-index:300;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#2c3748f5,#080f1bfa),#08101d;border:1px solid #d3b96c4d;border-radius:4px;width:min(294px,100% - 20px);padding:14px;position:absolute;top:51px;left:10px;box-shadow:0 18px 50px #000000a6,inset 0 1px #ffffff12}.battle-settings__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-start;padding-bottom:11px;display:flex}.battle-settings__header div{flex-direction:column;display:flex}.battle-settings__header small{color:#d3b96c99;letter-spacing:.18em;font-size:6px;font-weight:900}.battle-settings__header strong{color:#fff5d7;margin-top:3px;font-size:13px}.battle-settings__header button{color:#ffffff8f;background:#ffffff0a;border:1px solid #ffffff1a;width:24px;height:24px;font-size:16px;line-height:1}.battle-settings__row{cursor:pointer;justify-content:space-between;align-items:center;min-height:55px;display:flex;position:relative}.battle-settings__row>span{flex-direction:column;display:flex}.battle-settings__row b{color:#ffffffd6;font-size:10px}.battle-settings__row small{color:#ffffff57;margin-top:3px;font-size:6px}.battle-settings__row input{opacity:0;pointer-events:none;position:absolute}.battle-settings__row i{background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;width:36px;height:19px;transition:all .16s;position:relative}.battle-settings__row i:after{content:"";background:#ffffff8f;border-radius:50%;width:13px;height:13px;transition:all .18s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px}.battle-settings__row input:checked+i{background:#9e6d1dad;border-color:#d6b4549e;box-shadow:0 0 10px #d6b45433}.battle-settings__row input:checked+i:after{background:#fff0b5;transform:translate(17px)}.battle-settings__home{color:#ffdcd1ad;background:#711e1538;border:1px solid #c1402959;width:100%;height:31px;font-size:8px}.battle-screen__enemy{z-index:1;flex:none;height:clamp(220px,30vh,280px);position:relative}.battle-enemy-leader{background:#101b2c;height:100%;position:relative;overflow:hidden}.battle-enemy-leader__art{filter:saturate(.8)contrast(1.07);background-position:50% 20%;background-size:cover;position:absolute;top:-95px;right:-28px;bottom:-120px;left:62px}.battle-enemy-leader__shade{background:linear-gradient(90deg,#050a14ed,#0000 46%),linear-gradient(0deg,#07101d 0,#0000 58%),linear-gradient(#00000057,#0000 28%);position:absolute;top:0;right:0;bottom:0;left:0}.battle-leader-name{z-index:4;flex-direction:column;display:flex;position:absolute}.battle-leader-name--enemy{top:13px;left:54px}.battle-leader-name small{color:#c6af62;letter-spacing:.15em;font-size:7px;font-weight:900}.battle-leader-name strong{color:#ffffffc7;margin-top:2px;font-size:11px}.battle-enemy-leader__hud{z-index:5;justify-content:flex-start;align-items:center;gap:5px;display:flex;position:absolute;bottom:70px;left:10px;right:9px}.battle-enemy-leader__portrait{background-position:50% 22%;background-size:145%;border:1px solid #85764a;width:52px;height:54px;position:relative;overflow:hidden}.battle-field-row{z-index:10;flex:none;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.battle-field-grid{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,var(--battle-field-card-width)));justify-content:space-between;align-items:center;gap:clamp(2px,1.4vw,6px);width:100%;padding-inline:clamp(5px,1.5vw,7px);display:grid}.battle-field-row [data-slot]{aspect-ratio:9/16;width:var(--battle-field-card-width)!important;height:auto!important}.battle-field-card>.card--sm{width:100%;height:100%}.battle-field-row--enemy{margin-top:-50px}.battle-field-row--player{margin-top:0}.battle-divider{z-index:11;height:18px;margin-block:var(--battle-divider-spacing);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.battle-divider:before,.battle-divider:after{content:"";background:linear-gradient(90deg,#0000,#d6c07640);width:35%;height:1px}.battle-divider:after{transform:scaleX(-1)}.battle-divider span{color:#deca8785;letter-spacing:.15em;padding:0 7px;font-size:10pt;font-weight:900}.battle-screen__player{z-index:30;flex:none;height:64px;margin-top:auto;margin-bottom:24px;position:relative;transform:translateY(-5pt)}.battle-player-leader{border-top:1px solid var(--gu-line);border-bottom:1px solid var(--gu-line-soft);background:linear-gradient(90deg,#7156d940,#0000 50%),#060d19eb;align-items:center;gap:5px;height:64px;padding:5px 7px;display:flex}.battle-leader-portrait-wrap{flex:none;width:52px;height:54px;position:relative}.battle-player-leader__portrait{background-position:50% 22%;background-size:145%;border:1px solid #85764a;flex:none;width:100%;height:100%;position:relative;overflow:hidden}.battle-player-leader__vitals,.battle-resource-cluster{flex:none;align-items:center;gap:4px;display:flex}.battle-resource-cluster--player,.battle-resource-cluster--enemy+.battle-skill-button{margin-left:auto}.battle-liquid-gauge{--battle-liquid-level:0%;--battle-liquid-deep:#081d52;--battle-liquid-mid:#0759cd;--battle-liquid-light:#4dbbff;--battle-liquid-glow:#2c8eff8c;--battle-liquid-ring:#5d7597;border:3px solid var(--battle-liquid-ring);width:44px;height:44px;box-shadow:inset 0 0 0 2px #000000e0,inset 0 0 6px #ffffff1a,0 0 11px var(--battle-liquid-glow),0 4px 9px #00000085;isolation:isolate;background:linear-gradient(145deg,#ffffff1f,#0000 30%),#090d14;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.battle-liquid-gauge--hp{--battle-liquid-deep:#3d0508;--battle-liquid-mid:#a40f18;--battle-liquid-light:#ff4c43;--battle-liquid-glow:#de222875;--battle-liquid-ring:#876b55;width:56px;height:56px}.battle-liquid-gauge--large{width:64px;height:64px}.battle-liquid-gauge:before{z-index:5;border-radius:inherit;content:"";pointer-events:none;border:1px solid #eae2c638;position:absolute;top:1px;right:1px;bottom:1px;left:1px;box-shadow:inset 0 0 0 1px #000000b3,inset 0 0 8px #000000bf}.battle-liquid-gauge__well{z-index:0;background:radial-gradient(circle at 50% 68%,#ffffff12,#0000 42%),#050911;border-radius:50%;position:absolute;top:3px;right:3px;bottom:3px;left:3px;overflow:hidden;box-shadow:inset 0 0 9px #000000eb}.battle-liquid-gauge__fill{height:var(--battle-liquid-level);background:radial-gradient(circle at 68% 26%,#ffffff57,transparent 13%),radial-gradient(circle at 32% 66%,#ffffff24,transparent 18%),linear-gradient(90deg,var(--battle-liquid-deep),var(--battle-liquid-mid) 48%,var(--battle-liquid-light));min-height:0;box-shadow:inset 7px 0 9px #0000004d,inset -6px 0 8px #ffffff1a,0 -2px 7px var(--battle-liquid-glow);will-change:height;transition:height .68s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-2px;left:-8%;right:-8%}.battle-liquid-gauge__wave{background:var(--battle-liquid-light);border-radius:42% 58% 48% 52%;width:150%;height:9px;position:absolute;top:-4px;left:-25%}@supports (color:color-mix(in lab,red,red)){.battle-liquid-gauge__wave{background:color-mix(in srgb,var(--battle-liquid-light) 82%,white)}}.battle-liquid-gauge__wave{opacity:.76;transform-origin:50%}.battle-liquid-gauge__wave--front{animation:2.4s ease-in-out infinite battle-liquid-wave-front}.battle-liquid-gauge__wave--back{background:var(--battle-liquid-mid);opacity:.52;animation:3.1s ease-in-out infinite reverse battle-liquid-wave-back;top:-2px}.battle-liquid-gauge__value,.battle-liquid-gauge__max{z-index:8;color:#fff;-webkit-text-stroke:1px #050609;paint-order:stroke fill;text-shadow:0 1px 1px #000,0 0 3px #000000f2;font-weight:950;line-height:1;position:relative}.battle-liquid-gauge__value{font-size:15px}.battle-liquid-gauge--hp .battle-liquid-gauge__value{font-size:19px}.battle-liquid-gauge--large .battle-liquid-gauge__value{font-size:23px}.battle-liquid-gauge__max{text-align:center;-webkit-text-stroke-width:.65px;font-size:6px;position:absolute;bottom:2px;left:0;right:0}.battle-liquid-gauge__shine{z-index:6;filter:blur(.5px);opacity:.48;pointer-events:none;background:linear-gradient(#ffffff75,#0000);border-radius:50%;width:22%;height:38%;position:absolute;top:8%;left:16%;transform:rotate(25deg)}@keyframes battle-liquid-wave-front{0%,to{transform:translate(-5%)rotate(-2deg)scaleY(.8)}50%{transform:translate(5%)rotate(2deg)scaleY(1.15)}}@keyframes battle-liquid-wave-back{0%,to{transform:translate(4%)rotate(1deg)scaleY(1)}50%{transform:translate(-4%)rotate(-2deg)scaleY(.72)}}.battle-silver-resource{color:#e5e9ef;background:radial-gradient(circle at 34% 28%,#ffffff38,#0000 28%),linear-gradient(145deg,#53606f,#1a2330 62%,#080e17);border:1px solid #c5cdd93d;border-radius:50%;flex:none;place-items:center;width:41px;height:41px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #e4ebf20f,0 4px 10px #00000061}.battle-silver-resource span{color:#ecf1f694;text-align:center;font-size:6px;font-weight:900;line-height:1;position:absolute;bottom:3px;left:0;right:0}.battle-silver-resource b{color:#f6f8fb;font-size:12px;line-height:1}.battle-card-count{color:#e5ebf2b8;white-space:nowrap;background:#03080fe0;border:1px solid #ffffff1a;border-radius:9px;justify-content:center;align-items:center;gap:3px;min-width:29px;height:16px;padding:0 5px;font-size:7px;line-height:1;display:inline-flex;box-shadow:0 3px 8px #00000075}.battle-card-count i{color:#9dafc3b8;font-size:8px;font-style:normal}.battle-card-count b{font-size:8px}.battle-card-count--combined{border-color:#9d8fb53d;gap:2px;padding-left:6px;padding-right:6px}.battle-card-count--combined em{color:#fff3;margin:0 1px;font-size:7px;font-style:normal}.battle-leader-portrait-wrap>.battle-card-count{z-index:8;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.battle-end-turn-stack{flex:none;align-items:center;display:flex;position:relative}.battle-skill-button{color:#d5a9ff;text-align:center;background:#55277752;border:1px solid #a169d773;border-radius:50%;flex:none;place-content:center;width:33px;height:33px;display:grid}.battle-skill-button span{font-size:4px;font-weight:900}.battle-skill-button b{font-size:12px;line-height:.8}.battle-skill-button--enemy{opacity:.72;cursor:default}.battle-skill-button--enemy.is-cooling{opacity:.42}.battle-skill-button:disabled{opacity:.25}.battle-end-turn{color:#ffffff47;background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:61px;height:41px;display:flex}.battle-end-turn.is-active{color:#ffe2d5;background:linear-gradient(#9e2e1c,#52130c);border-color:#db4f308a;box-shadow:0 0 12px #d140252e}.battle-end-turn b{font-size:12px}.battle-hand{z-index:40;height:var(--battle-hand-height);border-top:1px solid var(--gu-line-soft);background:linear-gradient(#0000,#000000d9),#07101d;flex:none;position:relative}.battle-hand-zone{height:var(--battle-hand-height)}.battle-hand-zone .card--sm{width:var(--battle-hand-card-width);height:var(--battle-hand-card-height)}.battle-hand-card__base{transition:opacity 80ms;position:relative}.battle-hand-card__base.is-hidden{opacity:0}.battle-hand-card__focus{--battle-hand-counter-rotation:0deg;--battle-hand-focus-shift:0px;z-index:2;pointer-events:none;transform-origin:50% 100%;will-change:transform;animation:.24s cubic-bezier(.22,1,.36,1) both battle-hand-focus-pop;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes battle-hand-focus-pop{0%{transform:translate(0) rotate(var(--battle-hand-counter-rotation)) scale(1)}70%{transform:translate(var(--battle-hand-focus-shift),-33px) rotate(var(--battle-hand-counter-rotation)) scale(3.08)}to{transform:translate(var(--battle-hand-focus-shift),-30px) rotate(var(--battle-hand-counter-rotation)) scale(3)}}.battle-hand__label{z-index:30;color:#d9c58273;letter-spacing:.1em;align-items:center;gap:4px;font-size:6px;font-weight:900;display:flex;position:absolute;top:5px;left:8px}.battle-hand__label b{border:1px solid #dac6833d;border-radius:50%;place-items:center;width:13px;height:13px;font-size:6px;display:grid}.battle-drag-overlay{z-index:500;transform-origin:50% 65%;will-change:left,top,transform;transition:left 90ms cubic-bezier(.22,1,.36,1),top 90ms cubic-bezier(.22,1,.36,1),transform 90ms ease-out}.battle-drag-overlay__card{opacity:.96;filter:drop-shadow(0 20px 28px #000000c7)}.battle-drag-overlay.is-snapped .battle-drag-overlay__card{filter:drop-shadow(0 12px 22px #000000ad)drop-shadow(0 0 9px #54bee857);animation:.18s cubic-bezier(.34,1.56,.64,1) battle-magnetic-lock}@keyframes battle-magnetic-lock{0%{transform:scale(1.08)}55%{transform:scale(.96)}to{transform:scale(1)}}.battle-drag-overlay__silver{background:radial-gradient(circle at 36% 30%,#ffffff40,#0000 32%),linear-gradient(145deg,#bfa142,#7a6520 62%,#3e3210);border:2px solid #ffd70099;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:52px;height:52px;line-height:1;display:flex;box-shadow:0 0 16px #ffd70066,0 8px 24px #0009}.battle-drag-overlay__silver b{color:#fff;font-size:16px;font-weight:900}.battle-drag-overlay__silver span{color:#ffffc8d9;font-size:9px;font-weight:700}.battle-drag-overlay.is-snapped .battle-drag-overlay__silver{border-color:#54e878b3;animation:.18s cubic-bezier(.34,1.56,.64,1) battle-magnetic-lock;box-shadow:0 0 18px #54e87880,0 8px 24px #00000080}.battle-silver-resource--draggable{cursor:grab;outline:2px solid #0000;transition:outline-color .2s,box-shadow .2s}.battle-silver-resource--draggable:hover{outline-color:#ffd70080;box-shadow:inset 0 0 0 2px #e4ebf20f,0 4px 10px #00000061,0 0 10px #ffd7004d}.battle-taunt-shield{z-index:18;opacity:.58;filter:drop-shadow(0 0 5px #5bc4ff9e)drop-shadow(0 0 10px #ddc26842);pointer-events:none;animation:2.2s ease-in-out infinite battle-taunt-shield-breathe;position:absolute;top:20%;right:-4px;bottom:20%;left:-4px}.battle-taunt-shield:before,.battle-taunt-shield:after{content:"";clip-path:polygon(50% 0,91% 12%,86% 68%,72% 86%,50% 100%,28% 86%,14% 68%,9% 12%);position:absolute}.battle-taunt-shield:before{background:linear-gradient(135deg,#e0f7ffdb,#409cd86b 35%,#e4c25c94 78%,#fff5c4c2);top:1px;right:1px;bottom:1px;left:1px}.battle-taunt-shield:after{background:linear-gradient(145deg,#84daff29,#0818300f 48%,#ffdd6f21);top:4px;right:4px;bottom:4px;left:4px;box-shadow:inset 0 0 11px #b9e8ff40,inset 0 -8px 13px #184d802e}.battle-card-sleep{z-index:26;border-radius:inherit;pointer-events:none;background:#0003;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.battle-card-sleep__zzz{color:#dff5ff;font-family:var(--font-display);filter:drop-shadow(0 1px 1px #000a1ef2)drop-shadow(0 0 4px #64cfffe6);align-items:flex-end;font-style:normal;font-weight:900;display:flex;position:absolute;top:10%;right:5%;transform:rotate(-10deg)}.battle-card-sleep__zzz i{opacity:0;font-style:normal;line-height:1;animation:1.8s ease-in-out infinite battle-sleep-z-float;display:block}.battle-card-sleep__zzz i:first-child{font-size:7px;animation-delay:0s}.battle-card-sleep__zzz i:nth-child(2){margin:0 0 5px 1px;font-size:10px;animation-delay:.18s}.battle-card-sleep__zzz i:nth-child(3){margin:0 0 11px 1px;font-size:15px;animation-delay:.36s}@keyframes battle-taunt-shield-breathe{0%,to{opacity:.48;transform:scale(.985)}50%{opacity:.68;transform:scale(1.015)}}@keyframes battle-sleep-z-float{0%,18%{opacity:0;transform:translateY(4px)scale(.72)}35%,72%{opacity:.96}to{opacity:0;transform:translate(2px,-8px)scale(1.08)}}.battle-field-card.is-shattering>.card{animation:.44s cubic-bezier(.4,0,1,1) forwards battle-card-collapse}.battle-card-shards{z-index:45;pointer-events:none;position:absolute;top:3px;right:3px;bottom:3px;left:3px;overflow:visible}.battle-card-shards i{opacity:0;background-image:linear-gradient(135deg,#ecd37e33,transparent 45%),var(--shard-art);clip-path:polygon(8% 0,100% 12%,86% 100%,0 78%);background-repeat:no-repeat;background-size:270% 270%;border:1px solid #e7d8ab57;width:34%;height:34%;animation:.44s cubic-bezier(.18,.72,.3,1) forwards battle-shard-flight;position:absolute}.battle-card-shards i:first-child{--dx:-35px;--dy:-31px;--rot:-38deg;background-position:0 0;top:0;left:0}.battle-card-shards i:nth-child(2){--dx:4px;--dy:-42px;--rot:31deg;background-position:50% 0;top:0;left:33%}.battle-card-shards i:nth-child(3){--dx:38px;--dy:-27px;--rot:46deg;background-position:100% 0;top:0;left:66%}.battle-card-shards i:nth-child(4){--dx:-47px;--dy:-2px;--rot:22deg;background-position:0;top:33%;left:0}.battle-card-shards i:nth-child(5){--dx:-3px;--dy:14px;--rot:-19deg;background-position:50%;top:33%;left:33%}.battle-card-shards i:nth-child(6){--dx:45px;--dy:4px;--rot:-35deg;background-position:100%;top:33%;left:66%}.battle-card-shards i:nth-child(7){--dx:-34px;--dy:43px;--rot:-48deg;background-position:0 100%;top:66%;left:0}.battle-card-shards i:nth-child(8){--dx:2px;--dy:55px;--rot:28deg;background-position:50% 100%;top:66%;left:33%}.battle-card-shards i:nth-child(9){--dx:40px;--dy:45px;--rot:52deg;background-position:100% 100%;top:66%;left:66%}@keyframes battle-card-collapse{0%{filter:brightness();opacity:1;transform:scale(1)}22%{filter:brightness(2.2)saturate(.5);opacity:1;transform:scale(1.035)}44%{filter:brightness(.5);opacity:.55;transform:scale(.98)}to{filter:brightness(0);opacity:0;transform:scale(.82)}}@keyframes battle-shard-flight{0%,18%{opacity:0;transform:translate(0)rotate(0)scale(.92)}24%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.55)}}.battle-field-card.is-attack-source{visibility:hidden}.battle-attack-layer{z-index:245;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.battle-attacking-card{transform-origin:50% 55%;filter:drop-shadow(0 22px 24px #000000c7)drop-shadow(0 0 11px #e0c26f3d);will-change:transform;z-index:1!important;pointer-events:none!important;margin:0!important;position:absolute!important}.battle-attacking-card>.card--sm{width:100%;height:100%}.battle-draw-card{z-index:255;opacity:0;pointer-events:none;filter:drop-shadow(0 16px 18px #000000c2)drop-shadow(0 0 8px #73aeff47);transform-origin:50%;will-change:transform,opacity;position:absolute;top:0;left:0}.battle-draw-card>.card--sm{width:100%;height:100%}.battle-combat-vfx{--impact-color:255, 224, 143;z-index:250;pointer-events:none;width:70px;position:absolute;overflow:visible;transform:translate(-50%)}.battle-combat-vfx.is-medium{--impact-color:255, 155, 72;width:82px}.battle-combat-vfx.is-high{--impact-color:255, 71, 45;width:96px}.battle-combat-vfx__trail{background:linear-gradient(180deg,transparent,rgba(var(--impact-color),.18) 20%,rgba(var(--impact-color),.95) 78%,white);filter:blur(2px);transform-origin:bottom;border-radius:50%;width:10px;animation:.47s cubic-bezier(.16,.74,.22,1) forwards battle-trail-up;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)scaleY(0)}.battle-combat-vfx.is-spell .battle-combat-vfx__trail{background:linear-gradient(180deg,transparent,#69cfffc7 54%,rgba(var(--impact-color),.96));width:22px}.battle-combat-vfx.is-reversed .battle-combat-vfx__trail{background:linear-gradient(0deg,transparent,rgba(var(--impact-color),.18) 20%,rgba(var(--impact-color),.95) 78%,white);transform-origin:top;animation-name:battle-trail-down}.battle-combat-vfx__strike{background:radial-gradient(circle,white 0 5%,rgba(var(--impact-color),.9) 12%,transparent 64%);height:42px;filter:blur(.4px) drop-shadow(0 0 13px rgba(var(--impact-color),.75));border-radius:50%;animation:.47s cubic-bezier(.18,.8,.22,1) forwards battle-strike-up;position:absolute;bottom:0;left:15px;right:15px}.battle-combat-vfx.is-reversed .battle-combat-vfx__strike{animation-name:battle-strike-down;top:0;bottom:auto}.battle-combat-vfx__impact{border:2px solid rgba(var(--impact-color),.78);opacity:0;background:repeating-conic-gradient(from 8deg,rgba(var(--impact-color),.9) 0 3deg,transparent 3deg 24deg);width:70px;height:70px;filter:drop-shadow(0 0 12px rgba(var(--impact-color),.8));border-radius:50%;animation:.47s ease-out forwards battle-impact-burst;position:absolute;top:-32px;left:50%;transform:translate(-50%)scale(.18)}.battle-combat-vfx.is-reversed .battle-combat-vfx__impact{top:auto;bottom:-32px}.battle-combat-vfx>strong{z-index:3;opacity:0;color:#fff6db;font-family:var(--font-display);text-shadow:0 2px 2px #270601,0 0 10px rgba(var(--impact-color),1);font-size:18px;animation:.47s cubic-bezier(.2,.86,.3,1) forwards battle-damage-number;position:absolute;top:-17px;left:50%;transform:translate(-50%)scale(.5)}.battle-combat-vfx.is-high>strong{font-size:23px}.battle-combat-vfx.is-reversed>strong{top:auto;bottom:-17px}@keyframes battle-trail-up{0%{opacity:0;transform:translate(-50%)scaleY(0)}12%{opacity:1}28%,62%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1)}}@keyframes battle-trail-down{0%{opacity:0;transform:translate(-50%)scaleY(0)}12%{opacity:1}28%,62%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1)}}@keyframes battle-strike-up{0%{opacity:0;bottom:0;transform:scale(.55)}10%{opacity:1}28%,62%{opacity:1;bottom:calc(100% - 21px);transform:scale(1)}to{opacity:0;bottom:calc(100% - 21px);transform:scale(1.3)}}@keyframes battle-strike-down{0%{opacity:0;top:0;transform:scale(.55)}10%{opacity:1}28%,62%{opacity:1;top:calc(100% - 21px);transform:scale(1)}to{opacity:0;top:calc(100% - 21px);transform:scale(1.3)}}@keyframes battle-impact-burst{0%,24%{opacity:0;transform:translate(-50%)scale(.15)rotate(0)}29%{opacity:1;transform:translate(-50%)scale(.45)rotate(8deg)}62%{opacity:.85;transform:translate(-50%)scale(1.05)rotate(18deg)}to{opacity:0;transform:translate(-50%)scale(1.45)rotate(28deg)}}@keyframes battle-damage-number{0%,27%{opacity:0;transform:translate(-50%,2px)scale(.45)}31%,62%{opacity:1;transform:translate(-50%,-8px)scale(1.08)}to{opacity:0;transform:translate(-50%,-26px)scale(.92)}}@keyframes lobby-sigil-turn{to{transform:rotate(360deg)}}@media(min-width:700px){.kd-viewport{align-items:center}.kd-mobile-frame{height:min(var(--kd-viewport-height,100dvh),932px);border:1px solid #dac98b2e;border-radius:18px;max-height:932px}}@media(max-width:390px){.shop-pack-grid{gap:3px;padding-left:4px;padding-right:4px}.deck-book{padding-left:12px;padding-right:7px}.deck-card-grid{gap:3px}.shop-pack-item__info h2{font-size:9px}.shop-pack-item__info p,.shop-pack-item__info em{font-size:6px}.match-ready__deck-panel{padding-left:8px;padding-right:8px;left:6px;right:6px}}@media(max-width:350px){.kd-topbar{gap:5px;padding-left:7px;padding-right:7px}.kd-topbar__avatar{width:36px;height:36px}.kd-topbar__identity{min-width:0}.kd-topbar__identity small{display:none}.kd-topbar__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.kd-topbar__resources{gap:2px}.kd-topbar__resources>div{gap:2px;padding-right:4px}.kd-topbar__settings{width:25px;height:25px}.kd-tabbar__item{gap:5px}.kd-tabbar__item i{font-size:18px}.lobby-hero__copy{width:min(190px,60vw);left:13px}.lobby-hero__copy h1{font-size:24px}.lobby-rank-seal{width:52px;height:52px;right:10px}.lobby-content{padding-left:8px;padding-right:8px}.lobby-quick-actions{gap:5px}.shop-header,.deck-header{min-height:60px;padding-left:9px;padding-right:9px}.shop-header h1,.deck-header h1{font-size:19px}.deck-header__tabs button{padding:5px;font-size:7px}.shop-daily{gap:7px;margin-left:8px;margin-right:8px;padding:10px 8px}.shop-daily__stamp{width:41px;height:41px}.shop-daily button{padding:7px;font-size:7px}.match-ready__enemy-name{left:18px}.match-ready__player-name{right:16px}.match-ready__versus strong{font-size:58px}.battle-player-leader{gap:4px;padding-left:4px;padding-right:4px}.battle-leader-portrait-wrap{width:46px}.battle-silver-resource{width:38px;height:38px}.battle-end-turn{min-width:54px}}@media(max-height:760px){.lobby-hero{height:220px}.lobby-hero__portrait{top:-88px}.match-ready__deck-panel{bottom:6px}.match-ready__cards{height:130px}.match-ready__deck-panel{padding-top:8px;padding-bottom:8px}.battle-screen__enemy{height:190px}.battle-field-row--enemy{margin-top:-45px}.battle-screen{--battle-hand-height:148px;--battle-divider-spacing:16px}}@media(max-height:680px){.kd-topbar{min-height:50px;padding-top:5px;padding-bottom:5px}.kd-topbar__avatar{width:36px;height:36px}.kd-tabbar{min-height:54px}.lobby-hero{height:190px}.lobby-hero__portrait{top:-105px}.lobby-hero__copy{bottom:17px}.match-ready__header{top:20px}.match-ready__enemy-name{top:78px}.match-ready__versus{height:56px;top:175px}.match-ready__versus strong{font-size:58px}.match-ready__player-art{top:188px}.match-ready__player-name{top:258px}.match-ready__cards{height:106px}.match-ready__deck-panel>p{margin-bottom:4px}.match-ready__confirm{height:38px}.battle-screen{--battle-hand-height:132px;--battle-divider-spacing:11px}.battle-screen__enemy{height:164px}.battle-field-row{height:min(160px,calc(var(--battle-field-card-width) * 1.7778))}.battle-field-row--enemy{margin-top:-37px}.battle-screen__player{margin-bottom:10px}}.login-page{background:radial-gradient(circle at 50% 30%,#35b9d614,#0000 50%),radial-gradient(circle at 80% 80%,#7156d91a,#0000 40%),#030611;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;padding:32px 24px;display:flex;position:relative;overflow:hidden}.login-floating-bg{z-index:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.login-floating-card{left:0;top:var(--fc-y);width:var(--fc-size);opacity:var(--fc-opacity);animation:login-fly var(--fc-dur) linear var(--fc-delay) infinite;filter:blur(1.5px);will-change:transform;border-radius:6px;position:absolute;overflow:hidden}.login-floating-card img{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:100%}@keyframes login-fly{0%{transform:translate(calc(-1 * var(--fc-size) - 20px)) translateY(0) rotate(var(--fc-rotate))}50%{transform:translate(50vw) translateY(var(--fc-drift)) rotate(calc(var(--fc-rotate) + 4deg))}to{transform:translate(calc(100vw + 20px)) translateY(0) rotate(var(--fc-rotate))}}.login-center-card{z-index:1;filter:drop-shadow(0 0 40px #7156d94d)drop-shadow(0 8px 24px #00000080);width:clamp(100px,28vw,160px);animation:4s ease-in-out infinite login-card-hover;position:relative}.login-center-card img{border-radius:10px;width:100%}@keyframes login-card-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-card{z-index:1;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:300px;display:flex;position:relative}.login-card__title{color:#fff6;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;font-size:.75rem}.login-buttons{flex-direction:column;gap:10px;width:100%;display:flex}.login-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 20px;font-size:.9rem;font-weight:600;transition:transform .12s,filter .12s;display:flex}.login-btn:active{filter:brightness(.92);transform:scale(.97)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn--google{color:#1f1f1f;background:#fff}.login-btn--kakao{color:#1a1a1a;background:#fee500}.login-error{color:#e64d4d;text-align:center;background:#a3292926;border:1px solid #a329294d;border-radius:8px;width:100%;padding:8px 12px;font-size:.78rem}.login-footnote{color:#ffffff38;text-align:center;margin-top:4px;font-size:.65rem;line-height:1.5}.kd-loading-screen{background:#0b0b12;width:100%;height:100%}@media(max-height:760px){.login-page{gap:20px;padding-top:20px;padding-bottom:20px}.login-center-card{width:clamp(80px,22vw,120px)}}@media(max-height:680px){.login-page{gap:14px}.login-center-card{width:clamp(70px,18vw,100px)}}@media(max-height:560px){.battle-screen{--battle-hand-height:clamp(82px, 17vh, 96px);--battle-hand-card-width:clamp(52px, 14vh, 70px);--battle-field-card-width:clamp(52px, 13vh, 70px);--battle-divider-spacing:9px}.battle-screen__enemy{height:clamp(100px,20vh,110px)}.battle-enemy-leader__art{top:-70px;right:-18px;bottom:-80px;left:52px}.battle-enemy-leader__vitals{transform-origin:0 0;top:42px;transform:scale(.78)}.battle-field-row--enemy{margin-top:-26px}.battle-divider{height:14px}.battle-screen__player{margin-bottom:4px}.battle-player-leader{transform-origin:50%;transform:scale(.88)}.match-ready__deck-panel{padding-top:6px;padding-bottom:6px}.match-ready__cards{height:86px}.match-ready__card .card--sm{width:clamp(46px,14vh,62px)}.match-ready__deck-panel>p{display:none}.login-page{gap:10px;padding:12px 20px}.login-center-card{width:clamp(60px,16vw,80px)}}.friendly-lobby{color:#eee9dc;background:radial-gradient(circle at 50% 34%,#35b9d621,#0000 28%),radial-gradient(circle at 50% 67%,#694bbe26,#0000 35%),linear-gradient(165deg,#101b2f,#050a14 66%);height:100%;position:relative;overflow:hidden}.friendly-lobby:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 50%,#d2bc7006 0 1deg,transparent 1deg 15deg),radial-gradient(circle at 50% 50%,transparent 0 33%,#d5bd6a12 33.2% 33.5%,transparent 33.7%);pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.friendly-lobby__header{z-index:3;height:64px;padding:max(8px,env(safe-area-inset-top)) 14px 8px;background:linear-gradient(#111f34f5,#070e1adb);border-bottom:1px solid #dbc47626;align-items:center;gap:12px;display:flex;position:relative}.friendly-lobby__header>button{color:#e9debd;background:#040a1480;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:38px;height:38px;font-family:sans-serif;font-size:27px;line-height:1;display:grid}.friendly-lobby__header>div{flex-direction:column;gap:2px;display:flex}.friendly-lobby__header small,.friendly-menu__copy small,.friendly-join small,.friendly-room section>small,.friendly-room__invite>small{color:var(--gu-gold);letter-spacing:.18em;font-size:7px;font-weight:900}.friendly-lobby__header strong{font-family:var(--font-family-serif);font-size:17px}.friendly-menu,.friendly-join,.friendly-room{z-index:1;height:calc(100% - 64px);position:relative}.friendly-menu{text-align:center;flex-direction:column;align-items:center;padding:clamp(36px,8vh,72px) 20px 22px;display:flex}.friendly-menu__crest{background:radial-gradient(circle,#6748c242,#0000 56%),#070f1dc2;border:1px solid #dfc77575;border-radius:50%;place-items:center;width:126px;height:126px;display:grid;box-shadow:inset 0 0 0 8px #d5bb5f0a,0 0 35px #48a5d121}.friendly-menu__crest:before,.friendly-menu__crest:after{content:"";background:linear-gradient(90deg,#0000,#d5b95e,#0000);width:102px;height:1px;position:absolute;transform:rotate(45deg)}.friendly-menu__crest:after{transform:rotate(-45deg)}.friendly-menu__crest span{z-index:1;color:#f3db83;font-family:var(--font-family-serif);text-shadow:0 0 18px #eccc6147;font-size:30px}.friendly-menu__copy{margin-top:26px}.friendly-menu__copy h1,.friendly-join h1{font-family:var(--font-family-serif);letter-spacing:-.04em;margin:7px 0 6px;font-size:25px}.friendly-menu__copy p,.friendly-join p{color:#ece8d878;max-width:300px;margin:0 auto;font-size:10px;line-height:1.65}.friendly-menu__actions{gap:9px;width:100%;margin-top:auto;display:grid}.friendly-menu__actions button{color:#e8e5da;text-align:left;background:linear-gradient(100deg,#34b9d512,#0000 62%),#0b1626e6;border:1px solid #dcc77d2b;align-items:center;gap:13px;min-height:64px;padding:10px 15px;display:flex}.friendly-menu__actions button.is-primary{background:linear-gradient(100deg,#be902838,#0000 68%),#121c2bf5;border-color:#debe537a}.friendly-menu__actions i{color:#eed67d;border:1px solid #dfc36557;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-style:normal;display:grid}.friendly-menu__actions span,.friendly-menu__actions b,.friendly-menu__actions small{display:block}.friendly-menu__actions b{font-size:13px}.friendly-menu__actions small{color:#ffffff57;margin-top:3px;font-size:8px}.friendly-join{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.friendly-join input{color:#f5df8d;width:100%;font-family:var(--font-family-serif);letter-spacing:.28em;text-align:center;text-indent:.28em;background:#050c18bd;border:1px solid #dec15e75;outline:none;margin:32px 0 14px;padding:18px 12px;font-size:clamp(27px,9vw,38px);font-weight:800;box-shadow:inset 0 0 24px #442e8324}.friendly-join input:focus{border-color:#dfc269;box-shadow:inset 0 0 24px #442e8333,0 0 18px #debe531f}.friendly-join input::placeholder{color:#f5df8d33}.friendly-join__buttons{grid-template-columns:.7fr 1.3fr;gap:8px;width:100%;display:grid}.friendly-join__buttons button,.friendly-room__start,.friendly-room__leave{color:#ffffff9e;background:#08111ed6;border:1px solid #ffffff24;min-height:44px;font-size:11px;font-weight:800}.friendly-join__buttons button.is-primary{color:#f4e4ad;background:linear-gradient(#9d6c22,#5f3d12);border-color:#dfc0567a}.friendly-join__buttons button:disabled,.friendly-menu__actions button:disabled{cursor:wait;opacity:.42}.friendly-room{padding:18px 18px max(18px,env(safe-area-inset-bottom));grid-template-rows:1fr auto 1fr auto auto auto;display:grid}.friendly-room__opponent,.friendly-room__me{flex-direction:column;justify-content:center;display:flex}.friendly-room__opponent{align-items:flex-start}.friendly-room__me{align-items:flex-end}.friendly-room section>small{margin:0 8px 8px}.friendly-player{opacity:.55;background:#060e1bc2;border:1px solid #ffffff1a;align-items:center;gap:12px;width:min(100%,285px);padding:12px;display:flex}.friendly-player.is-connected,.friendly-player.is-me{opacity:1;border-color:#d8bc5c4f}.friendly-player.is-me{text-align:right;background:linear-gradient(270deg,#48aed01f,#0000 68%),#060e1bd1;flex-direction:row-reverse}.friendly-player__portrait{color:#f1d982;width:52px;height:52px;font-family:var(--font-family-serif);background:radial-gradient(circle at 50% 35%,#263c5b,#0a1120 70%);border:2px solid #d9be608f;border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid;box-shadow:0 0 16px #36b7d81f}.friendly-player strong,.friendly-player span{display:block}.friendly-player strong{font-family:var(--font-family-serif);font-size:15px}.friendly-player span{color:#ffffff5e;margin-top:4px;font-size:8px}.friendly-room__versus{place-items:center;height:48px;display:grid;position:relative}.friendly-room__versus i{background:linear-gradient(90deg,#0000,#dbc16852,#0000);height:1px;position:absolute;left:0;right:0}.friendly-room__versus span{z-index:1;color:#e7ce75;font-family:var(--font-family-serif);background:#091120;padding:0 13px;font-size:16px}.friendly-room__invite{text-align:center;background:#060d19d1;border:1px solid #ddc26533;margin-top:12px;padding:12px}.friendly-room__invite button{width:100%;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:16px;margin-top:5px;display:flex}.friendly-room__invite button strong{color:#f0d676;font-family:var(--font-family-serif);letter-spacing:.15em;font-size:26px}.friendly-room__invite button span{color:#ffffff7a;border:1px solid #ffffff24;padding:4px 7px;font-size:7px}.friendly-room__invite p{color:#ffffff59;margin:5px 0 0;font-size:8px}.friendly-room.is-ready .friendly-room__versus span{text-shadow:0 0 13px #ebcd69b3}.friendly-room__leave{width:100%;margin-top:8px}.friendly-room__start{color:#f8e8b2;background:linear-gradient(#a77425,#674215);border-color:#dfc0568c;width:100%;margin-top:8px;box-shadow:0 4px 18px #00000047}.friendly-lobby__loading{z-index:2;color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:calc(100% - 64px);font-size:9px;display:flex;position:relative}.friendly-lobby__loading i{border:2px solid #ffffff1f;border-top-color:#ddc065;border-radius:50%;width:25px;height:25px;animation:.8s linear infinite friendly-spin}.friendly-lobby__error{z-index:5;right:14px;bottom:max(14px,env(safe-area-inset-bottom));color:#f2b6b0;text-align:center;background:#370c12f0;border:1px solid #d54a4a61;padding:9px 11px;font-size:9px;position:absolute;left:14px}@keyframes friendly-spin{to{transform:rotate(360deg)}}.battle-online-wait{color:#eee9dc;text-align:center;background:radial-gradient(circle,#4daacd21,#0000 28%),linear-gradient(165deg,#101b2f,#050a14 68%);flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.battle-online-wait i{border:2px solid #ffffff1f;border-top-color:#dfc366;border-radius:50%;width:34px;height:34px;margin-bottom:8px;animation:.8s linear infinite friendly-spin}.battle-online-wait strong{font-family:var(--font-family-serif);font-size:17px}.battle-online-wait span,.battle-online-wait em{color:#fff6;font-size:9px;font-style:normal}.battle-online-wait em{color:#eaa19b;margin-top:8px}.battle-online-error{z-index:240;top:max(10px,env(safe-area-inset-top));color:#f2b6b0;text-align:center;background:#370c12f0;border:1px solid #d54a4a61;max-width:calc(100% - 80px);padding:7px 11px;font-size:8px;position:absolute;left:50%;transform:translate(-50%)}@media(max-height:680px){.friendly-menu{padding-top:22px}.friendly-menu__crest{width:92px;height:92px}.friendly-menu__copy{margin-top:16px}.friendly-room{padding-top:8px;padding-bottom:8px}.friendly-player__portrait{width:44px;height:44px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes pulse{50%{opacity:.5}}