@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-ext-900-normal-CWXxiu5r.woff2) format("woff2"),url(/assets/cinzel-latin-ext-900-normal-BlZZvP7K.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-latin-900-normal-BI3z7Tow.woff2) format("woff2"),url(/assets/cinzel-latin-900-normal-t_fSDEbn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-decorative-latin-ext-900-normal-BhxIA4xV.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-ext-900-normal-CTiVNQCf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/cinzel-decorative-latin-900-normal-MnIZQgjg.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-900-normal-BBdTCSMn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0b0907;--ink-2: #15100b;--panel: rgba(16, 11, 7, .78);--panel-solid: #17110b;--gold-1: #fff0b8;--gold-2: #f2c86a;--gold-3: #c98f2e;--gold-4: #7d5216;--gold-line: rgba(242, 200, 106, .55);--crimson-1: #e2453a;--crimson-2: #a3181a;--crimson-3: #5e0b0e;--text: #f6ead2;--text-dim: #c7b392;--sapphire: #2f7df0;--danger: #e2453a;--font-title: "Cinzel Decorative", "Cinzel", Georgia, serif;--font-ui: "Cinzel", Georgia, serif;--font-body: "Cormorant Garamond", Georgia, serif;--radius: 10px;--frame: 1px solid var(--gold-line);--shadow: 0 10px 30px rgba(0, 0, 0, .55);--gutter: clamp(10px, 1.6vw, 24px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:2px solid var(--gold-1);outline-offset:3px}img{display:block}.frame{position:relative;background:linear-gradient(180deg,#1e150ceb,#0c0906eb);border:var(--frame);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #0009,inset 0 1px #fff0b81f,var(--shadow)}:where(svg.ui-icon){display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex:none}.home{position:relative;height:100dvh;width:100vw;overflow:hidden;display:grid;grid-template-columns:minmax(200px,270px) 1fr;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "side ." "bottom bottom";padding:calc(var(--gutter) + var(--safe-top)) var(--gutter) calc(var(--gutter) + var(--safe-bottom));gap:var(--gutter);isolation:isolate}.home__bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(60% 45% at 50% 58%,rgba(255,178,74,.35),transparent 70%),radial-gradient(40% 40% at 18% 45%,rgba(163,24,26,.45),transparent 70%),radial-gradient(40% 40% at 82% 45%,rgba(47,125,240,.28),transparent 70%),radial-gradient(120% 90% at 50% 40%,#3a2412,#1a110a 55%,#0b0907)}.home__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;animation:kenburns 40s ease-in-out infinite alternate}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.08) translate(-.6%,-.8%)}}.home__shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(8,6,4,.82) 0%,rgba(8,6,4,.25) 22%,transparent 40%),linear-gradient(0deg,rgba(8,6,4,.92) 0%,rgba(8,6,4,.45) 16%,transparent 34%),linear-gradient(90deg,rgba(8,6,4,.55) 0%,transparent 22%,transparent 85%,rgba(8,6,4,.4) 100%),radial-gradient(130% 100% at 50% 50%,transparent 60%,rgba(0,0,0,.55) 100%)}.home__embers{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.home__embers span{--x: calc(var(--i) * 5.7%);position:absolute;bottom:-10px;left:calc(4% + var(--x));width:calc(2px + (var(--i) * 1px) / 6);aspect-ratio:1;border-radius:50%;background:#ffcf7a;box-shadow:0 0 8px 2px #ff9628cc;opacity:0;animation:ember calc(9s + var(--i) * .7s) linear infinite;animation-delay:calc(var(--i) * -1.3s)}@keyframes ember{0%{transform:translate(0);opacity:0}10%{opacity:.9}70%{opacity:.6}to{transform:translate(calc(var(--i) * 2px - 18px),-95vh);opacity:0}}.topbar{grid-area:top;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--gutter)}.profile{justify-self:start;display:flex;align-items:center;gap:12px;padding:6px 22px 6px 6px;border-radius:999px 14px 14px 999px;background:linear-gradient(90deg,#140e08e6,#140e088c);border:var(--frame);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.profile:hover{box-shadow:0 0 0 1px var(--gold-2),var(--shadow)}.profile__avatar{position:relative;width:64px;height:64px;border-radius:50%;padding:3px;background:conic-gradient(from 200deg,var(--gold-4),var(--gold-1),var(--gold-3),var(--gold-1),var(--gold-4));flex:none}.profile__avatar img,.profile__initial{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile__initial{position:absolute;inset:3px;width:auto;height:auto;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#6b2a1a,#24120a);font-family:var(--font-title);font-size:28px;color:var(--gold-2)}.profile__avatar img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);z-index:1}.profile__level{z-index:2}.profile__level{position:absolute;right:-6px;bottom:-4px;min-width:28px;height:28px;padding:0 5px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a2a18,#120c06);border:2px solid var(--gold-2);font-family:var(--font-ui);font-weight:700;font-size:13px;color:var(--gold-1)}.profile__text{display:grid;text-align:left;line-height:1.15}.profile__name{font-family:var(--font-ui);font-weight:700;font-size:20px;letter-spacing:.04em}.profile__trophies{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:15px;color:var(--gold-2)}.profile__trophies svg{width:16px;height:16px;color:var(--gold-2)}.title{display:grid;justify-items:center;text-align:center;padding-top:2px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.8))}.title__ornament{width:210px;height:14px;background:linear-gradient(90deg,transparent,var(--gold-2) 30%,var(--gold-2) 70%,transparent) center / 100% 1px no-repeat,radial-gradient(circle,var(--gold-1) 0 3px,transparent 4px) center / 14px 14px no-repeat;margin-bottom:2px}.title__word{font-family:var(--font-title);font-weight:900;font-size:clamp(38px,5.2vw,78px);line-height:.95;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg,#fff6d6,#f6d27a 38%,#c98f2e 62%,#fbe39a 78%,#a8701f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px rgba(60,35,8,.55)}.title__sub{margin-top:6px;font-family:var(--font-ui);font-weight:700;font-size:clamp(11px,1vw,15px);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-1);padding:2px 14px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line)}.topbar__right{justify-self:end;display:flex;align-items:center;gap:10px}.currency{display:flex;align-items:center;gap:8px;height:46px;padding:0 4px 0 6px;border-radius:10px;background:var(--panel);border:var(--frame);box-shadow:var(--shadow)}.currency__icon svg{width:34px;height:34px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.currency__value{min-width:64px;font-family:var(--font-ui);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.currency__add,.iconbtn{display:grid;place-items:center;border-radius:8px;border:1px solid var(--gold-line);background:linear-gradient(180deg,#3a2a16,#1a120a);color:var(--gold-1);transition:transform .12s,filter .12s}.currency__add{width:36px;height:36px}.currency__add svg{width:18px;height:18px}.iconbtn{position:relative;width:46px;height:46px;background:var(--panel);box-shadow:var(--shadow)}.iconbtn svg{width:26px;height:26px;color:var(--gold-2)}.currency__add:hover,.iconbtn:hover{filter:brightness(1.25)}.currency__add:active,.iconbtn:active{transform:scale(.94)}.badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:10px;background:var(--danger);border:2px solid var(--ink);font-family:var(--font-ui);font-weight:700;font-size:11px;color:#fff}.dot{position:absolute;top:6px;right:6px;width:12px;height:12px;border-radius:50%;background:var(--danger);border:2px solid var(--ink);box-shadow:0 0 10px #e2453ae6;animation:pulse 1.8s ease-in-out infinite}.dot--corner{top:-5px;right:-5px;z-index:2}@keyframes pulse{50%{transform:scale(1.25)}}.side{grid-area:side;display:flex;flex-direction:column;gap:var(--gutter);align-self:start;min-height:0;max-height:100%}.promo{position:relative;display:flex;align-items:flex-end;aspect-ratio:3 / 3.4;max-height:min(34vh,calc((100dvh - 330px)/2));min-height:150px;border-radius:var(--radius);border:1px solid var(--gold-2);box-shadow:inset 0 0 0 2px #000000b3,inset 0 0 0 3px #f2c86a40,var(--shadow);background:radial-gradient(120% 90% at 50% 20%,#5a2a14,#160d07);text-align:left;transition:transform .18s ease,box-shadow .18s ease}.promo--event{background:radial-gradient(120% 90% at 50% 20%,#6a4a18,#160d07)}.promo:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 2px #000000b3,0 0 0 1px var(--gold-1),0 0 26px #f2c86a59,var(--shadow)}.promo__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;border-radius:inherit;z-index:0}.promo:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,rgba(8,6,4,.96) 0%,rgba(8,6,4,.75) 34%,rgba(8,6,4,.2) 60%,transparent 75%);z-index:0}.promo__body{position:relative;z-index:1;display:grid;gap:6px;width:100%;padding:14px}.promo__kicker{font-family:var(--font-ui);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2)}.promo__title{font-family:var(--font-ui);font-weight:900;font-size:clamp(17px,1.6vw,23px);line-height:1.05;text-transform:uppercase;color:#fff4dc;text-shadow:0 2px 6px #000}.promo__title--sm{font-size:clamp(15px,1.25vw,19px)}.promo__timer{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--text)}.promo__timer svg{width:18px;height:18px;color:var(--gold-2)}.pass{display:flex;align-items:center;gap:8px}.pass__tier{flex:none;width:34px;height:38px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 18%,100% 70%,50% 100%,0 70%,0 18%);background:linear-gradient(180deg,var(--gold-1),var(--gold-3));font-family:var(--font-ui);font-weight:900;font-size:15px;color:#3a2408}.pass__bar{position:relative;flex:1;height:20px;border-radius:5px;background:#000000b3;border:1px solid var(--gold-line);overflow:hidden}.pass__fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#6fb2ff,#1f5fd0);box-shadow:0 0 12px #2f7df0cc}.pass__txt{position:relative;display:block;text-align:center;font-family:var(--font-ui);font-weight:700;font-size:12px;line-height:18px;text-shadow:0 1px 2px #000}.bottombar{grid-area:bottom;justify-self:center;display:grid;grid-template-columns:repeat(2,minmax(96px,150px)) minmax(260px,380px) repeat(2,minmax(96px,150px));align-items:end;gap:8px;padding:8px;border-radius:14px;background:linear-gradient(180deg,#140e088c,#0a0704eb);border:var(--frame);box-shadow:var(--shadow)}.navbtn{position:relative;height:84px;display:grid;justify-items:center;align-content:center;gap:6px;border-radius:10px;background:linear-gradient(180deg,#281c0fe6,#100b06f2);border:1px solid rgba(242,200,106,.3);transition:transform .15s,border-color .15s,background .15s}.navbtn:hover{transform:translateY(-2px);border-color:var(--gold-2);background:linear-gradient(180deg,#402c14f2,#140d07f2)}.navbtn:active{transform:translateY(0) scale(.97)}.navbtn__icon svg{width:36px;height:36px;color:var(--gold-2);filter:drop-shadow(0 2px 3px #000)}.navbtn__label{font-family:var(--font-ui);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase}.play{position:relative;height:104px;margin-top:-20px;display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 45%),linear-gradient(180deg,var(--crimson-1) 0%,var(--crimson-2) 55%,var(--crimson-3) 100%);box-shadow:inset 0 0 0 3px var(--gold-2),inset 0 0 0 5px #3c0a08e6,inset 0 0 0 6px var(--gold-4);transition:transform .15s,filter .15s}.play:hover{filter:brightness(1.12) saturate(1.1);transform:translateY(-2px)}.play:active{transform:scale(.97)}.play__glow{position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 50%,rgba(255,200,120,.35),transparent 70%);animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{50%{opacity:.35}}.play__shine{position:absolute;top:0;bottom:0;width:40%;left:-50%;background:linear-gradient(100deg,transparent,rgba(255,245,210,.45),transparent);transform:skew(-20deg);animation:shine 4.5s ease-in-out infinite}@keyframes shine{0%,60%{left:-50%}to{left:120%}}.play__icon{position:relative;width:52px;height:52px;color:var(--gold-1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}.play__text{position:relative;display:grid;line-height:1}.play__label{font-family:var(--font-title);font-weight:900;font-size:clamp(32px,3.4vw,48px);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#fff8e0,#f6d27a 55%,#d79a3a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(60,5,5,.9))}.play__sub{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--gold-1)}.play__sub svg{width:14px;height:14px;color:#ff6b5e}@media(max-width:1100px){.home{grid-template-columns:minmax(170px,210px) 1fr}.currency__value{min-width:48px;font-size:16px}.bottombar{grid-template-columns:repeat(2,minmax(80px,120px)) minmax(220px,300px) repeat(2,minmax(80px,120px))}.navbtn__label{font-size:13px}.profile__avatar{width:54px;height:54px}}@media(max-width:760px){.home{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"top" "." "bottom";padding:calc(10px + var(--safe-top)) 12px calc(10px + var(--safe-bottom));gap:10px}.home__bg img{object-position:center 30%}.topbar{grid-area:top;grid-template-columns:auto 1fr;row-gap:8px}.profile{padding:3px;border-radius:999px}.profile__text{display:grid;max-width:92px}.profile__trophies{display:none}.profile__avatar{width:44px;height:44px;padding:2px}.profile__level{min-width:22px;height:22px;font-size:11px;right:-5px;bottom:-3px}.profile__name{font-size:15px}.profile__trophies{font-size:12px}.topbar__right{gap:6px}.currency{height:36px;gap:4px;padding:0 3px 0 4px}.currency__icon svg{width:24px;height:24px}.currency__value{min-width:0;font-size:13px}.currency__add{width:26px;height:26px}.currency__add svg{width:13px;height:13px}.iconbtn{width:36px;height:36px}.iconbtn svg{width:20px;height:20px}.title{grid-column:1 / -1;grid-row:2;margin-top:6px}.title__ornament{width:150px}.title__word{font-size:clamp(38px,12vw,56px)}.title__sub{font-size:10px;letter-spacing:.22em}.side{grid-area:auto;position:absolute;left:12px;right:12px;bottom:calc(196px + var(--safe-bottom));flex-direction:row;gap:10px}.promo{flex:1;aspect-ratio:auto;height:104px;max-height:none}.promo__art{object-position:center 25%}.promo__body{padding:9px;gap:4px}.promo__title{font-size:14px}.promo__title--sm{font-size:12px}.promo__kicker{display:none}.promo__timer{font-size:12px}.pass__tier{width:24px;height:28px;font-size:11px}.pass__bar{height:16px}.pass__txt{font-size:10px;line-height:14px}.bottombar{width:100%;grid-template-columns:repeat(4,1fr);grid-template-areas:"play play play play" "a b c d";gap:6px;padding:6px}.play{grid-area:play;height:76px;margin-top:0}.play__icon{width:38px;height:38px}.play__label{font-size:34px}.navbtn{height:62px;gap:3px}.navbtn__icon svg{width:26px;height:26px}.navbtn__label{font-size:10.5px;letter-spacing:.03em}}@media(max-width:370px){.currency:nth-of-type(2){display:none}}@media(max-height:520px)and (min-width:761px){.title__word{font-size:40px}.promo{max-height:30vh}.navbtn{height:64px}.play{height:76px;margin-top:0}}.home__banners{position:absolute;inset:0;z-index:1;pointer-events:none}.banner{position:absolute;top:49%;width:70px;height:150px;transform:translate(-50%);transform-origin:bottom center}@media(min-width:1300px)and (min-height:760px){.banner{transform:translate(-50%) scale(1.35)}}.banner:before{content:"";position:absolute;left:4px;top:-8px;width:4px;height:160px;border-radius:2px;background:linear-gradient(90deg,#6b4a1c,#f2c86a,#6b4a1c);box-shadow:0 0 6px #0009}.banner:after{content:"";position:absolute;left:-1px;top:-16px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0b8,#c98f2e 60%,#6b4a1c)}.banner__cloth{position:absolute;left:8px;top:0;width:62px;height:92px;display:grid;justify-items:center;align-content:center;gap:4px;padding-bottom:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 85%,#fff 8%),color-mix(in srgb,var(--c) 75%,#000));border:1.5px solid #f2c86a;border-top-width:3px;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);color:#fff0b8;box-shadow:inset 0 0 18px #00000073;transform-origin:top left;animation:banner-sway 5s ease-in-out var(--d) infinite}.banner__cloth svg{width:32px;height:32px;filter:drop-shadow(0 1px 1px #000)}.banner__cloth b{font-family:var(--font-ui);font-size:10px;letter-spacing:.08em;text-transform:uppercase}@keyframes banner-sway{50%{transform:skewY(2deg) scaleX(.97)}}.reduce-motion .banner__cloth{animation:none}@media(max-width:760px),(max-height:620px){.home__banners{display:none}}@media(max-width:760px){.profile__name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:430px){.currency__add{display:none}.currency{padding:0 8px 0 4px}}.navbtn__icon .medallion{width:54px;height:54px;margin-top:-10px;object-fit:contain;filter:drop-shadow(0 3px 4px #000)}.skel{display:inline-block;min-width:4.5em;height:.9em;border-radius:4px;background:linear-gradient(90deg,#f2c86a14,#f2c86a38,#f2c86a14);background-size:200% 100%;animation:skel 1.2s linear infinite;vertical-align:middle}@keyframes skel{to{background-position:-200% 0}}.soon{height:100dvh;display:grid;place-items:center;padding:16px;background:radial-gradient(100% 80% at 50% 40%,#2a1a0d,#0b0907)}.soon__panel{max-width:420px;padding:28px 32px;text-align:center}.soon__panel h2{margin:0 0 8px;font-family:var(--font-ui);font-weight:900;font-size:28px;color:var(--gold-2);text-transform:uppercase}.soon__panel p{margin:0 0 20px;font-size:20px;color:var(--text-dim)}.soon__back{padding:12px 22px;border-radius:8px;border:1px solid var(--gold-2);background:linear-gradient(180deg,#3a2a16,#1a120a);font-family:var(--font-ui);font-weight:700;color:var(--gold-1)}.wip{position:relative;display:grid;place-items:center;overflow:hidden;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--tone) 35%,#120d08) 0 10px,color-mix(in srgb,var(--tone) 22%,#0b0907) 10px 20px)}.wip__stamp{font-family:var(--font-ui);font-weight:900;font-size:1.6em;letter-spacing:.12em;color:#fff0b8bf;border:2px solid rgba(255,240,184,.6);padding:0 .35em;transform:rotate(-12deg);text-shadow:0 2px 4px #000}.wip__label{position:absolute;top:30%;left:6%;right:6%;text-align:center;font-family:var(--font-ui);font-size:.75em;color:#fff0b8a6}.wip-tag{position:absolute;top:8px;right:10px;padding:2px 8px;border:1px dashed rgba(255,240,184,.45);border-radius:6px;font-family:var(--font-ui);font-size:11px;letter-spacing:.14em;color:#fff0b88c;text-transform:uppercase}.arena-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 50% at 50% 55%,rgba(255,196,110,.18),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 120px),linear-gradient(180deg,#1d140c,#2b1d10 45%,#170f08)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:10px;border:1px solid var(--gold-line);background:linear-gradient(180deg,#3a2a16,#1a120a);font-family:var(--font-ui);font-weight:700;font-size:15px;color:var(--gold-1);transition:filter .12s,transform .12s}.btn:hover:not(:disabled){filter:brightness(1.2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:20px;height:20px}.btn .cost{display:inline-flex;align-items:center;gap:3px;font-size:13px;opacity:.9}.btn .cost svg{width:16px;height:16px}.btn--ghost{background:#0a070499;min-height:40px}.btn--gold{background:linear-gradient(180deg,#f6d27a,#b07a22);color:#2a1804;border-color:var(--gold-1)}.btn--danger{background:linear-gradient(180deg,#7a1d16,#3e0c09)}.btn--fight{min-height:56px;padding:0 24px;font-size:17px;text-transform:uppercase;background:linear-gradient(180deg,var(--crimson-1),var(--crimson-2) 55%,var(--crimson-3));border:2px solid var(--gold-2);box-shadow:0 0 22px #e2453a59}.btn--fight svg{width:26px;height:26px;color:var(--gold-1)}.toast{position:fixed;left:50%;bottom:calc(110px + var(--safe-bottom));transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:10px 18px;border-radius:10px;background:#0c0906f2;border:1px solid var(--gold-line);font-family:var(--font-ui);font-size:15px;box-shadow:var(--shadow);animation:toast-in .2s ease-out}.toast--error{border-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.card{--w: 128px;position:relative;width:var(--w);aspect-ratio:2 / 3;border-radius:10px;overflow:hidden;font-size:calc(var(--w) / 9);background:#120d08;border:3px solid transparent;background:linear-gradient(#120d08,#120d08) padding-box,linear-gradient(155deg,#fbe39a,#9a6a1e 35%,#f2c86a 55%,#5a3a10 80%,#c98f2e) border-box;box-shadow:inset 0 0 0 1px #000000b3,0 6px 16px #0009;transition:transform .15s,box-shadow .15s;user-select:none}.card--sm{--w: 96px}.card--lg{--w: 180px}.card__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,4,.96) 0%,rgba(8,6,4,.65) 26%,transparent 46%);pointer-events:none}.card>span{position:absolute;z-index:1}.card__rank{top:5%;left:6%;width:1.7em;height:1.7em;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2f4f8f,#13234a);border:1.5px solid var(--gold-2);font-family:var(--font-ui);font-weight:900;color:#fff}.card__civ{top:0;right:7%;width:1.75em;height:2.3em;padding-bottom:.35em;display:grid;place-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--civ) 85%,#fff 8%),color-mix(in srgb,var(--civ) 70%,#000));color:#fff7e0;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);font-size:.9em;filter:drop-shadow(0 1px 0 var(--gold-2))}.card__civ svg{width:1.2em;height:1.2em}.card__stars{top:19%;left:0;right:0;text-align:center;color:var(--gold-1);text-shadow:0 0 6px #000,0 0 2px #000;letter-spacing:.1em}.card__ability{top:5%;left:50%;transform:translate(-50%);width:1.6em;height:1.6em;display:grid;place-items:center;border-radius:50%;background:#0a0704d9;border:1px solid var(--gold-line);font-size:.85em}.card__shield{top:40%;right:5%;padding:0 .3em;border-radius:6px;background:#2f7df0d9;color:#fff;font-weight:700}.card__name{left:5%;right:5%;bottom:22%;text-align:center;font-family:var(--font-ui);font-weight:700;font-size:.82em;line-height:1.05;color:#fff3d8;text-shadow:0 1px 3px #000}.card__stats{left:6%;right:6%;bottom:5%;display:flex;justify-content:space-between;font-family:var(--font-ui);font-weight:900}.card__atk,.card__hp{min-width:2.2em;padding:.05em .35em;border-radius:6px;text-align:center;background:#000000b3;border:1px solid var(--gold-line)}.card__atk{color:#ffe6a8}.card__hp{color:#ff8b80}.card.is-dim{filter:grayscale(.6) brightness(.7)}.card.is-selected{transform:translateY(-6px);box-shadow:inset 0 0 0 2px var(--civ),inset 0 0 0 4px var(--gold-1),0 0 24px #f2c86a99}.game{position:relative;height:100dvh;display:grid;grid-template-columns:236px minmax(0,1fr) 250px;grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"side top right" "side shop right" "side board right" "side detail right" "side hand act";column-gap:18px;row-gap:10px;padding:calc(12px + var(--safe-top)) 16px calc(12px + var(--safe-bottom));overflow:hidden;isolation:isolate}.game>.recap,.game>.final{grid-area:1 / 1 / -1 / -1}.g-side{grid-area:side;min-height:0;display:flex;flex-direction:column;gap:8px}.g-menu{display:flex;align-items:center;gap:10px}.g-round{font-family:var(--font-ui);font-weight:900;font-size:20px;color:var(--gold-1);text-shadow:0 2px 6px #000}.players{list-style:none;margin:0;padding:0;display:grid;gap:3px;overflow:auto;min-height:0}.player{display:grid;grid-template-columns:26px 44px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 10px 6px 6px;background:linear-gradient(90deg,#0e0a06eb,#0e0a06c7);border:1px solid rgba(242,200,106,.16);border-radius:6px;font-family:var(--font-ui)}.player.is-me{border:1.5px solid var(--gold-2);background:linear-gradient(90deg,#604016d9,#140e08e6);box-shadow:0 0 16px #f2c86a40}.player.is-out{opacity:.4;filter:grayscale(1)}.player__pos{grid-row:1 / 3;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold-line);font-weight:900;font-size:14px;color:var(--gold-1);background:#00000080}.player__avatar{grid-row:1 / 3;width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#5a3818,#1a0f07);border:2px solid var(--gold-3);color:var(--gold-1);font-weight:900;font-size:18px}.player__avatar img{width:100%;height:100%;object-fit:cover}.player__name{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__lives{color:#ff6b5e;font-weight:900;font-size:16px}.tag{display:none}.g-top{grid-area:top;display:flex;align-items:center;justify-content:center;gap:14px;position:relative}.g-gold,.g-lives,.g-reroll{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 20px;border-radius:12px;border:1.5px solid var(--gold-3);background:linear-gradient(180deg,#22180ef2,#0a0704f2);box-shadow:inset 0 1px #fff0b826,0 6px 16px #00000080;font-family:var(--font-ui);font-weight:900;font-size:24px;color:var(--gold-1)}.g-gold{min-width:150px;justify-content:center}.g-gold svg{width:32px;height:32px}.g-lives{font-size:20px;color:#ff8b80;padding:0 14px}.g-lives svg{width:22px;height:22px;color:#e2453a}.g-reroll{position:absolute;right:0;font-size:18px;padding:0 14px;cursor:pointer;transition:filter .12s,transform .12s}.g-reroll svg{width:20px;height:20px}.g-reroll__icon{font-size:26px;line-height:1}.g-reroll:hover:not(:disabled){filter:brightness(1.25)}.g-reroll:active:not(:disabled){transform:rotate(-8deg) scale(.96)}.g-reroll:disabled{opacity:.45;cursor:not-allowed}.shop{grid-area:shop;justify-self:center;display:grid;grid-template-columns:repeat(5,auto);gap:14px;padding:12px 18px 8px;border-radius:10px;background:linear-gradient(180deg,#462c16eb,#20140af0);border:2px solid var(--gold-4);box-shadow:inset 0 2px #ffdc962e,inset 0 -10px 18px #00000073,0 10px 26px #0000008c}.shop .card,.offer__empty{--w: clamp(72px, min(8.4vw, 15vh, calc((100vw - 640px) / 7)), 124px);width:var(--w)}@media(max-height:820px)and (min-width:761px){.g-terr__art{aspect-ratio:16 / 9}.g-civ{width:40px;height:40px}}.offer{position:relative;display:grid;justify-items:center;gap:4px}.offer:disabled{cursor:default}.offer .card{transition:transform .15s,box-shadow .15s}.offer:hover:not(:disabled) .card{transform:translateY(-5px);box-shadow:inset 0 0 0 2px var(--civ),inset 0 0 0 4px var(--gold-1),0 0 22px #f2c86a80}.offer__price{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-weight:900;font-size:15px;color:var(--gold-1);text-shadow:0 1px 2px #000}.offer__price svg{width:18px;height:18px}.offer__empty{aspect-ratio:2 / 3;border-radius:10px;border:1px dashed rgba(242,200,106,.18);background:#00000040}.board{grid-area:board;align-self:center;justify-self:center;display:grid;grid-template-columns:repeat(5,auto);gap:clamp(8px,1.2vw,16px);padding:clamp(10px,1.4vw,18px);border-radius:8px;background:linear-gradient(180deg,#e1cda829,#7860401f);border:2px solid rgba(201,143,46,.6);box-shadow:inset 0 0 50px #00000059,0 12px 30px #0006;backdrop-filter:blur(1.5px)}.board .card,.slot__empty{--w: clamp(80px, min(11vw, 25vh, calc((100vw - 640px) / 5.6)), 168px);width:var(--w)}.slot{border-radius:8px}.slot__empty{display:grid;place-items:center;aspect-ratio:2 / 3;border-radius:6px;background:linear-gradient(160deg,#f0e2c442,#a08a6829);border:2px solid rgba(242,200,106,.55);box-shadow:inset 0 0 0 4px #0000001f,inset 0 0 24px #00000040;color:#46321c8c}.slot__empty svg{width:42%;height:auto}.slot.is-target .slot__empty,.slot.is-target .card{outline:2px dashed var(--gold-1);outline-offset:3px}.slot.is-target .slot__empty{animation:slot-glow 1.2s ease-in-out infinite}@keyframes slot-glow{50%{box-shadow:inset 0 0 30px #f2c86a73}}.detail{grid-area:detail;justify-self:center;min-height:22px;max-width:760px;text-align:center;font-size:17px;color:var(--text);text-shadow:0 1px 3px #000,0 0 8px #000}.detail__hint{color:var(--text-dim);font-style:italic}.hand{grid-area:hand;justify-self:center;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#080604b3;border:1px dashed rgba(242,200,106,.35)}.hand__label{font-family:var(--font-ui);font-weight:700;font-size:13px;color:var(--gold-2);writing-mode:vertical-rl;transform:rotate(180deg)}.hand__card .card,.hand__empty{--w: clamp(70px, min(6.4vw, 12vh), 92px);width:var(--w)}.hand__empty{aspect-ratio:2 / 3;border-radius:10px;border:1px dashed rgba(242,200,106,.12)}.hand__card.is-selected .card{transform:translateY(-8px)}.g-right{grid-area:right;display:flex;flex-direction:column;gap:12px;min-height:0}.g-tier,.g-terr,.g-civs{border-radius:10px;border:1.5px solid var(--gold-3);background:linear-gradient(180deg,#1a120af0,#0a0704f0);box-shadow:0 8px 20px #00000080}.g-tier{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px}.g-tier__chev{font-size:22px;line-height:.55;color:var(--gold-2);font-weight:900;text-align:center;padding-top:6px}.g-tier__info{display:grid;gap:6px;font-family:var(--font-ui);color:var(--text)}.g-tier__info b{font-size:18px}.g-tier__bar{height:8px;border-radius:4px;background:#0009;border:1px solid rgba(242,200,106,.3);overflow:hidden}.g-tier__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-3),var(--gold-1))}.g-tier__up{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--gold-1);background:linear-gradient(180deg,#f6d27a,#b07a22);color:#2a1804;font-family:var(--font-ui);font-weight:900;font-size:16px}.g-tier__up svg{width:18px;height:18px}.g-tier__up:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}.g-terr{overflow:hidden;display:grid}.g-terr__art{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.g-terr__name{padding:8px 10px;text-align:center;font-family:var(--font-ui);font-weight:700;color:var(--gold-1);border-top:1px solid var(--gold-line)}.g-terr__name small{display:block;font-size:12px;color:var(--text-dim)}.g-civs{padding:10px 12px 12px;display:grid;gap:10px;justify-items:center}.g-civs__title{font-family:var(--font-ui);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}.g-civs__list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.g-civ{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff4d8;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--civ) 80%,#fff 10%),color-mix(in srgb,var(--civ) 60%,#000));border:2px solid var(--gold-3);opacity:.55;filter:saturate(.6);transition:.2s}.g-civ svg{width:26px;height:26px}.g-civ em{position:absolute;right:-4px;bottom:-4px;min-width:20px;height:20px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#120d08;border:1px solid var(--gold-2);font-style:normal;font-family:var(--font-ui);font-weight:900;font-size:12px;color:var(--gold-1)}.g-civ:has(em){opacity:.85}.g-civ.is-on{opacity:1;filter:none;border-color:var(--gold-1);box-shadow:0 0 16px color-mix(in srgb,var(--civ) 80%,transparent),0 0 4px var(--gold-1)}.g-actions{grid-area:act;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:8px}.g-actions .btn--fight{min-height:72px;font-size:18px;line-height:1.15;text-align:left;justify-content:center;gap:12px}.g-actions .btn--fight svg{width:34px;height:34px;flex:none}.fight__txt{white-space:nowrap}.fight__txt>span{display:block}.player__avatar img{object-position:center 20%}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:#0009}.modal__panel{display:grid;gap:10px;max-width:420px;padding:22px;text-align:center}.modal__panel h3{margin:0;font-family:var(--font-ui);color:var(--gold-2)}.modal__panel p{margin:0 0 6px;font-size:18px;color:var(--text-dim)}@media(max-width:1180px)and (min-width:761px){.game{grid-template-columns:200px minmax(0,1fr) 210px;column-gap:12px}.player{grid-template-columns:22px 36px 1fr}.player__avatar{width:36px;height:36px}.g-reroll{position:static}}@media(max-width:760px){.game{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"top" "side" "shop" "board" "detail" "hand" "right" "act";row-gap:6px;padding:calc(8px + var(--safe-top)) 8px calc(8px + var(--safe-bottom))}.g-top{justify-content:flex-end;gap:6px;padding-left:130px}.g-gold,.g-lives,.g-reroll{height:38px;font-size:17px;padding:0 10px}.g-gold{min-width:0}.g-gold svg{width:24px;height:24px}.g-reroll{position:static}.g-side{flex-direction:row;align-items:center;min-width:0}.g-menu{position:absolute;top:calc(8px + var(--safe-top));left:8px;gap:6px}.g-menu .btn{min-height:38px;padding:0 10px}.g-round{font-size:14px}.players{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.player{grid-template-columns:28px auto;grid-template-rows:auto;column-gap:4px;padding:3px 6px 3px 3px}.player__pos,.player__name{display:none}.player__avatar{grid-row:auto;width:28px;height:28px;font-size:12px;border-width:1.5px}.player__lives{font-size:13px}.shop{gap:5px;padding:6px 6px 4px}.shop .card,.offer__empty{--w: calc((100vw - 52px) / 5.15)}.offer__price{font-size:12px}.board{gap:4px;padding:5px}.board .card,.slot__empty{--w: calc((100vw - 48px)/5) }.card{font-size:calc(var(--w) / 8)}.card__name{display:none}.detail{font-size:14px}.hand{gap:4px;padding:4px 6px}.hand__label{display:none}.hand__card .card,.hand__empty{--w: calc((100vw - 56px) / 5.6)}.g-right{flex-direction:row;align-items:stretch;gap:6px}.g-terr{display:none}.g-tier{flex:1;padding:6px 8px;gap:6px}.g-tier__chev{display:none}.g-tier__info b{font-size:14px}.g-tier__up{height:32px;font-size:14px}.g-civs{padding:6px;gap:0}.g-civs__title{display:none}.g-civs__list{gap:4px;flex-wrap:nowrap}.g-civ{width:32px;height:32px}.g-civ svg{width:18px;height:18px}.g-civ em{min-width:16px;height:16px;font-size:10px;right:-3px;bottom:-3px}.g-actions{flex-direction:row}.g-actions .btn--fight{flex:1;min-height:52px;font-size:15px}.fight__txt>span{display:inline}.g-actions .btn--fight svg{width:26px;height:26px}.g-sell{min-height:52px}}.recap,.final{grid-column:1 / -1;grid-row:1 / -1;align-self:center;justify-self:center;width:min(560px,100%);max-height:100%;overflow:auto;padding:22px;display:grid;gap:12px}.recap h2{margin:0;text-align:center;font-family:var(--font-ui);color:var(--gold-2)}.recap__list{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:18px}.recap__list li{padding:6px 10px;border-radius:8px;background:#ffffff0a}.recap__list li.is-me{border:1px solid var(--gold-line)}.recap__out{margin:0;color:#ff8b80;font-family:var(--font-ui);text-align:center}.final{justify-items:center;text-align:center}.final__kicker{font-family:var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.final__rank{font-family:var(--font-title);font-weight:900;font-size:96px;line-height:1;color:var(--gold-1);text-shadow:0 0 30px rgba(242,200,106,.4)}.final__rank.is-first{animation:glory 2s ease-in-out infinite}@keyframes glory{50%{text-shadow:0 0 60px rgba(242,200,106,.9)}}.final p{margin:0;font-size:19px;color:var(--text-dim)}.final__rewards{display:flex;gap:16px;font-family:var(--font-ui);font-weight:900;font-size:20px}.final__rewards span{display:inline-flex;align-items:center;gap:6px}.final__rewards svg{width:26px;height:26px;color:var(--gold-2)}.combat{position:relative;height:100dvh;display:grid;grid-template-columns:170px minmax(0,1fr) 200px;grid-template-areas:"vs field terrs";gap:16px;padding:calc(12px + var(--safe-top)) 16px calc(12px + var(--safe-bottom));overflow:hidden;isolation:isolate}.cb-vs{grid-area:vs;align-self:center;display:grid;gap:8px;justify-items:center;padding:12px 10px;border-radius:12px;border:1.5px solid var(--gold-3);background:linear-gradient(180deg,#160f08eb,#080604eb);box-shadow:0 10px 26px #0000008c}.cb-vs__p{display:grid;justify-items:center;gap:4px;text-align:center;font-family:var(--font-ui)}.cb-vs__p b{font-size:15px;color:var(--text);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-vs__img{width:96px;height:110px;border-radius:8px;overflow:hidden;border:2px solid var(--gold-3);background:#1a0f07}.cb-vs__p.is-me .cb-vs__img{border-color:var(--gold-1);box-shadow:0 0 14px #f2c86a73}.cb-vs__img img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.cb-vs__lives{width:44px;height:40px;display:grid;place-items:center;font-weight:900;font-size:18px;color:#fff;background:radial-gradient(circle at 40% 35%,#ff6b5e,#a3181a);clip-path:path("M22 39 C10 30 1 22 1 12 C1 5 6 1 12 1 C16 1 20 3 22 7 C24 3 28 1 32 1 C38 1 43 5 43 12 C43 22 34 30 22 39 Z")}.cb-vs__sep{font-family:var(--font-title);font-size:22px;color:var(--gold-2);letter-spacing:.1em}.cb-ctrl{position:absolute;top:calc(12px + var(--safe-top));right:16px;z-index:6;display:flex;align-items:center;gap:8px}.cb-round{font-family:var(--font-ui);font-weight:900;color:var(--gold-1);text-shadow:0 2px 6px #000;margin-right:6px}.cb-field{grid-area:field;min-height:0;display:grid;grid-template-rows:auto auto auto auto;align-content:space-evenly;justify-items:center;align-items:center;gap:10px}.cb-row{display:grid;grid-template-columns:repeat(5,auto);gap:clamp(8px,1.4vw,20px)}.cb-row--b{align-self:end;margin-bottom:clamp(24px,7vh,80px)}.cb-row--a{align-self:start}.cb-slot,.cb-unit .card{--w: clamp(80px, min(10.5vw, 21vh), 156px);width:var(--w)}.cb-slot{aspect-ratio:2 / 3;border-radius:10px;border:1px dashed rgba(242,200,106,.14);position:relative}.cb-unit{position:relative;width:100%;height:100%}.cb-unit .card{box-shadow:inset 0 0 0 2px var(--civ),inset 0 0 0 3px #000c,inset 0 0 0 4px #f2c86ab3,0 10px 22px #000000b3}.cb-unit.lunge-up{animation:lunge-up .42s ease-out;z-index:3}.cb-unit.lunge-down{animation:lunge-down .42s ease-out;z-index:3}.cb-unit.lunge-up .card,.cb-unit.lunge-down .card{box-shadow:inset 0 0 0 2px var(--civ),inset 0 0 0 4px var(--gold-1),0 0 30px #ffd278cc}.cb-unit.hit .card{animation:hit .35s ease-out}.cb-unit.hit:after{content:"";position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(255,220,140,.9),rgba(255,90,40,.5) 30%,transparent 62%);animation:impact .4s ease-out forwards;pointer-events:none;z-index:2}.cb-unit.die{animation:die .6s ease-in forwards}@keyframes lunge-up{40%{transform:translateY(-38%) scale(1.08)}}@keyframes lunge-down{40%{transform:translateY(38%) scale(1.08)}}@keyframes hit{30%{transform:translate(-6px);filter:brightness(1.9) saturate(.4)}60%{transform:translate(6px)}}@keyframes impact{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.3)}}@keyframes die{to{opacity:0;transform:scale(.8) rotate(-6deg);filter:grayscale(1)}}.pop{position:absolute;left:50%;top:30%;z-index:5;transform:translate(-50%);font-family:var(--font-ui);font-weight:900;font-size:clamp(20px,2.4vw,32px);white-space:nowrap;text-shadow:0 2px 4px #000,0 0 12px #000;pointer-events:none;animation:pop .9s ease-out forwards}.pop--dmg{color:#ff4a3a}.pop--heal{color:#7dff9a}.pop--buff{color:#ffd76a;font-size:clamp(14px,1.6vw,20px)}.pop--block{color:#8cc4ff;font-size:clamp(14px,1.6vw,20px)}.pop--fatigue{color:#d7a8ff}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.25)}to{opacity:0;transform:translate(-50%,-40px) scale(1)}}.cb-hero{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:4px}.cb-hero__portrait{grid-row:1 / 3;width:clamp(64px,11vh,96px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid var(--gold-2);background:#1a0f07;box-shadow:0 0 0 3px #0009,0 0 22px #f2c86a59}.cb-hero__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.cb-hero__shield{width:54px;height:60px;display:grid;place-items:center;font-family:var(--font-ui);font-weight:900;font-size:22px;color:#fff;background:linear-gradient(180deg,#c42a1f,#5e0b0e);clip-path:polygon(50% 0,100% 12%,100% 55%,50% 100%,0 55%,0 12%);filter:drop-shadow(0 0 2px var(--gold-1));text-shadow:0 1px 2px #000}.cb-hero__bar{width:clamp(110px,16vw,200px);height:10px;border-radius:5px;background:#2a0d0b;overflow:hidden;border:1px solid rgba(242,200,106,.45)}.cb-hero__bar span{display:block;height:100%;background:linear-gradient(90deg,#ff6b5e,#c42a1f);transition:width .35s ease}.cb-hero--b{grid-template-columns:auto auto}.cb-hero.is-hit .cb-hero__portrait{animation:hit .35s ease-out;border-color:#ff6b5e}.cb-hero.is-down .cb-hero__portrait{filter:grayscale(1) brightness(.6);border-color:var(--danger)}.cb-hero .pop{left:30%;top:10%}.cb-terrs{grid-area:terrs;align-self:center;display:grid;gap:14px}.cb-terr{border-radius:10px;overflow:hidden;border:1.5px solid var(--gold-3);background:#0a0704eb;box-shadow:0 8px 20px #00000080}.cb-terr__art{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.cb-terr span{display:block;padding:6px;text-align:center;font-family:var(--font-ui);font-weight:700;color:var(--gold-1);border-top:1px solid var(--gold-line)}.cb-result{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#0000008c;animation:fade-in .3s ease-out}.cb-result__panel{animation:rise-in .4s cubic-bezier(.2,1.3,.4,1)}@keyframes rise-in{0%{opacity:0;transform:translateY(16px) scale(.94)}}.cb-result__panel{padding:28px 40px;text-align:center;display:grid;gap:12px;min-width:300px;border-radius:14px;border:2px solid var(--gold-3);background:radial-gradient(120% 90% at 50% 0%,#503414f2,#0e0a06f7 70%);box-shadow:0 20px 60px #000000b3,0 0 40px #f2c86a26}.cb-result h2{margin:0;font-family:var(--font-title);font-size:44px;text-transform:uppercase}.cb-result--win h2{color:var(--gold-1);text-shadow:0 0 24px rgba(242,200,106,.7)}.cb-result--loss h2{color:#ff6b5e}.cb-result--draw h2{color:#cfc3ff}.cb-result__lives{margin:0;font-family:var(--font-ui);font-size:20px}.cb-result__lives .down{color:#ff6b5e}.cb-result__note{margin:0;color:var(--text-dim)}@media(max-width:1100px)and (min-width:761px){.combat{grid-template-columns:130px minmax(0,1fr) 150px;gap:10px}.cb-vs__img{width:76px;height:88px}}@media(max-width:760px){.combat{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"vs" "field";gap:6px;padding:calc(8px + var(--safe-top)) 8px calc(8px + var(--safe-bottom))}.cb-terrs{display:none}.cb-vs{grid-template-columns:1fr auto 1fr;align-items:center;padding:6px 8px;margin-top:44px}.cb-vs__p{grid-template-columns:34px 1fr auto;text-align:left;gap:6px;align-items:center}.cb-vs__p.is-me{grid-column:3;grid-row:1}.cb-vs__img{width:34px;height:34px;border-radius:50%}.cb-vs__p b{font-size:12px;max-width:90px}.cb-vs__lives{width:28px;height:26px;font-size:12px;clip-path:path("M14 25 C6 19 1 14 1 8 C1 3 4 1 8 1 C10 1 12 2 14 4 C16 2 18 1 20 1 C24 1 27 3 27 8 C27 14 22 19 14 25 Z")}.cb-vs__sep{font-size:14px;grid-column:2;grid-row:1}.cb-ctrl{left:8px;right:8px;justify-content:flex-end}.cb-ctrl .btn{min-height:36px;padding:0 10px;font-size:13px}.cb-round{margin-right:auto;font-size:14px}.cb-slot,.cb-unit .card{--w: calc((100vw - 48px)/5) }.cb-row{gap:6px}.cb-unit .card{font-size:calc(var(--w) / 8)}.cb-unit .card__name{display:none}.cb-hero__portrait{width:58px}.cb-hero__shield{width:44px;height:50px;font-size:18px}.cb-result h2{font-size:34px}}.arena-bg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}.arena-bg__img.is-on{opacity:1}.arena-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,0,.55));pointer-events:none}.wip-tag{inset:auto auto 8px 10px}.cb-unit.reborn{animation:reborn .7s ease-out}@keyframes reborn{0%{opacity:0;transform:scale(.7);filter:brightness(2.5) sepia(1)}to{opacity:1;transform:none;filter:none}}@media(max-width:760px){.recap{width:calc(100vw - 16px);padding:14px}.recap .players{grid-auto-flow:row;grid-auto-columns:auto}.recap .player{grid-template-columns:22px 28px 1fr auto}.recap .player__pos,.recap .player__name{display:grid}.recap__list{font-size:15px}.final__rank{font-size:72px}}.cb-bolts{position:fixed;inset:0;width:100vw;height:100dvh;z-index:4;pointer-events:none;overflow:visible}.cb-bolt line{stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 6px #ffb347) drop-shadow(0 0 14px #ff7a2a);stroke-dasharray:1400;stroke-dashoffset:1400;animation:bolt .55s ease-out forwards}.cb-bolt--a line{stroke:url(#bolt-a)}.cb-bolt--b line{stroke:url(#bolt-b);filter:drop-shadow(0 0 6px #ff4a3a) drop-shadow(0 0 14px #c42a1f)}.cb-bolt circle{fill:#ffdc8cd9;opacity:0;transform-box:fill-box;transform-origin:center;animation:burst .55s ease-out .15s forwards}.cb-bolt--b circle{fill:#ff6e5ad9}@keyframes bolt{0%{stroke-dashoffset:1400;opacity:1}45%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes burst{0%{opacity:.95;transform:scale(.2)}to{opacity:0;transform:scale(2.4)}}.reduce-motion .cb-bolts{display:none}.slot.is-drop .slot__empty{outline:2px dashed var(--gold-1);outline-offset:3px}.hand.is-drop{border-color:var(--gold-1);box-shadow:0 0 18px #f2c86a66}.offer[draggable=true],.hand__card,.slot.has-unit{cursor:grab}.board .slot .card,.hand__card .card{animation:card-in .32s cubic-bezier(.2,1.4,.4,1)}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.85)}}.g-gold__n{display:inline-block;animation:gold-pulse .4s ease-out}@keyframes gold-pulse{40%{transform:scale(1.25);color:#fff;text-shadow:0 0 12px var(--gold-2)}}.reduce-motion .board .slot .card,.reduce-motion .hand__card .card,.reduce-motion .g-gold__n{animation:none}@media(min-width:1600px)and (min-height:950px){.game{grid-template-columns:300px minmax(0,1fr) 320px;column-gap:28px;padding:20px 28px}.board .card,.slot__empty{--w: min(204px, 25vh)}.shop .card,.offer__empty{--w: min(150px, 15vh)}.hand__card .card,.hand__empty{--w: 112px}.player{padding:8px 12px 8px 8px;grid-template-columns:30px 54px 1fr}.player__avatar{width:54px;height:54px}.player__name,.player__lives{font-size:18px}.g-round{font-size:24px}.g-gold{height:60px;font-size:30px;min-width:180px}.g-actions .btn--fight{min-height:86px;font-size:22px}.g-civ{width:56px;height:56px}.g-civ svg{width:32px;height:32px}.detail{font-size:19px}.cb-slot,.cb-unit .card{--w: min(190px, 21vh)}.combat{grid-template-columns:210px minmax(0,1fr) 260px}.cb-vs__img{width:120px;height:138px}}.recap{border-radius:14px;border:2px solid var(--gold-3);background:radial-gradient(120% 80% at 50% 0%,#462e12f2,#0c0906f5 70%);box-shadow:0 20px 60px #000000b3}.recap h2{font-family:var(--font-title);font-size:26px}.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:6px 8px!important}.match__side{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--font-ui);font-size:15px}.match__side--b{justify-content:flex-end;text-align:right}.match__side b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.match__side img{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover;object-position:center 20%;border:1.5px solid var(--gold-3)}.match__side.is-win b{color:var(--gold-1)}.match__side.is-win img{border-color:var(--gold-1);box-shadow:0 0 8px #f2c86a99}.match__side.is-loss{opacity:.6}.match__side.is-loss img{filter:grayscale(.8)}.match__vs{font-family:var(--font-title);font-size:13px;color:var(--gold-2)}.match__vs--draw{color:#cfc3ff;font-size:18px}@media(max-width:760px){.match__side{font-size:12px;gap:5px}.match__side img{width:24px;height:24px}}.howto{width:min(460px,calc(100vw - 32px));padding:26px 26px 20px;display:grid;gap:10px;justify-items:center;text-align:center;border-radius:14px;border:2px solid var(--gold-3);background:radial-gradient(120% 90% at 50% 0%,#503414f7,#0e0a06fa 70%);box-shadow:0 20px 60px #000000b3;animation:rise-in .3s ease-out}.howto__kicker{font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.howto__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;font-size:34px;color:var(--gold-1);background:radial-gradient(circle at 35% 30%,#6b4a1c,#1a0f07);border:2px solid var(--gold-2);box-shadow:0 0 24px #f2c86a59}.howto h3{margin:0;font-family:var(--font-title);font-size:26px;color:var(--gold-1)}.howto p{margin:0;font-size:18px;line-height:1.45;color:var(--text);max-width:38ch}.howto__dots{display:flex;gap:6px}.howto__dots span{width:8px;height:8px;border-radius:50%;background:#f2c86a40}.howto__dots span.is-on{background:var(--gold-1)}.howto__nav{display:flex;gap:10px;width:100%;justify-content:space-between;margin-top:4px}.final-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;animation:fade-in .6s ease-out}.final{border-radius:14px;border:2px solid var(--gold-3);background:radial-gradient(120% 90% at 50% 0%,#503414eb,#0e0a06f0 70%);box-shadow:0 20px 60px #000000b3}.offer__empty{background-size:cover;background-position:center;opacity:.55;box-shadow:inset 0 0 0 1px #f2c86a40}.cb-intro{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;gap:clamp(16px,5vw,64px);background:radial-gradient(70% 60% at 50% 50%,#3c1e08bf,#000000d9);animation:intro-out 1.3s ease-in forwards;cursor:pointer}.cb-intro__p{display:grid;justify-items:center;gap:8px;font-family:var(--font-ui);font-weight:900;color:var(--gold-1);text-shadow:0 2px 8px #000;max-width:34vw;text-align:center}.cb-intro__p b{font-size:clamp(14px,2vw,22px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cb-intro__p img{width:clamp(90px,16vw,200px);aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:center 20%;border:4px solid var(--gold-2);box-shadow:0 0 40px #f2c86a80}.cb-intro__p--b{animation:slide-l .45s cubic-bezier(.2,1.2,.4,1)}.cb-intro__p--a{animation:slide-r .45s cubic-bezier(.2,1.2,.4,1)}.cb-intro__vs{font-family:var(--font-title);font-size:clamp(40px,8vw,110px);color:#ffd76a;text-shadow:0 0 30px rgba(255,150,40,.9),0 4px 0 #5e0b0e;animation:vs-pop .5s .2s cubic-bezier(.2,1.6,.4,1) both}@keyframes slide-l{0%{opacity:0;transform:translate(-60vw)}}@keyframes slide-r{0%{opacity:0;transform:translate(60vw)}}@keyframes vs-pop{0%{opacity:0;transform:scale(2.4) rotate(-8deg)}}@keyframes intro-out{0%,78%{opacity:1}to{opacity:0}}.round-banner{position:fixed;left:50%;top:38%;z-index:30;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;padding:14px 48px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(10,7,4,.92) 18%,rgba(10,7,4,.92) 82%,transparent);border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);animation:banner-life 1.6s ease-in-out forwards;white-space:nowrap}.round-banner__n{font-family:var(--font-title);font-size:clamp(30px,5vw,56px);color:var(--gold-1);text-shadow:0 0 24px rgba(242,200,106,.6)}.round-banner__gold{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-weight:700;color:var(--text)}.round-banner__gold svg{width:20px;height:20px}@keyframes banner-life{0%{opacity:0;transform:translate(-50%,-40%)}15%,75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-58%)}}.reduce-motion .round-banner{display:none}.flourish{position:fixed;left:50%;top:44%;z-index:31;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:2px;pointer-events:none;animation:flourish 1.5s ease-out forwards;text-shadow:0 0 24px rgba(242,200,106,.8),0 3px 6px #000}.flourish__stars{font-size:clamp(40px,7vw,80px);color:#ffd76a;letter-spacing:.08em}.flourish b{font-family:var(--font-title);font-size:clamp(24px,4vw,44px);color:var(--gold-1)}.flourish--tier .flourish__stars{color:var(--gold-2);font-weight:900}@keyframes flourish{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}30%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.reduce-motion .flourish{animation-duration:.01s}.detail__kw{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}.kw-chip{padding:2px 10px;border-radius:999px;border:1px solid var(--gold-line);background:#0a0704bf;font-size:14px;color:var(--text-dim);text-shadow:none}.kw-chip b{color:var(--gold-1);font-family:var(--font-ui);font-size:12px}@media(max-width:760px){.detail__kw{display:none}}@media(max-width:760px){.card__stats{left:4%;right:4%;bottom:4%}.card__atk,.card__hp{font-size:1.45em;padding:0 .25em;min-width:1.6em;justify-content:center}.card__ability{display:none}.card__rank{width:1.9em;height:1.9em;font-size:1.1em}.hand__card .card,.hand__empty{--w: calc((100vw - 52px)/5) }.board{align-self:center}.g-main,.detail{font-size:15px}}.card__atk i,.card__hp i{font-style:normal}@media(max-width:760px){.card__atk i,.card__hp i{display:none}}.cb-log{list-style:none;margin:0;padding:8px 10px;min-height:120px;display:grid;align-content:start;gap:3px;border-radius:10px;border:1px solid var(--gold-line);background:#080604d1;font-size:13px;line-height:1.25}.cb-log:empty{display:none}.cb-log__l{color:var(--text-dim);animation:fade-in .25s ease-out}.cb-log__l:first-child{color:var(--text)}.cb-log__l--a{border-left:2px solid #6ca3b5;padding-left:6px}.cb-log__l--b{border-left:2px solid #e2453a;padding-left:6px}.cb-log__l--n{border-left:2px solid #d7a8ff;padding-left:6px}@media(max-height:820px){.cb-log{display:none}}.detail__card{display:none}@media(max-width:760px){.detail{display:block;align-self:center;text-align:left;overflow:hidden}.detail__card{display:block;float:left;margin:0 10px 4px 0}.detail__card .card{--w: min(96px, 24vw);font-size:calc(var(--w) / 8)}.g-terr{display:flex;align-items:center;gap:6px;padding-right:8px}.g-terr__art{width:44px;aspect-ratio:1;border-radius:8px 0 0 8px}.g-terr__name{padding:0;border:0;font-size:12px;text-align:left}.g-terr__name small{display:none}}@media(max-width:760px){.g-terr__name{display:none}.g-terr{padding-right:0}.g-terr__art{border-radius:8px;width:48px}.g-tier__info b{white-space:nowrap}.g-actions{min-width:0}.g-actions .g-sell{flex:none;min-width:0;padding:0 12px;font-size:13px}.detail{min-height:0}}@media(max-width:760px)and (max-height:760px){.detail__card{display:none}}@media(max-width:760px){.g-actions{justify-content:flex-start}.g-actions .btn--fight{min-width:0}.g-actions .btn--fight .fight__txt{overflow:hidden;text-overflow:ellipsis}.g-actions:has(.g-sell) .fight__txt>span{display:none}}@media(min-width:761px)and (max-height:820px){.cb-slot,.cb-unit .card{--w: clamp(70px, min(10.5vw, 18vh), 156px)}.cb-hero__portrait{width:clamp(52px,9vh,96px)}.cb-hero__shield{width:46px;height:52px;font-size:19px}.cb-row--b{margin-bottom:clamp(16px,4vh,40px)}.cb-field{gap:6px}}.recap__sub{margin:4px 0 0;font-family:var(--font-ui);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.cb-vs__terr{display:none}@media(max-width:760px){.cb-field{align-content:center;gap:8px}.cb-row--b{margin-bottom:26px}.cb-vs__p{grid-template-columns:34px 1fr auto auto}.cb-vs__terr{display:block;width:30px;height:30px;border-radius:6px;object-fit:cover;border:1px solid var(--gold-line)}.cb-slot,.cb-unit .card{--w: calc((100vw - 40px)/5) }.cb-row{gap:5px}}.board{background:linear-gradient(180deg,#281c1040,#140e0859);border:0;box-shadow:none;backdrop-filter:none}.slot__empty{background:radial-gradient(120% 80% at 30% 20%,rgba(255,250,235,.35),transparent 60%),linear-gradient(160deg,#cfc2a4,#a8987a 45%,#8c7d61);border:3px solid #c9a35a;box-shadow:inset 0 0 0 2px #3c280f8c,inset 0 0 0 5px #ffecbe59,inset 0 -18px 30px #3c280f59,0 8px 18px #00000073;color:#46321c73}.slot.is-target .slot__empty{box-shadow:inset 0 0 0 2px #3c280f8c,inset 0 0 0 5px #ffecbe99,0 0 22px #f2c86a99}.g-players-btn{display:none}@media(max-width:760px){.g-players-btn{display:inline-flex;align-items:center;flex:none;height:34px;padding:0 10px;border-radius:999px;border:1.5px solid var(--gold-3);background:#0e0a06e6;color:var(--gold-1);font-family:var(--font-ui);font-weight:700;font-size:13px;cursor:pointer}.players-sheet{width:min(92vw,380px);max-height:86vh;overflow:auto}.players-sheet .players{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;gap:6px}.players-sheet .player{grid-template-columns:22px 36px 1fr auto;column-gap:8px;padding:5px 10px 5px 6px}.players-sheet .player__pos,.players-sheet .player__name{display:block}.players-sheet .player__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.players-sheet .player__avatar{width:36px;height:36px}}.cb-slot{border:1.5px solid rgba(201,163,90,.32);background:linear-gradient(180deg,#ffecbe0f,#00000047);box-shadow:inset 0 0 0 3px #00000040}.cb-row--a .cb-slot{border-color:#c9a35a6b}.cb-vs__p b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;overflow-wrap:anywhere}@media(max-width:760px){.cb-vs__p b{font-size:11px;max-width:none;min-width:0}}.howto__icon svg{width:38px;height:38px}.player__name .tag{display:inline-block;margin-left:6px;padding:0 4px;font-size:9px;font-style:normal;line-height:14px;letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--gold-line);border-radius:4px;vertical-align:2px}@media(min-width:761px)and (min-height:821px){.cb-hero__portrait{width:clamp(96px,13vh,132px);border-width:4px;box-shadow:0 0 0 3px #2a1a0a,0 0 0 5px var(--gold-3),0 0 30px #f2c86a66}.cb-hero__shield{width:62px;height:70px;font-size:26px}}.player__name .tag{width:max-content;justify-self:start;align-self:center}.cb-result__icon{display:block;font-size:44px;line-height:1;color:var(--gold-1);filter:drop-shadow(0 0 10px rgba(242,200,106,.5))}.g-menu{position:relative;z-index:6}@media(max-width:760px){.g-menu{position:absolute;z-index:6}.g-menu .btn{min-width:44px;min-height:44px}.g-players-btn{min-height:44px;min-width:48px}}.g-reroll__txt,.g-tier__txt{font-family:var(--font-ui);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em}@media(max-width:760px){.g-reroll__txt{display:none}}button.g-civ{cursor:pointer;padding:0;font:inherit}.final__ord{font-size:.42em;vertical-align:.9em;text-transform:none;font-family:var(--font-ui);margin-left:2px}.final__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}@media(min-width:1000px){.recap{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:start;width:min(1040px,94vw);max-height:92vh}.recap>h2,.recap>.recap__next{grid-column:1 / -1}.recap>h3:first-of-type,.recap>.recap__list{grid-column:1}.recap>h3:nth-of-type(2),.recap>.recap__out,.recap>.players{grid-column:2}.recap>.myfight{grid-row:2}.recap>h3:first-of-type{grid-row:3}.recap>.recap__list{grid-row:4 / span 3}.recap>h3:nth-of-type(2){grid-row:3}.recap .match{min-height:44px}}.recap__next{position:sticky;bottom:0}@media(max-width:760px){.cb-slot,.cb-unit .card{--w: min( calc((100vw - 34px)/5) , calc((100dvh - 330px) / 3.1))}.cb-row{gap:4px}.cb-field{align-content:center;gap:4px}.cb-row--b{margin-bottom:18px}.pop{font-size:15px!important;top:18%}.cb-vs__p b{overflow-wrap:normal;word-break:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;max-width:100%}.cb-unit .card__stats{font-size:13px}}.slot__empty{background:radial-gradient(120% 80% at 30% 20%,rgba(255,250,235,.18),transparent 60%),linear-gradient(160deg,#cfc2a46b,#8c7d6157);border:2px solid rgba(201,163,90,.75);box-shadow:inset 0 0 0 2px #3c280f73,inset 0 0 22px #00000059,0 6px 14px #00000059;color:#ffecbe59}.shop .card__name,.hand .card__name{font-size:max(11px,calc(var(--w) / 9))}html,body{overscroll-behavior:none}.board,.hand,.shop,.cb-field,.cq-map{touch-action:manipulation}.myfight{grid-column:1 / -1;display:grid;gap:10px;padding:14px;border-radius:12px;background:#ffffff09;border:1px solid var(--gold-line);border-left:4px solid #8a7a5a;animation:rise-in .4s var(--ease-out, ease) both}.myfight--win{border-left-color:#6fcf6a;background:linear-gradient(90deg,#50a04624,#ffffff05)}.myfight--loss{border-left-color:#e2453a;background:linear-gradient(90deg,#be322829,#ffffff05)}.myfight__head{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.myfight__head b{font:900 22px var(--font-ui);color:var(--gold-1);text-transform:uppercase;letter-spacing:.06em}.myfight--win .myfight__head b{color:#a8f59a}.myfight--loss .myfight__head b{color:#ff9a8f}.myfight__head span{color:var(--text-dim)}.myfight__lives{margin-left:auto;font:700 15px var(--font-ui);color:#ffb3ab!important}.myfight__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.myfight h4{margin:0 0 6px;font:700 13px var(--font-ui);color:var(--gold-2);letter-spacing:.04em}.myfight__board{display:flex;gap:6px;flex-wrap:wrap}.myfight__board .card{--w: 74px}.myfight__empty{color:var(--text-dim);font-style:italic}.myfight__syn{margin:6px 0 0;font-size:13px;color:#d7c08f}.myfight__tip{margin:0;padding:8px 12px;border-radius:8px;background:#00000059;color:#fff1cf;font-size:15px}@media(max-width:760px){.myfight__grid{grid-template-columns:1fr}.myfight__board .card{--w: 58px}}.game .toast{top:318px;bottom:auto;animation:toast-drop .25s var(--ease-spring, ease) both;border-color:#f2c86ab3}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}}@media(max-width:760px){.game .toast{top:246px;font-size:14px;padding:7px 14px}}.page{position:relative;min-height:100dvh;height:100dvh;overflow-y:auto;overflow-x:hidden;isolation:isolate;-webkit-overflow-scrolling:touch}.page__bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(70% 40% at 50% 0%,rgba(201,143,46,.18),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 140px),linear-gradient(180deg,#1b130b,#120d08 40%,#0b0907)}.page__banner{position:relative;height:clamp(220px,34vh,340px);display:flex;flex-direction:column;justify-content:space-between;padding:calc(14px + var(--safe-top)) clamp(14px,3vw,40px) 18px;overflow:hidden;border-bottom:1px solid var(--gold-line);box-shadow:0 12px 40px #0009}.page__banner-img,.page__banner-wip{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2;animation:kenburns 40s ease-in-out infinite alternate}.page__banner-wip{background:repeating-linear-gradient(135deg,#2b1d10 0 14px,#1d140c 14px 28px);animation:none}.page__banner-wip .wip-tag{left:auto;right:14px;bottom:14px}.page__banner-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080604eb,#0806048c 38%,#0806041a 70%),linear-gradient(0deg,rgba(8,6,4,.85) 0%,transparent 45%),linear-gradient(180deg,rgba(8,6,4,.6) 0%,transparent 30%)}.page__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.page__wallet{display:flex;gap:8px}.page__coin{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:10px;background:var(--panel);border:var(--frame);font-family:var(--font-ui);font-weight:700;font-variant-numeric:tabular-nums}.page__coin svg{width:24px;height:24px}.page__heading{display:grid;gap:4px;justify-items:start;max-width:640px}.page__kicker{font-family:var(--font-ui);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.page__title{margin:0;font-family:var(--font-title);font-weight:900;font-size:clamp(34px,5vw,64px);line-height:1;text-transform:uppercase;background:linear-gradient(180deg,#fff6d6,#f6d27a 38%,#c98f2e 62%,#fbe39a 78%,#a8701f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 12px rgba(0,0,0,.8))}.page__heading .title__ornament{margin-top:4px;width:180px}.page__actions{position:absolute;right:clamp(14px,3vw,40px);bottom:18px}.page__body{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:min(1200px,100%);margin:0 auto;padding:22px clamp(12px,3vw,32px) calc(40px + var(--safe-bottom))}.panel{padding:18px 20px;min-width:0}.panel__title{margin:0 0 10px;font-family:var(--font-ui);font-weight:900;font-size:20px;color:var(--gold-2);text-transform:uppercase;letter-spacing:.06em}.panel__lead{margin:0 0 12px;font-size:18px;color:var(--text);line-height:1.35}.soon-note{margin:10px 0 0;padding:8px 12px;border-radius:8px;border:1px dashed rgba(242,200,106,.35);background:#f2c86a0f;font-size:16px;color:var(--text-dim)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:10px 18px;border-radius:10px 10px 4px 4px;border:1px solid color-mix(in srgb,var(--civ) 60%,transparent);background:#0c0906d9;font-family:var(--font-ui);font-weight:700;color:var(--text-dim)}.tab.is-on{color:#fff6df;background:linear-gradient(180deg,color-mix(in srgb,var(--civ) 55%,#1a120a),#1a120a);box-shadow:0 0 16px color-mix(in srgb,var(--civ) 50%,transparent)}.civ-signature{margin:0;padding:10px 14px;border-left:3px solid var(--civ);background:#0c0906b3;font-size:18px}.civ-signature span{color:var(--text-dim)}.subtabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subtabs__ranks{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--gold-line);background:#0c0906cc;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--text-dim)}.chip--sm{padding:4px 10px;font-size:12px}.chip.is-on{color:#2a1804;background:linear-gradient(180deg,var(--gold-1),var(--gold-3));border-color:var(--gold-1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.card-grid__item{display:grid;justify-items:center;gap:8px;padding:10px;border-radius:12px;background:#0c09068c;border:1px solid rgba(242,200,106,.15);transition:transform .15s,border-color .15s}.card-grid__item:hover{transform:translateY(-3px);border-color:var(--gold-2)}.card-grid__item .card{--w: 168px}.card-grid__text{font-size:15px;line-height:1.25;color:var(--text);text-align:center;min-height:3.6em}.deck-row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(242,200,106,.12)}.deck-row__rank{font-family:var(--font-ui);font-weight:900;color:var(--gold-2)}.deck-row__cards{display:flex;gap:8px;flex-wrap:wrap}.card-detail{display:grid;grid-template-columns:auto 1fr;gap:22px;max-width:720px;padding:22px}.card-detail .card{--w: 240px}.card-detail__info h3{margin:4px 0;font-family:var(--font-ui);font-size:28px;color:var(--gold-1)}.card-detail__stats{margin:0;font-family:var(--font-ui);font-weight:900;font-size:20px}.card-detail__text{font-size:20px;line-height:1.35}.card-detail__kw{margin:0 0 10px;padding-left:18px;color:var(--text-dim);font-size:16px}.card-detail__note{font-size:14px;color:var(--text-dim);font-style:italic}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.offer-card{display:grid;justify-items:center;gap:6px;padding:14px;border-radius:12px;text-align:center;background:radial-gradient(100% 70% at 50% 20%,color-mix(in srgb,var(--civ) 25%,#120d08),#0e0a06);border:1px solid color-mix(in srgb,var(--civ) 55%,transparent)}.offer-card__art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.offer-card h3{margin:4px 0 0;font-family:var(--font-ui);font-size:16px;color:#fff3d8}.offer-card__civ{font-size:14px;color:var(--text-dim)}.bundle{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;font-size:17px}.bundle__art{width:120px;aspect-ratio:1;object-fit:cover;border-radius:10px}.bundle p{margin:0}.hero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hero-card{overflow:hidden;padding:0;display:grid}.hero-card__art{width:100%;aspect-ratio:3 / 4;object-fit:cover}.hero-card__body{padding:12px 14px;display:grid;gap:4px}.hero-card__body h3{margin:0;font-family:var(--font-ui);color:var(--gold-1)}.hero-card__body span{color:var(--text-dim);font-size:15px}.hero-card__hp{margin:0;color:#ff8b80;font-family:var(--font-ui);font-weight:900}.hero-card.is-locked .hero-card__art{filter:grayscale(.35) brightness(.82)}.tag-gold,.tag-lock{justify-self:start;padding:3px 10px;border-radius:999px;font-family:var(--font-ui);font-size:12px;font-weight:700}.tag-gold,.hero-card .tag-gold,.territory .tag-gold{background:linear-gradient(180deg,var(--gold-1),var(--gold-3));color:#2a1804;text-shadow:none}.tag-lock{border:1px solid var(--gold-line);color:var(--text-dim)}.territory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.territory{overflow:hidden;padding:0;display:grid;grid-template-columns:45% 1fr}.territory__art{width:100%;height:100%;min-height:170px;object-fit:cover}.territory__body{padding:14px;display:grid;gap:4px;align-content:start}.territory__body h3{margin:0;font-family:var(--font-ui);color:var(--gold-1)}.territory__civ{color:var(--civ);font-family:var(--font-ui);font-size:13px}.territory__body p{margin:0;font-size:16px}.pass-progress{display:flex;gap:10px;align-items:center;margin-bottom:14px}.pass-progress .pass__bar{height:22px}.pass-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(96px,1fr);gap:8px;overflow-x:auto;padding-bottom:6px}.pass-step{display:grid;justify-items:center;gap:4px;padding:10px 6px;border-radius:10px;background:#0c0906cc;border:1px solid rgba(242,200,106,.2);text-align:center}.pass-step.is-done{opacity:.55}.pass-step.is-current{border-color:var(--gold-1);box-shadow:0 0 18px #f2c86a66}.pass-step__n{font-family:var(--font-ui);font-weight:900;color:var(--gold-2)}.pass-step__icon{font-size:28px}.pass-step__label{font-size:14px}.pass-step__premium{font-size:11px;color:var(--text-dim);border-top:1px dashed rgba(242,200,106,.25);padding-top:4px;width:100%}.reward-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.reward-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#ffffff0a;font-size:17px}.reward-list li span{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim)}.reward-list li svg{width:20px;height:20px;color:var(--gold-2)}.reward-list b{font-family:var(--font-ui);color:var(--gold-1)}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;font-size:17px}.profile-card p{margin:0 0 4px}.profile-card__name{font-family:var(--font-ui);font-weight:900;font-size:24px;color:var(--gold-1)}.profile__avatar--xl{width:110px;height:110px;display:block}.profile__avatar--xl img,.profile__avatar--xl .wip{width:100%;height:100%;border-radius:50%;object-fit:cover}.civ-line{display:flex;gap:8px;flex-wrap:wrap}.mail{display:grid;gap:8px;font-size:18px;line-height:1.4}.mail__from{font-family:var(--font-ui);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.mail h3{margin:0;font-family:var(--font-ui);color:var(--gold-1)}.mail p{margin:0}.mail__gift{color:var(--gold-1)}.settings{display:grid;gap:4px}.setting{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 6px;border-bottom:1px solid rgba(242,200,106,.12);font-size:18px}.setting input{width:22px;height:22px;accent-color:#c98f2e}.seg{display:flex;gap:6px}@media(max-width:900px){.two-cols{grid-template-columns:1fr}.shop-grid,.hero-grid{grid-template-columns:repeat(2,1fr)}.territory-grid{grid-template-columns:1fr}}@media(max-width:760px){.page__banner{height:210px}.page__coin{height:32px;font-size:13px;padding:0 8px}.page__coin svg{width:18px;height:18px}.card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-grid__item .card{--w: calc((100vw - 64px)/2) ;width:calc((100vw - 64px)/2)}.card-grid__text{font-size:13px}.card-detail{grid-template-columns:1fr;justify-items:center;max-height:90dvh;overflow:auto}.card-detail .card{--w: 200px}.deck-row{grid-template-columns:1fr}.deck-row__card .card{--w: calc((100vw - 90px)/4) ;width:calc((100vw - 90px)/4)}.panel{padding:14px}.panel__lead{font-size:16px}.territory{grid-template-columns:1fr}.territory__art{aspect-ratio:16 / 9;min-height:0}.bundle{grid-template-columns:80px 1fr}.bundle__art{width:80px}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}.pass-chest{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center}.pass-chest__art{width:200px;aspect-ratio:1;border-radius:12px;border:1px solid var(--gold-line);object-fit:cover;box-shadow:0 0 40px #e8aa3c40}@media(max-width:640px){.pass-chest{grid-template-columns:1fr;justify-items:center;text-align:center}.pass-chest>div{min-width:0}.pass-chest .tag-lock{justify-self:center}}.demo-reset{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.demo-reset span{font-family:var(--font-ui);color:var(--text)}.offer-card__price{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-ui);font-weight:900;font-size:18px;color:var(--gold-1)}.offer-card__price svg{width:20px;height:20px}.offer-card__soon{padding:2px 10px;border-radius:999px;border:1px solid var(--gold-line);font-family:var(--font-ui);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.nowrap{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.nowrap svg{width:18px;height:18px;color:var(--gold-2)}.reward-list li{gap:10px}.civ-line{display:flex;flex-wrap:wrap;gap:10px}.civ-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;border:1.5px solid var(--civ);background:color-mix(in srgb,var(--civ) 22%,rgba(10,7,4,.8));font-family:var(--font-ui);font-weight:700;color:var(--text)}.civ-badge svg{width:24px;height:24px;color:#fff4d8}.pass__bar{min-width:140px}.pass__bar{background:#0000008c;box-shadow:inset 0 0 0 1px #f2c86a59}@media(max-width:760px){.civ-signature{font-size:14px;line-height:1.35;padding:8px 10px}.civ-signature span{display:block;font-size:12px;opacity:.85}.subtabs .chip{min-height:36px;padding:0 12px}.subtabs__ranks{gap:6px}}.pass-step__icon{width:34px;height:34px;display:grid;place-items:center}.pass-step__icon svg{width:30px;height:30px}.pass-step__icon--gold{color:var(--gold-2)}.pass-step__icon--gem{color:#5aa2ff}.pass-step__icon--pack{color:var(--gold-1)}.pass-step__icon img{width:38px;height:38px;object-fit:cover;border-radius:6px}.tag-lock{display:inline-flex;align-items:center;gap:6px}.tag-lock svg{width:12px;height:12px;flex:none}.hero-card__title{color:var(--gold-1);font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.02em}.pass__bar{background:#0000008c;box-shadow:inset 0 0 0 1px #c9a35a8c}.pass__fill{min-width:4px}.profile-card .pass__bar{display:block;width:100%;max-width:280px;height:18px;margin-top:6px}.page-tabs{align-items:center;margin-bottom:14px;--civ: var(--gold-3)}.page-tabs .tab{cursor:pointer}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.hero-grid--compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}button.hero-card{padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.hero-card.is-sel{outline:2px solid var(--gold-1);box-shadow:0 0 22px #f2c86a73}.hero-card .tag-lock{font-size:11px}.hero-detail{position:sticky;top:12px;display:grid;gap:8px;text-align:center}.hero-detail__art{position:relative;width:210px;aspect-ratio:3 / 4;margin:0 auto;border-radius:12px;overflow:hidden;border:2px solid var(--civ);box-shadow:0 0 26px color-mix(in srgb,var(--civ) 50%,transparent)}.hero-detail__art img,.hero-detail__art .wip{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-detail__civ{position:absolute;right:8px;bottom:8px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0a0704d9;border:2px solid var(--civ);color:#fff3cf}.hero-detail__civ svg{width:24px;height:24px}.hero-detail h2{margin:6px 0 0;font-family:var(--font-title);font-size:32px;color:var(--gold-1)}.hero-detail__title{color:var(--gold-2);font-family:var(--font-ui);font-weight:700}.hero-detail__lore{margin:0;font-style:italic;color:var(--text-dim);font-size:17px}.hero-detail__power{text-align:left;padding:10px 12px;border-radius:10px;background:#00000059;border:1px solid var(--gold-line)}.hero-detail__power b{font-family:var(--font-ui);color:var(--gold-1)}.hero-detail__power p{margin:4px 0 0;font-size:17px}.hero-detail__unlock{margin:0;color:var(--text-dim);font-size:15px}.pass2__nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px;font-family:var(--font-ui);font-weight:700;color:var(--gold-2)}.pass2__nav .btn{min-width:44px}.pass2__grid{display:grid;grid-template-columns:90px repeat(10,minmax(0,1fr));gap:6px;align-items:stretch}.pass2__rowlabel{display:grid;place-items:center;font-family:var(--font-ui);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.08em;color:var(--gold-2);border-radius:8px;background:#00000059}.pass2__rowlabel--prem{color:#ffdf8a;background:linear-gradient(180deg,#5a3a0e,#26180a);border:1px solid var(--gold-1)}.pass2__cell{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-height:104px;padding:8px 4px;border-radius:10px;background:#0c0906d9;border:1px solid rgba(242,200,106,.25);color:var(--text);font:inherit}button.pass2__cell{cursor:default}.pass2__cell.is-ready{cursor:pointer;border-color:var(--gold-1);background:linear-gradient(180deg,#4a3214,#1a120a);box-shadow:0 0 14px #f2c86a73;animation:cq-pulse 2s ease-in-out infinite}.pass2__cell.is-done{opacity:.6}.pass2__cell.is-current{outline:2px solid #fff3cf}.pass2__cell.is-premium{background:linear-gradient(180deg,#5a3a0e8c,#140d06e6);border-color:#f2c86a66}.pass2__n{position:absolute;top:4px;left:6px;font-family:var(--font-ui);font-weight:900;font-size:12px;color:var(--gold-2)}.pass2__icon{width:44px;height:44px;display:grid;place-items:center;color:var(--gold-1)}.pass2__icon svg{width:34px;height:34px}.pass2__icon img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid var(--gold-2)}.pass2__cell--chest .pass2__icon img,.pass2__cell--back .pass2__icon img{border-radius:6px;border:0;object-fit:contain}.pass2__label{font-family:var(--font-ui);font-size:11px;font-weight:700;text-align:center;line-height:1.1}.pass2__check{position:absolute;top:4px;right:6px;color:#6fcf7a;font-weight:900}.pass2__lock{position:absolute;top:4px;right:6px;width:14px;height:14px;color:var(--gold-2)}.pass2__lock svg{width:14px;height:14px}.quests{margin:0;padding:0;list-style:none;display:grid;gap:8px}.quests li{display:grid;grid-template-columns:130px 1fr 220px 90px;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#00000059;border:1px solid rgba(242,200,106,.2)}.quests li.is-done{border-color:#6fcf7a}.quests__scope{font-family:var(--font-ui);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-2)}.quests__xp{font-family:var(--font-ui);font-weight:900;color:var(--gold-1);text-align:right}.quests .pass__bar{display:block;height:18px}.pass-premium__hero{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}.pass-premium__hero img{width:220px}.pass-premium__hero h2{margin:0 0 8px;font-family:var(--font-title);color:var(--gold-1)}.pass-premium__hero ul{margin:0 0 12px;padding-left:20px;font-size:18px;display:grid;gap:4px}.gem-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gem-offer{display:grid;justify-items:center;gap:8px;padding:18px 10px;border-radius:12px;background:#0c0906d9}.gem-offer svg{width:56px;height:56px}.gem-offer b{font-family:var(--font-ui);color:var(--gold-1)}.drop-rates{margin:12px 0 0;color:var(--text-dim);font-size:15px}@media(max-width:1100px){.hero-layout{grid-template-columns:1fr}.hero-detail{position:static}}@media(max-width:760px){.pass2__grid{grid-template-columns:60px repeat(10,74px);overflow-x:auto;padding-bottom:6px}.pass2__cell{min-height:92px}.quests li{grid-template-columns:1fr auto}.quests li .pass__bar{grid-column:1 / -1}.pass-premium__hero{grid-template-columns:1fr;justify-items:center;text-align:center}.pass-premium__hero img{width:160px}.hero-grid--compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.pass-premium__hero ul{text-align:left;font-size:16px}.gem-grid{grid-template-columns:repeat(2,1fr)}.gem-offer svg{width:40px;height:40px}}.pass2 .cq-hint{margin-top:10px}.pass2__icon .medallion{width:46px;height:46px;border:0;border-radius:0;object-fit:contain}.gem-offer .medallion{width:84px;height:84px}.event-rule{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start}.event-rule__seal .medallion{width:160px;height:160px}.event-rule h2{margin:0 0 8px;font-family:var(--font-title);color:var(--gold-1)}.event-rule__list{margin:0 0 8px;padding-left:20px;font-size:17px;display:grid;gap:4px}.event-rewards{margin:0;padding:0;list-style:none;display:grid;gap:10px}.event-rewards li{display:grid;grid-template-columns:64px 160px 1fr;gap:14px;align-items:center;padding:8px 12px;border-radius:10px;background:#00000059;border:1px solid var(--gold-line);font-size:18px}.event-rewards .medallion,.event-rewards svg{width:60px;height:60px}.event-rewards b{font-family:var(--font-ui);color:var(--gold-1)}.event-board{margin:0;padding:0;list-style:none;display:grid;gap:6px}.event-board li{display:grid;grid-template-columns:34px 40px 1fr auto auto;gap:10px;align-items:center;padding:6px 12px;border-radius:10px;background:#00000059}.event-board li.is-me{border:1px solid var(--gold-1)}.event-board img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--gold-3)}.event-board__pos{font-family:var(--font-ui);font-weight:900;color:var(--gold-2);text-align:center}.event-board b{font-family:var(--font-ui)}.event-board span:last-child{font-family:var(--font-ui);color:var(--gold-1)}@media(max-width:760px){.event-rule{grid-template-columns:1fr;justify-items:center}.event-rule__seal .medallion{width:110px;height:110px}.event-rewards li{grid-template-columns:48px 1fr}.event-rewards li span{grid-column:1 / -1;font-size:16px}.event-rewards .medallion{width:46px;height:46px}}@media(max-width:760px){.page-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-4px;margin-right:-4px;padding:0 4px 2px}.page-tabs::-webkit-scrollbar{display:none}.page-tabs .tab{flex:none;min-height:44px;padding:8px 14px;white-space:nowrap}}.page-narrow{max-width:760px;margin-left:auto;margin-right:auto;width:100%}.setting small{display:block;font-size:14px;color:var(--text-dim)}.switch{position:relative;flex:none;width:58px;height:32px;border-radius:16px;border:1.5px solid var(--gold-3);background:#00000080;cursor:pointer;transition:background .2s}.switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#8a7a60;transition:transform .2s,background .2s}.switch.is-on{background:linear-gradient(180deg,#6a4a18,#3a260c);border-color:var(--gold-1)}.switch.is-on i{transform:translate(26px);background:linear-gradient(180deg,#ffe08a,#c98f2e)}.switch:after{content:"";position:absolute;inset:-8px}.seg .chip{min-height:40px;min-width:52px}.btn--sm{min-height:32px;padding:0 10px;font-size:13px;vertical-align:middle;margin-left:8px}.rename{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.rename input{flex:1;min-width:140px;padding:8px 10px;border-radius:8px;background:#140e08;color:var(--gold-1);border:1px solid var(--gold-line);font-family:var(--font-ui);font-size:17px}.hero-detail__power em{margin-left:6px;vertical-align:2px}.form-error{margin:0 0 10px;padding:8px 12px;border-radius:8px;background:#961e1459;border:1px solid rgba(230,90,70,.6);color:#ffd9cf}.pack-offer .offer-card__art{transition:transform .3s var(--ease-spring, ease)}@media(hover:hover){.pack-offer:hover .offer-card__art{transform:translateY(-4px) rotate(-2deg) scale(1.03)}}.pack-offer.is-busy .offer-card__art{animation:pack-wobble .5s ease-in-out infinite}.pack-offer__bar{width:80%;height:5px;border-radius:3px;background:#00000073;overflow:hidden}.pack-offer__bar i{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--civ) 70%,#fff),var(--civ));transition:width .6s var(--ease-out, ease)}.pack-offer__buy{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pack-open{width:min(820px,94vw);padding:18px 14px;overflow:hidden}.pack-open__stage{position:relative;min-height:min(330px,62vh);display:grid;place-items:center;perspective:1100px}.pack-open__stage:before{content:"";position:absolute;inset:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--civ) 45%,transparent),transparent);opacity:.6;pointer-events:none;animation:halo 3s ease-in-out infinite}@keyframes halo{50%{opacity:.9;transform:scale(1.06)}}.pack-open__pack{position:relative;width:min(220px,52vw);aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #000000b3,0 0 40px color-mix(in srgb,var(--civ) 55%,transparent)}.pack-open__pack>:first-child{width:100%;height:100%;object-fit:cover}.pack-open__pack.is-shake{animation:pack-in .35s var(--ease-spring, ease) both,pack-shake .55s .35s ease-in-out both}.pack-open__pack.is-burst{animation:pack-burst .45s var(--ease-in, ease-in) forwards}.pack-open__flash{position:absolute;inset:0;background:radial-gradient(circle,#fff 0 20%,color-mix(in srgb,var(--civ) 60%,#fff) 45%,transparent 75%);opacity:0}.pack-open__pack.is-burst .pack-open__flash{animation:flash .45s ease-out forwards}@keyframes pack-in{0%{opacity:0;transform:translateY(40px) scale(.7) rotate(-6deg)}}@keyframes pack-shake{20%{transform:rotate(-3deg) scale(1.02)}40%{transform:rotate(3deg) scale(1.04)}60%{transform:rotate(-4deg) scale(1.06)}80%{transform:rotate(4deg) scale(1.08)}to{transform:scale(1.1)}}@keyframes pack-wobble{50%{transform:rotate(-3deg) scale(1.04)}}@keyframes pack-burst{to{transform:scale(1.5);opacity:0;filter:brightness(2.5) blur(3px)}}@keyframes flash{30%{opacity:1}to{opacity:0}}.pack-open__cards{position:relative;display:flex;gap:clamp(8px,2.5vw,22px);justify-content:center;align-items:center}.pack-card{position:relative;padding:0;border:0;background:none;cursor:pointer;animation:card-deal .55s var(--ease-spring, ease) both;--w: clamp(100px, 28.5vw, 200px)}.pack-card .card--lg{--w: clamp(100px, 28.5vw, 200px)}@keyframes card-deal{0%{opacity:0;transform:translateY(-40px) scale(.4) rotate(12deg)}}.pack-card__inner{position:relative;display:block;width:var(--w);aspect-ratio:2 / 3;transform-style:preserve-3d;transition:transform .6s var(--ease-out, ease)}.pack-card.is-shown .pack-card__inner{transform:rotateY(180deg)}.pack-card__back,.pack-card__front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:10px}.pack-card__front{transform:rotateY(180deg);display:grid;place-items:center}.pack-card__back{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--civ) 55%,#2a1c0c),#120c06 75%);border:2px solid #c9a14e;box-shadow:inset 0 0 0 4px #1b120a,inset 0 0 0 5px #c9a14e80,0 10px 24px #0009}.pack-card__back span{font-size:calc(var(--w) * .32);color:#e8c77a;text-shadow:0 0 18px rgba(255,210,120,.8);animation:back-pulse 1.6s ease-in-out infinite}@keyframes back-pulse{50%{transform:scale(1.1);opacity:.8}}@media(hover:hover){.pack-card:not(.is-shown):hover .pack-card__inner{transform:translateY(-8px) rotateY(10deg)}}.pack-card.rank-3:not(.is-shown) .pack-card__back{box-shadow:inset 0 0 0 4px #1b120a,0 0 22px #aa78ffd9}.pack-card.rank-4:not(.is-shown) .pack-card__back{box-shadow:inset 0 0 0 4px #1b120a,0 0 30px #ffc850,0 0 60px #ffaa2899}.pack-card__rays{position:absolute;inset:-40%;z-index:-1;pointer-events:none;opacity:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,.55) 0 8deg,transparent 8deg 24deg);mask:radial-gradient(closest-side,#000 30%,transparent);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent)}.pack-card.rank-3 .pack-card__rays{background:repeating-conic-gradient(from 0deg,rgba(180,140,255,.5) 0 8deg,transparent 8deg 24deg)}.pack-card.is-shown .pack-card__rays{animation:rays-in .6s .25s ease-out forwards,rays-spin 9s linear infinite}@keyframes rays-in{to{opacity:1}}@keyframes rays-spin{to{rotate:360deg}}.pack-card__tag{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);white-space:nowrap;padding:3px 10px;border-radius:999px;font:700 12px var(--font-ui);background:#2a2016;border:1px solid #8c7244;color:#e8d6b0;animation:tag-in .4s .45s var(--ease-spring, ease) both}.pack-card__tag.is-new{background:linear-gradient(#ffe08a,#d29a2c);color:#2a1700;border-color:#fff2c0;box-shadow:0 0 14px #ffc85acc}@keyframes tag-in{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}}.pack-open__foot{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:22px;min-height:44px}.pack-open__sum{font:700 15px var(--font-ui);color:#fff1cf}.tab__count{margin-left:6px;font-size:12px;opacity:.75;font-weight:600}.card-grid__item{position:relative}.card-grid__item.is-locked .card{filter:grayscale(.85) brightness(.55)}.card-grid__item.is-locked .card-grid__text{opacity:.6}.card-grid__lock{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:999px;background:#0e0a06d9;border:1px solid rgba(242,200,106,.5);color:#f5dfa8;font:700 13px var(--font-ui);white-space:nowrap}.card-grid__lock .ui-icon{width:15px;height:15px}.collection-cta{margin:18px 0 0;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--text)}.card-detail__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.crafted .card{animation:crafted .9s var(--ease-spring, ease)}@keyframes crafted{0%{filter:grayscale(1) brightness(.5);transform:scale(.9)}40%{filter:brightness(2) saturate(1.4);transform:scale(1.06)}to{filter:none;transform:none}}.deck-row__rank{display:grid;gap:2px}.deck-row__rank small{font-size:12px;font-weight:700}.deck-row__rank small.is-ok{color:#9fe08a}.deck-row__rank small.is-ko{color:#ffb28a}.deck-row__card{padding:0;border:0;background:none;cursor:pointer;border-radius:8px;transition:transform .18s var(--ease-spring, ease)}.deck-row__card.is-in{box-shadow:0 0 0 2px #f2c86ab3}.deck-row__card.is-in:hover{transform:translateY(-3px);box-shadow:0 0 0 2px #ff9a7a}.deck-row__card.is-bench{opacity:.85}.deck-row__card.is-bench:hover{opacity:1;transform:translateY(-3px)}.deck-row__card .card{animation:rise-in .28s var(--ease-out, ease) both}.deck-row__empty{width:96px;aspect-ratio:2 / 3;border-radius:8px;border:2px dashed rgba(242,200,106,.35);background:#00000040}.deck-row__sep{width:1px;align-self:stretch;margin:0 6px;background:#f2c86a40}.deck-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.modal__panel.pack-open{width:min(860px,96vw);max-width:none;background:radial-gradient(120% 90% at 50% 30%,#2a1d10,#0b0805 75%)}.modal:has(.pack-open){background:#000000d1;backdrop-filter:blur(3px)}.modal__panel.card-detail{max-width:760px;text-align:left}@media(max-width:760px){.modal__panel.card-detail{max-width:96vw}}.page-loading{position:fixed;inset:0;display:grid;place-items:center;background:#0b0907}.page-loading span{width:44px;height:44px;border-radius:50%;border:3px solid rgba(242,200,106,.2);border-top-color:#f2c86a;animation:spin .8s linear infinite}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.55, 0, 1, .45)}.btn,.navbtn,.play,.tab,.chip,.cq-pick,.offer,.slot,.hand__card,.g-civ,.switch{transition:transform .16s var(--ease-out),filter .16s,box-shadow .2s,background .2s,border-color .2s}.btn:active:not(:disabled),.tab:active,.chip:active,.cq-pick:active:not(:disabled){transform:scale(.96)}.page__body>*,.home__content{animation:rise-in .42s var(--ease-out) both}.page__body>*:nth-child(2){animation-delay:.05s}.page__body>*:nth-child(3){animation-delay:.1s}.page__body>*:nth-child(4){animation-delay:.15s}.page__banner-img{animation:banner-in .9s var(--ease-out) both}@keyframes banner-in{0%{opacity:0;transform:scale(1.06)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}.modal{animation:fade-in .18s ease-out both}.modal__panel{animation:modal-in .32s var(--ease-spring) both}@keyframes modal-in{0%{opacity:0;transform:translateY(18px) scale(.94)}}@media(hover:hover)and (pointer:fine){.offer:not(:disabled):hover .card,.hand__card:hover .card,.slot.has-unit:hover .card,.card-grid__item:hover .card{transform:translateY(-6px) rotateX(6deg) scale(1.04);box-shadow:0 18px 30px #0009,0 0 22px color-mix(in srgb,var(--civ) 45%,transparent)}.card{transition:transform .22s var(--ease-out),box-shadow .22s;transform-style:preserve-3d}}.shop .offer .card{animation:deal-flip .46s var(--ease-out) both}.shop .offer:nth-child(2) .card{animation-delay:.04s}.shop .offer:nth-child(3) .card{animation-delay:.08s}.shop .offer:nth-child(4) .card{animation-delay:.12s}.shop .offer:nth-child(5) .card{animation-delay:.16s}.shop .offer:nth-child(6) .card{animation-delay:.2s}@keyframes deal-flip{0%{opacity:0;transform:perspective(700px) rotateY(85deg) scale(.9)}}.hand__card .card{animation:to-hand .42s var(--ease-spring) both}@keyframes to-hand{0%{opacity:0;transform:translateY(-60px) rotate(-8deg) scale(.8)}}.slot.has-unit .card{animation:slam .38s var(--ease-spring) both}.slot.has-unit:after{content:"";position:absolute;inset:-6%;border-radius:14px;pointer-events:none;border:2px solid rgba(255,220,140,.8);animation:slam-ring .55s var(--ease-out) forwards}@keyframes slam{0%{transform:translateY(-26px) scale(1.18);filter:brightness(1.5)}60%{transform:translateY(2px) scale(.98)}}@keyframes slam-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.12)}}.slot{position:relative}.slot.is-target .slot__empty,.slot.is-drop .slot__empty{animation:target-pulse 1.1s ease-in-out infinite}@keyframes target-pulse{50%{filter:brightness(1.25);transform:scale(1.02)}}.g-gold__n{display:inline-block;animation:coin-bump .36s var(--ease-spring)}@keyframes coin-bump{0%{transform:scale(1.45);color:#fff3c4}}.coach{position:relative;z-index:4;animation:coach-glow 1.4s ease-in-out infinite;border-radius:14px}@keyframes coach-glow{50%{box-shadow:0 0 0 3px #ffdc8ce6,0 0 34px #ffc85abf}}.detail__hint.is-coach{color:#fff3cf;font-style:normal;font-weight:700;font-size:17px;text-shadow:0 1px 3px #000;animation:rise-in .4s var(--ease-out)}.flourish{animation:flourish 1.5s var(--ease-out) forwards}@keyframes flourish{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1.02)}}.cb-unit.lunge-up{animation:lunge-up .46s var(--ease-out)}.cb-unit.lunge-down{animation:lunge-down .46s var(--ease-out)}@keyframes lunge-up{0%{transform:none}18%{transform:translateY(8%) scale(.97)}45%{transform:translateY(-42%) scale(1.1)}to{transform:none}}@keyframes lunge-down{0%{transform:none}18%{transform:translateY(-8%) scale(.97)}45%{transform:translateY(42%) scale(1.1)}to{transform:none}}.cb-unit.hit .card{animation:hit .38s var(--ease-out)}@keyframes hit{0%{filter:brightness(2.2) saturate(.3)}25%{transform:translate(-7px) rotate(-1.5deg)}50%{transform:translate(6px) rotate(1deg)}75%{transform:translate(-3px)}to{transform:none;filter:none}}.cb-unit.die{animation:die .7s var(--ease-in) forwards}@keyframes die{0%{opacity:1}30%{filter:brightness(1.8) grayscale(.4);transform:scale(1.04)}to{opacity:0;transform:translateY(18%) scale(.82) rotate(-5deg);filter:grayscale(1) blur(2px)}}.cb-unit.reborn{animation:reborn .8s var(--ease-spring)}@keyframes reborn{0%{opacity:0;transform:scale(.6);filter:brightness(2.5) sepia(1)}}.cb-unit .card{animation:spawn .5s var(--ease-spring) both}@keyframes spawn{0%{opacity:0;transform:translateY(12px) scale(.85)}}.pop{animation:pop .95s var(--ease-out) forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,6px) scale(.6)}18%{opacity:1;transform:translate(-50%,-10px) scale(1.25)}32%{transform:translate(-50%,-14px) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(.95)}}.cb-hero.is-hit .cb-hero__portrait{animation:hero-hit .45s var(--ease-out)}@keyframes hero-hit{0%{filter:brightness(2) sepia(1) hue-rotate(-30deg)}30%{transform:translate(-8px)}60%{transform:translate(6px)}to{transform:none;filter:none}}.cb-hero__bar span{transition:width .5s var(--ease-out)}.cb-bolt line{stroke-dasharray:600;stroke-dashoffset:600;animation:bolt .36s var(--ease-out) forwards}@keyframes bolt{to{stroke-dashoffset:0}}.cb-result__panel{animation:result-in .6s var(--ease-spring) both}@keyframes result-in{0%{opacity:0;transform:translateY(30px) scale(.85)}}.cb-result--win .cb-result__icon{animation:glory 1.8s ease-in-out infinite}.navbtn:hover .medallion{transform:translateY(-3px) rotate(-4deg) scale(1.06)}.medallion{transition:transform .25s var(--ease-spring)}.promo{transition:transform .25s var(--ease-out),box-shadow .25s}.promo:hover{transform:translateY(-4px)}.cq-map__links line.war-order{stroke-dasharray:3 2;animation:march 1.2s linear infinite}.cq-map__links line.war-order.is-mine{stroke-dasharray:4 2}@keyframes march{to{stroke-dashoffset:-12}}.war-city__legions i{animation:rise-in .3s var(--ease-spring) both}.war-scores li b{transition:color .3s}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cb-bolt line{stroke-width:7;stroke-dashoffset:var(--from);animation:comet .34s cubic-bezier(.5,0,.9,.6) forwards}@keyframes comet{0%{stroke-dashoffset:var(--from);opacity:1}85%{opacity:1}to{stroke-dashoffset:var(--to);opacity:0}}.cb-bolt circle{animation:burst .42s ease-out .26s forwards}.cb-bolt__core{fill:#fff8e0!important}@keyframes burst{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(2.2)}}.cb-forces{display:grid;gap:8px;padding:12px 14px;border-radius:12px;background:#0a0704e6}.cb-forces__t{font:700 12px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}.cb-forces__row{display:grid;grid-template-columns:auto auto 1fr;gap:4px 12px;align-items:center;padding:8px 10px;border-radius:8px;background:#ffffff08;border-left:3px solid #e2453a}.cb-forces__row--a{border-left-color:#6ca3b5}.cb-forces__row b{grid-column:1 / -1;font:700 14px var(--font-ui);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-forces__row span{display:inline-flex;gap:4px;align-items:center;font:800 18px var(--font-ui);color:#fff1cf;transition:color .3s}.cb-forces__row .ui-icon{width:16px;height:16px}.cb-forces__n{justify-self:end;font:600 12px var(--font-body, serif)!important;color:var(--text-dim)!important}.cb-hero__bar{position:relative}.cb-hero__trail{position:absolute;inset:0 auto 0 0;display:block;background:#ffe2a8;opacity:.85;transition:width .7s ease-in .35s;border-radius:inherit}.cb-hero__bar>span{position:relative}.combat.is-shaking{animation:arena-shake .36s ease-out}@keyframes arena-shake{20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(2px,-1px)}}.card--gold{border-color:#ffd970!important;box-shadow:0 0 0 1px #fff3c4 inset,0 0 0 2px #b8862b,0 0 18px #ffc8508c,0 8px 18px #0000008c!important}.card--gold:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(115deg,transparent 30%,rgba(255,246,210,.55) 45%,rgba(255,215,120,.25) 52%,transparent 65%);background-size:260% 100%;mix-blend-mode:screen;animation:gold-sheen 3.2s ease-in-out infinite}.card--gold .card__art{filter:saturate(1.15) contrast(1.05) sepia(.18)}.card--gold .card__name{color:#ffe9a8;text-shadow:0 0 8px rgba(255,190,60,.7),0 1px 2px #000}@keyframes gold-sheen{0%{background-position:130% 0}55%,to{background-position:-130% 0}}.card__gold{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:4;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6cf,#e8b13e 55%,#8a5a12);box-shadow:0 0 10px #ffc850e6;color:#3a2300}.card__gold .ui-icon{width:14px;height:14px}.reduce-motion .card--gold:after{animation:none;opacity:0}.toast{gap:10px!important;padding:10px 22px 10px 16px!important;border-radius:4px!important;background:linear-gradient(180deg,#2e2112f7,#140e08f7)!important;border:1px solid #c9a14e!important;box-shadow:0 0 0 1px #000c,inset 0 1px #ffe6aa40,0 10px 28px #000000a6,0 0 24px #ffbe501f!important;color:#fff1cf!important;font:700 15px var(--font-ui)!important;letter-spacing:.04em;text-shadow:0 1px 2px #000;white-space:nowrap;width:max-content;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.toast:before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#d79a2b 60%,#7a4a0e);box-shadow:0 0 8px #ffc85acc}.toast--error{border-color:#e2453a!important}.toast--error:before{background:radial-gradient(circle at 35% 30%,#ffd0c8,#d8382c 60%,#6a120c);box-shadow:0 0 8px #ff5a46cc}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translate(-120%);transition:transform .55s var(--ease-out);pointer-events:none}@media(hover:hover){.btn:not(:disabled):hover:after{transform:translate(120%)}.btn:not(:disabled):hover{filter:brightness(1.08)}}.btn:active:not(:disabled){transform:translateY(1px) scale(.97);filter:brightness(.95)}.btn:disabled{filter:grayscale(.6) brightness(.75);cursor:not-allowed}:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}.offer.is-armed .card{transform:translateY(-6px) scale(1.05);box-shadow:0 0 0 2px #ffd27a,0 0 22px #ffc85abf}.offer__confirm{position:absolute;left:50%;bottom:26%;transform:translate(-50%);z-index:5;padding:4px 10px;border-radius:999px;background:linear-gradient(#ffe08a,#d29a2c);color:#2a1700;font:800 12px var(--font-ui);letter-spacing:.04em;box-shadow:0 4px 12px #0009;animation:tag-in .25s var(--ease-spring) both;pointer-events:none}.offer{position:relative}.card.has-frame{--rk-x: 12.5%;--rk-y: 10%;--at-x: 11.3%;--at-y: 85.2%;--hp-x: 88.5%;--hp-y: 85.2%;--nm-x: 26%;--nm-y: 86.3%;--nm-w: 47.5%;--nm-h: 3.2%;--st-d: 12.1%;border:0;border-radius:5%/3.4%;background:transparent;box-shadow:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55));overflow:visible}.card.has-frame.card--rome{--rk-x: 12.5%;--rk-y: 10.03%;--at-x: 11.33%;--at-y: 85.16%;--hp-x: 88.48%;--hp-y: 85.16%;--nm-x: 26.17%;--nm-y: 86.33%;--nm-w: 47.46%;--nm-h: 2.99%;--st-d: 12.11%}.card.has-frame.card--egypt{--rk-x: 12.3%;--rk-y: 10.16%;--at-x: 11.33%;--at-y: 85.29%;--hp-x: 88.48%;--hp-y: 85.29%;--nm-x: 25.98%;--nm-y: 86.2%;--nm-w: 47.66%;--nm-h: 3.39%;--st-d: 12.5%}.card.has-frame.card--viking{--rk-x: 12.5%;--rk-y: 10.42%;--at-x: 11.72%;--at-y: 85.42%;--hp-x: 88.09%;--hp-y: 85.42%;--nm-x: 26.17%;--nm-y: 86.59%;--nm-w: 47.66%;--nm-h: 3.39%;--st-d: 12.5%}.card.has-frame.card--neutral{--rk-x: 11.91%;--rk-y: 9.11%;--at-x: 11.72%;--at-y: 85.03%;--hp-x: 88.28%;--hp-y: 85.03%;--nm-x: 25.98%;--nm-y: 85.29%;--nm-w: 47.66%;--nm-h: 3.26%;--st-d: 11.72%}.card.has-frame.card--gold{--rk-x: 12.7%;--rk-y: 10.03%;--at-x: 11.13%;--at-y: 86.85%;--hp-x: 88.67%;--hp-y: 86.85%;--nm-x: 25.78%;--nm-y: 86.98%;--nm-w: 48.44%;--nm-h: 4.04%;--st-d: 12.11%}.card.has-frame .card__art{inset:8.6% auto auto 9.6%;width:80.8%;height:73.6%;border-radius:2px;object-position:center 22%}.card.has-frame .wip.card__art{position:absolute}.card.has-frame .card__frame{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;user-select:none}.card.has-frame:after{display:none}.card.has-frame.card--gold:after{display:block;z-index:4;border-radius:5%/3.4%}.card.has-frame>span{z-index:3}.card.has-frame .card__rank,.card.has-frame .card__atk,.card.has-frame .card__hp{position:absolute;width:var(--st-d);aspect-ratio:1;height:auto;min-width:0;padding:0;margin:0;display:grid;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:50%;background:none;font-family:var(--font-ui);font-weight:900;font-size:calc(var(--w) * .085);line-height:1;letter-spacing:-.02em;color:#fff6dc;text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.9)}.card.has-frame .card__rank{left:var(--rk-x);top:var(--rk-y);font-size:calc(var(--w) * .075);color:#ffe7a6}.card.has-frame .card__stats{position:absolute;inset:0;display:block;z-index:3;font-size:inherit;pointer-events:none}.card.has-frame .card__atk{left:var(--at-x);top:var(--at-y);color:#ffe6a8}.card.has-frame .card__hp{left:var(--hp-x);top:var(--hp-y);color:#ffb3a6}.card.has-frame .card__name{left:var(--nm-x);top:var(--nm-y);width:var(--nm-w);height:auto;min-height:var(--nm-h);right:auto;bottom:auto;display:grid;place-items:center;font-size:calc(var(--w) * .047);letter-spacing:-.01em;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f5e3b8;text-shadow:0 1px 1px #000;transform:translateY(calc(var(--w) * -.008))}.card.has-frame.card--gold .card__name{color:#ffe9a8;text-shadow:0 0 6px rgba(255,190,60,.6),0 1px 1px #000}.card.has-frame .card__ability{left:auto;right:6.5%;top:6.5%;transform:none;width:calc(var(--w) * .13);height:calc(var(--w) * .13);font-size:calc(var(--w) * .07);background:radial-gradient(circle at 40% 35%,#2a1e12,#0b0805);border:1px solid rgba(242,200,106,.75);box-shadow:0 0 0 1px #0009,0 2px 4px #0009}.card.has-frame .card__shield{top:42%;right:8%;z-index:3}.card.has-frame .card__gold{top:1.5%;width:calc(var(--w) * .14);height:calc(var(--w) * .14)}.card.has-frame .card__gold .ui-icon{width:60%;height:60%}.card.has-frame.card--gold{box-shadow:none!important;filter:drop-shadow(0 0 10px rgba(255,200,80,.55)) drop-shadow(0 6px 8px rgba(0,0,0,.5))}.card.has-frame.is-selected,.offer:hover:not(:disabled) .card.has-frame,.cb-unit .card.has-frame,.cb-unit.lunge-up .card.has-frame,.cb-unit.lunge-down .card.has-frame{box-shadow:none}.card.has-frame.is-selected,.offer:hover:not(:disabled) .card.has-frame{filter:drop-shadow(0 0 10px rgba(242,200,106,.75))}.cb-unit.lunge-up .card.has-frame,.cb-unit.lunge-down .card.has-frame{filter:drop-shadow(0 0 14px rgba(255,210,120,.85))}@media(max-width:760px){.card.has-frame .card__rank,.card.has-frame .card__atk,.card.has-frame .card__hp{font-size:max(11px,calc(var(--w) * .1))}.card.has-frame .card__ability{display:none}}.cb-unit .card.has-frame .card__stats{font-size:inherit}.pack-card__back{background:url(/img/ui/kit/dos-carte-v2.webp) center / 100% 100% no-repeat!important;border:0!important}.pack-card__back>span{display:none}.btn:not(.btn--ghost){--slice: url(/img/ui/kit/btn-bronze-normal.webp);--slice-h: url(/img/ui/kit/btn-bronze-survol.webp);--slice-a: url(/img/ui/kit/btn-bronze-appui.webp);border-style:solid;border-width:14px 28px;border-image:var(--slice) 32 64 fill / 14px 28px / 0 stretch;border-radius:0;background:none;padding:0 4px;color:#fff0d0;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:none;overflow:visible;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.btn:not(.btn--ghost):after{display:none}@media(hover:hover){.btn:not(.btn--ghost):not(:disabled):hover{border-image-source:var(--slice-h);filter:drop-shadow(0 0 8px rgba(255,210,120,.35)) drop-shadow(0 3px 4px rgba(0,0,0,.45))}}.btn:not(.btn--ghost):active:not(:disabled){border-image-source:var(--slice-a);transform:translateY(1px);filter:none}.btn--gold:not(.btn--ghost){--slice: url(/img/ui/kit/btn-or-normal.webp);--slice-h: url(/img/ui/kit/btn-or-survol.webp);--slice-a: url(/img/ui/kit/btn-or-appui.webp);color:#251609;text-shadow:0 1px 0 rgba(255,240,200,.45)}.btn--gold:before{content:"";position:absolute;left:50%;top:-14px;width:32px;height:16px;transform:translate(-50%,-38%);background:url(/img/ui/kit/ornement-btn-or.webp) center / contain no-repeat;pointer-events:none}.btn--danger:not(.btn--ghost),.btn--fight:not(.btn--ghost){--slice: url(/img/ui/kit/btn-rouge-normal.webp);--slice-h: url(/img/ui/kit/btn-rouge-survol.webp);--slice-a: url(/img/ui/kit/btn-rouge-appui.webp);color:#fff0d0}.btn--fight:not(.btn--ghost){border-width:18px 34px;border-image-width:18px 34px}.btn--fight svg{color:#ffe7a6}.btn--sm:not(.btn--ghost){min-height:34px;border-width:9px 18px;border-image-width:9px 18px;font-size:13px}.btn:disabled:not(.btn--ghost){filter:grayscale(.7) brightness(.7)}.btn--ghost{border-radius:8px}.btn.coach:not(.btn--ghost){animation:coach-glow-f 1.4s ease-in-out infinite}@keyframes coach-glow-f{50%{filter:drop-shadow(0 0 6px rgba(255,225,150,.95)) drop-shadow(0 0 18px rgba(255,190,80,.7))}}.modal__panel,.howto{border-style:solid!important;border-width:30px!important;border-image:url(/img/ui/kit/panneau-or.webp) 64 fill / 30px / 0 stretch;border-radius:0;background:none!important;box-shadow:none!important;filter:drop-shadow(0 18px 40px rgba(0,0,0,.75));padding:6px 10px}.modal__panel.frame:before,.modal__panel.frame:after{display:none}.howto{padding:10px 14px 6px!important}.toast{border-style:solid!important;border-width:14px 24px!important;border-image:url(/img/ui/kit/panneau-parchemin.webp) 64 fill / 14px 24px / 0 stretch!important;border-radius:0!important;background:none!important;color:#2a1a0a!important;text-shadow:none!important;padding:2px 6px!important;font-weight:700;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6))}.toast--error{border-image-source:url(/img/ui/kit/panneau-parchemin.webp)!important;color:#7a120a!important}.kit-sep{display:block;height:20px;margin:6px auto;width:min(100%,600px);background:url(/img/ui/kit/separateur.webp) center / contain no-repeat}.slot__empty{background:url(/img/ui/kit/case-plateau.webp) center / 100% 100% no-repeat!important;border:0!important;box-shadow:none!important}.slot__empty>svg{opacity:.25}.slot.is-target .slot__empty,.slot.is-drop .slot__empty{background-image:url(/img/ui/kit/case-plateau-active.webp)!important;outline:0!important;filter:drop-shadow(0 0 10px rgba(255,200,100,.55))}.cb-slot{border:0;background:none}.cb-slot:before{content:"";position:absolute;inset:0;background:url(/img/ui/kit/case-plateau.webp) center / 100% 100% no-repeat;opacity:.55;pointer-events:none}.card.has-frame.is-dim{filter:grayscale(.6) brightness(.7) drop-shadow(0 6px 8px rgba(0,0,0,.55))}.cb-unit{cursor:pointer}.cb-inspect{position:fixed;inset:0;z-index:65;display:grid;place-items:center;padding:16px;background:#0403029e;backdrop-filter:blur(2px);animation:fade-in .18s ease-out}.cb-inspect__panel{display:grid;grid-template-columns:auto minmax(0,340px);gap:18px;align-items:center;border-style:solid;border-width:30px;border-image:url(/img/ui/kit/panneau-or.webp) 64 fill / 30px / 0 stretch;padding:4px 8px;filter:drop-shadow(0 18px 40px rgba(0,0,0,.75));animation:rise-in .25s var(--ease-out, ease-out)}.cb-inspect__panel .card{--w: 200px}.cb-inspect__text{display:grid;gap:8px;color:var(--text);font-size:17px;line-height:1.35}.cb-inspect__text h3{margin:0;font-family:var(--font-title);font-size:26px;color:var(--gold-1)}.cb-inspect__text p{margin:0}.cb-inspect__meta{color:var(--text-dim);font-size:15px}.cb-inspect__gold{color:#ffd970;font-style:normal}.cb-inspect .btn{justify-self:start;margin-top:6px}@media(max-width:760px){.cb-inspect__panel{grid-template-columns:1fr;justify-items:center;text-align:center;border-width:22px;border-image-width:22px}.cb-inspect__panel .card{--w: 150px}.cb-inspect .btn{justify-self:center}}.g-shopctl{position:absolute;right:0;display:flex;gap:8px;align-items:center}.g-shopctl .g-reroll{position:static}.g-freeze{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(160,210,255,.45);background:linear-gradient(180deg,#141e2cf2,#080c14f2);box-shadow:inset 0 1px #c8ebff26,0 6px 16px #00000080;font-family:var(--font-ui);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#bfe3ff;cursor:pointer;transition:filter .12s,transform .12s,box-shadow .2s}.g-freeze>span:first-child{font-size:22px;line-height:1}.g-freeze:hover:not(:disabled){filter:brightness(1.25)}.g-freeze.is-on{color:#fff;border-color:#9fd8ff;background:linear-gradient(180deg,#3d7fb8,#173a5e);box-shadow:0 0 16px #8cd2ff99,inset 0 1px #ffffff59}.shop.is-frozen{box-shadow:0 0 0 2px #96d7ffbf,0 0 26px #82c8ff73}.shop.is-frozen .offer .card{filter:saturate(.75) brightness(.95) drop-shadow(0 0 6px rgba(150,215,255,.7))}.shop.is-frozen:after{content:"❄  Boutique gelée";position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 12px;border-radius:999px;background:#173a5e;border:1px solid #9fd8ff;color:#e6f5ff;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.shop{position:relative}@media(max-width:760px){.g-shopctl{position:static;gap:6px}.g-freeze{height:38px;padding:0 10px}.g-freeze__txt{display:none}}@media(max-width:760px){.g-gold{min-width:0;padding:0 10px}.g-gold svg{flex:none;width:22px;height:22px}.g-lives{padding:0 8px}}@media(max-width:760px){.page__banner{height:150px;padding-bottom:12px}.page__kicker{font-size:11px;letter-spacing:.14em}.page-tabs{flex-wrap:wrap;overflow:visible}.page-tabs .tabs__spacer{display:none}.page-tabs>.btn{order:-1;flex:1 0 100%}.page-tabs .tab{flex:1 1 auto;min-height:40px;padding:6px 10px;font-size:14px}.pass2__rowlabel{font-size:10px;letter-spacing:.02em;writing-mode:vertical-rl;transform:rotate(180deg)}nav.tabs[aria-label=Civilisations]{display:grid;grid-template-columns:1fr 1fr;gap:6px}nav.tabs[aria-label=Civilisations] .tab{min-height:40px;padding:6px 8px;font-size:13px;justify-content:center;text-align:center}.civ-signature{font-size:14px;margin:8px 0}.civ-signature span{display:none}.subtabs{flex-wrap:wrap;gap:6px}.subtabs__ranks{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;width:100%;scrollbar-width:none;padding-bottom:2px}.subtabs__ranks::-webkit-scrollbar{display:none}.subtabs__ranks .chip{flex:none}}.board .slot .card,.hand__card .card{animation:none}.final.frame,.recap.frame{border-style:solid;border-width:30px;border-image:url(/img/ui/kit/panneau-or.webp) 64 fill / 30px / 0 stretch;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 18px 40px rgba(0,0,0,.75))}.final.frame:before,.final.frame:after,.recap.frame:before,.recap.frame:after{display:none}.final__rewards b{font-weight:inherit}.recap .recap__next{position:fixed;left:0;right:0;bottom:max(2.5vh,12px);margin:0 auto;width:fit-content;min-width:min(360px,86vw);z-index:5}.recap{padding-bottom:76px!important}.play--resume .play__label{font-size:clamp(22px,2.5vw,36px);letter-spacing:.03em}.play--resume .play__icon{width:40px;height:40px}.crash{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:radial-gradient(80% 60% at 50% 40%,#2a1a0c,#0b0806);z-index:100}.crash__panel{max-width:560px;display:grid;gap:12px;text-align:center;border-style:solid;border-width:30px;border-image:url(/img/ui/kit/panneau-or.webp) 64 fill / 30px / 0 stretch;padding:6px 10px;color:var(--text)}.crash__panel h2{margin:0;font-family:var(--font-title);color:var(--gold-1)}.crash__panel pre{text-align:left;white-space:pre-wrap;font-size:12px;max-height:160px;overflow:auto;background:#00000080;padding:8px;border-radius:6px}.crash__panel .btn{justify-self:center}.cb-result__panel.frame{min-width:min(440px,92vw);padding:8px 18px;border-style:solid;border-width:30px;border-image:url(/img/ui/kit/panneau-or.webp) 64 fill / 30px / 0 stretch;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 20px 40px rgba(0,0,0,.8))}.cb-result__panel.frame:before,.cb-result__panel.frame:after{display:none}.cb-result h2{font-size:clamp(40px,5vw,64px);letter-spacing:.06em}.cb-result--win h2{background:linear-gradient(180deg,#fff8e0,#f6d27a 55%,#c98a2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(242,200,106,.55))}.cb-result__icon{font-size:44px}.cb-result--win:before{content:"";position:absolute;left:50%;top:50%;width:140vmax;height:140vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(255,215,130,.13) 0deg 6deg,transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 45%);mask:radial-gradient(circle,#000 0,transparent 45%);animation:rays-spin 18s linear infinite;pointer-events:none}.cb-result--loss{background:radial-gradient(80% 70% at 50% 50%,#3c06048c,#000c)}@keyframes rays-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.reduce-motion .cb-result--win:before{animation:none}.cb-result__panel{animation:none!important}.mech-tag{display:inline-flex;align-items:center;gap:.25em;padding:.1em .55em;border-radius:999px;font:700 .72rem/1.4 var(--font-title, serif);letter-spacing:.04em;text-transform:uppercase;color:#f6ead2;background:#3c3024d9;border:1px solid rgba(214,178,106,.45);white-space:nowrap}.mech-tag--A{background:linear-gradient(180deg,#8a5a1c,#5d3a10);border-color:#e2b55d}.mech-tag--B{background:linear-gradient(180deg,#2f5f68,#1d3d45);border-color:#79c2cf}.card-grid__item,.deck-row__card{position:relative}.card-grid__item>.mech-tag,.deck-row__card>.mech-tag{position:absolute;left:50%;transform:translate(-50%);top:-.55rem;z-index:3;pointer-events:none;font-size:.62rem}.deck-row__card>.mech-tag{top:auto;bottom:-.5rem;font-size:.55rem;padding:0 .4em}.mech-intro{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem;margin:.4rem 0 .8rem}.mech-intro__item{margin:0;padding:.55rem .75rem;border-radius:10px;background:#140f0a8c;border:1px solid rgba(214,178,106,.25);font-size:.88rem;line-height:1.4}.mech-intro__item .mech-tag{margin-right:.35rem}.deck-mechs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:0 0 .6rem;font-weight:700}.deck-mechs small{flex-basis:100%;font-weight:400;opacity:.8}.detail .mech-tag{vertical-align:middle;font-size:.65rem}.g-counters{display:inline-flex;gap:.35rem;flex-wrap:wrap}.g-counter{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;background:#0f0b08b8;border:1px solid rgba(214,178,106,.4);font-size:.85rem;color:#f6ead2}.g-counter b{font-variant-numeric:tabular-nums;color:#f3cf7a}.g-counter .ui-icon{width:1.05em;height:1.05em}.g-counter--ka b{color:#f1d98a}.g-counter--fallen b{color:#9fd3e0}.g-counter--trade b{color:#d7c4ff}@media(max-width:760px){.g-counter__name{display:none}.g-counter{padding:.15rem .4rem;font-size:.78rem}}.card__saga{position:absolute;top:18%;right:6%;z-index:4;padding:0 .35em;border-radius:999px;background:#1d3d45;border:1px solid #79c2cf;color:#dff6fb;font:700 .7em/1.5 var(--font-title, serif)}.card__atk.is-big,.card__hp.is-big{font-size:.82em;letter-spacing:-.02em}.g-counter-panel .g-counters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.g-counter-panel .g-counter{font-size:.8rem}.g-counters--inline{display:none}@media(max-width:760px){.g-counter-panel{display:none}.g-counters--inline{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px}.g-counters--inline .g-counter{padding:1px 6px;font-size:.72rem}}.hud-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));pointer-events:none}.hud-icon--svg{display:grid;place-items:center;color:var(--gold-2);font:900 1em/1 var(--font-ui)}.hud-icon--svg svg{width:100%;height:100%}.back-btn{position:relative;flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;transition:transform .15s ease,filter .15s ease}.back-btn img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}.back-btn:hover{transform:scale(1.07) rotate(-4deg);filter:brightness(1.15) drop-shadow(0 0 12px rgba(255,205,110,.55))}.back-btn:active{transform:scale(.92)}.back-btn__disc{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#3a2408;background:radial-gradient(circle at 50% 42%,#fff2c2,#f2c86a,#b57a24 64%,#6d4510);box-shadow:inset 0 0 0 3px #3c2308d9,inset 0 0 0 5px #f8dc8c,inset 0 0 0 8px #8a5a18,inset 0 -6px 10px #46280699,inset 0 6px 8px #fffadc99,0 0 0 2px #0000008c,0 6px 14px #000000b3}.back-btn__disc svg{width:54%;height:54%;filter:drop-shadow(0 1px 0 rgba(255,245,210,.7))}.back-btn--close{width:46px;height:46px}.help{position:relative;display:inline-flex;vertical-align:middle}.help__btn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;transition:transform .15s,filter .15s}.help__btn .hud-icon--svg{width:100%;height:100%;border-radius:50%;font-size:17px;color:#2a1804;background:radial-gradient(circle at 45% 38%,#fff2c2,#e9b955 55%,#8a5a18);box-shadow:inset 0 0 0 2px #3c2308cc,0 0 0 1px #0009,0 2px 6px #0009}.help__btn:hover{transform:scale(1.12);filter:brightness(1.15) drop-shadow(0 0 8px rgba(255,205,110,.6))}.help.is-open .help__btn{filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,205,110,.8))}.help__pop{position:absolute;z-index:60;top:calc(100% + 10px);left:50%;width:min(360px,86vw);transform:translate(-50%);display:grid;gap:8px;padding:14px 16px;border-radius:12px;text-align:left;white-space:normal;background:linear-gradient(180deg,#261a0efa,#100b07fa);border:1px solid var(--gold-2);box-shadow:0 0 0 1px #000000b3,0 16px 40px #000000bf,0 0 30px #f2c86a26;font:500 17px/1.4 var(--font-body);color:var(--text);text-transform:none;letter-spacing:0;animation:help-in .18s cubic-bezier(.2,1.3,.4,1)}.help__pop:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:#2a1c0f;border-left:1px solid var(--gold-2);border-top:1px solid var(--gold-2)}.help.is-up .help__pop{top:auto;bottom:calc(100% + 10px)}.help.is-up .help__pop:before{top:auto;bottom:-7px;transform:translate(-50%) rotate(225deg)}.help__title{font:900 15px/1.2 var(--font-ui);color:var(--gold-1);letter-spacing:.05em;text-transform:uppercase}.help__body{display:grid;gap:8px}.help__line{display:block}.help__line .mech-tag{margin-right:4px}@keyframes help-in{0%{opacity:0;transform:translate(-50%,-6px) scale(.96)}}@media(max-width:760px){.help__pop{position:fixed;left:50%;top:auto;bottom:calc(20px + var(--safe-bottom))}.help__pop:before{display:none}.help.is-up .help__pop{bottom:calc(20px + var(--safe-bottom))}}.wallet{display:flex;gap:10px;align-items:center}.wallet__coin{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 6px;border-radius:999px;background:linear-gradient(180deg,#22180deb,#0c0805eb);border:1px solid var(--gold-line);box-shadow:inset 0 1px #fff0be26,0 6px 16px #00000080}.wallet__coin .hud-icon{width:40px;height:40px;margin-left:-10px}.wallet__coin b{font:700 19px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:#fff4d6;text-shadow:0 1px 2px #000}.page{scrollbar-width:thin;scrollbar-color:rgba(242,200,106,.4) transparent}.page__scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#2a1a0c,#0b0907 70%)}.page__scene img{width:100%;height:100%;object-fit:cover;object-position:center 40%;animation:kenburns 50s ease-in-out infinite alternate}.page__scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080604c7,#08060459 18%,#0806048c 55%,#080604eb),radial-gradient(90% 70% at 50% 45%,transparent 40%,rgba(0,0,0,.65) 100%)}.page__motes{position:absolute;inset:0;pointer-events:none}.page__motes i{position:absolute;bottom:-10px;left:calc(var(--i) * 7.3% + 2%);width:4px;height:4px;border-radius:50%;background:#ffcf6e;box-shadow:0 0 8px 2px #ffaa3cb3;opacity:0;animation:mote 9s linear infinite;animation-delay:calc(var(--i) * -.7s)}.page__motes i:nth-child(3n){animation-duration:12s;width:3px;height:3px}@keyframes mote{0%{opacity:0;transform:translate(0)}12%{opacity:.9}to{opacity:0;transform:translate(40px,-105vh)}}.page__banner,.page__bg{display:none}.page__hud{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:calc(12px + var(--safe-top)) clamp(14px,3vw,40px) 12px;background:linear-gradient(180deg,rgba(8,6,4,.9),rgba(8,6,4,.55) 70%,transparent);backdrop-filter:blur(3px)}.page__name{margin:0;min-width:0;text-align:center}.page__name span{display:inline-block;position:relative;padding:0 34px;font:900 clamp(26px,3vw,42px)/1.05 var(--font-title);text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(180deg,#fff6d6,#f6d27a 40%,#c98f2e 65%,#fbe39a 82%,#a8701f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 10px rgba(0,0,0,.9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.page__name span:before,.page__name span:after{content:"";position:absolute;top:50%;width:22px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-2));box-shadow:0 0 6px #f2c86a99}.page__name span:before{left:0}.page__name span:after{right:0;transform:scaleX(-1)}.page__hud-right{display:flex;align-items:center;gap:10px;justify-self:end}.page__body{width:min(1320px,100%);padding-top:10px;font-size:18px}.page .panel{background:linear-gradient(180deg,#1a120adb,#0a0704e6);backdrop-filter:blur(4px)}.hud-chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:#0c0805d9;border:1px solid var(--gold-line);font:700 16px/1 var(--font-ui);color:var(--text)}.hud-chip .hud-icon{width:26px;height:26px}@media(max-width:760px){.page__hud{grid-template-columns:auto 1fr auto;gap:8px;padding:calc(8px + var(--safe-top)) 10px 8px}.back-btn{width:44px;height:44px}.page__name span{font-size:clamp(15px,4.6vw,22px);padding:0 4px;white-space:normal;line-height:1}.page__name span:before,.page__name span:after{display:none}.wallet{gap:5px}.wallet__coin{height:34px;padding:0 10px 0 4px;gap:4px}.wallet__coin .hud-icon{width:28px;height:28px;margin-left:-6px}.wallet__coin b{font-size:14px}.page__hud-right .hud-chip{display:none}.page__body{font-size:16px;padding-top:4px}}@media(max-width:380px){.wallet__coin:nth-child(2){display:none}}.page .tabs{gap:10px}.page .tab{position:relative;padding:12px 22px;border-radius:12px;font-size:16px;letter-spacing:.04em;border:1px solid rgba(242,200,106,.28);background:linear-gradient(180deg,#1e150ceb,#0a0704eb);color:var(--text-dim);transition:color .15s,border-color .15s,transform .15s,box-shadow .2s}.page .tab:hover{color:#fff3d8;border-color:var(--gold-2);transform:translateY(-1px)}.page .tab.is-on{color:#2a1804;border-color:var(--gold-1);background:linear-gradient(180deg,#fff0b8,#f2c86a 45%,#c98f2e);box-shadow:0 0 22px #f2c86a73,inset 0 1px #fff9}.page .tab.is-on .tab__count{color:#4a2c08}@media(max-width:760px){.page .tab{padding:9px 13px;font-size:13px}}.home{grid-template-columns:minmax(220px,280px) 1fr;padding-left:max(var(--gutter),28px);padding-right:max(var(--gutter),28px)}.side{padding-top:6px}.promo{width:100%}.currency{height:50px;border-radius:999px;padding:0 5px 0 4px;background:linear-gradient(180deg,#22180deb,#0c0805eb)}.currency__icon{width:44px;height:44px;margin-left:-12px;display:grid;place-items:center}.currency__icon .hud-icon{width:44px;height:44px}.currency__add{width:36px;height:36px;border:0;border-radius:50%;background:none;padding:0}.currency__add .hud-icon--svg{border-radius:50%;color:#2a1804;background:radial-gradient(circle at 45% 38%,#fff2c2,#e9b955 55%,#8a5a18);box-shadow:inset 0 0 0 2px #3c2308cc,0 2px 5px #0009}.currency__add .hud-icon--svg svg{width:55%;height:55%}.iconbtn{width:52px;height:52px;border:0;border-radius:50%;background:none;box-shadow:none;padding:0}.iconbtn .hud-icon{width:100%;height:100%}.iconbtn .hud-icon--svg{border-radius:50%;background:linear-gradient(180deg,#3a2a16,#1a120a);border:1px solid var(--gold-line)}.iconbtn .hud-icon--svg svg{width:55%;height:55%}.iconbtn:hover{transform:scale(1.08);filter:brightness(1.15) drop-shadow(0 0 10px rgba(255,205,110,.55))}.profile__trophies .hud-icon{display:inline-block;width:22px;height:22px;vertical-align:-5px}.bottombar{align-items:center;gap:14px;padding:10px 18px;grid-template-columns:repeat(2,minmax(100px,132px)) minmax(280px,400px) repeat(2,minmax(100px,132px));background:linear-gradient(180deg,#140e0859,#0a0704d9);border-radius:999px}.navbtn{height:92px;gap:4px;padding-top:2px;border-radius:18px;background:radial-gradient(90% 80% at 50% 30%,#402c14d9,#0e0a06eb)}.navbtn__icon{display:grid;place-items:center;width:58px;height:58px;margin-top:-2px}.navbtn__icon .medallion{width:58px;height:58px;object-fit:contain;transition:transform .2s cubic-bezier(.2,1.4,.4,1)}.navbtn:hover .navbtn__icon .medallion{transform:scale(1.12) translateY(-2px)}.navbtn__label{font-size:14px;line-height:1}.play-wrap{position:relative;display:grid;height:112px;margin:-6px 0;filter:drop-shadow(0 0 18px rgba(255,170,70,.45)) drop-shadow(0 8px 14px rgba(0,0,0,.7))}.play-wrap:before{content:"";position:absolute;inset:-5px -9px;z-index:0;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(180deg,#fff6cf,#f2c86a 22%,#9a6a1e 50%,#f8dc8c 76%,#7d5216)}.play-wrap:after{content:"";position:absolute;inset:-9px -14px;z-index:-1;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(180deg,#3a2408,#120c05);animation:play-halo 2.4s ease-in-out infinite}@keyframes play-halo{50%{filter:brightness(2.6)}}.play-wrap .play{height:100%;margin:0;z-index:1;box-shadow:inset 0 0 0 2px #3c0a08e6,inset 0 0 0 4px #ffdc8c8c,inset 0 -10px 24px #2800008c}.play-wrap__frame{position:absolute;inset:-26px -40px;z-index:2;width:calc(100% + 80px);height:calc(100% + 52px);object-fit:fill;pointer-events:none}.play-wrap:has(.play-wrap__frame):before{display:none}@media(max-width:1100px){.bottombar{grid-template-columns:repeat(2,minmax(78px,110px)) minmax(220px,300px) repeat(2,minmax(78px,110px));gap:8px}}@media(max-width:760px){.home{padding-left:var(--gutter);padding-right:var(--gutter)}.currency{height:38px}.currency__icon,.currency__icon .hud-icon{width:32px;height:32px;margin-left:-6px}.currency__add{width:26px;height:26px}.iconbtn{width:38px;height:38px}.bottombar{border-radius:18px;padding:10px;gap:8px;align-items:stretch}.play-wrap{grid-area:play;height:76px;margin:4px 6px 6px}.navbtn{height:70px}.navbtn__icon,.navbtn__icon .medallion{width:40px;height:40px}.navbtn__label{font-size:11px}}@media(max-height:520px)and (min-width:761px){.play-wrap{height:80px}.navbtn{height:68px}}.card.has-frame .card__name{inset:87.9% 17.5% auto;width:auto;height:auto;min-height:6.6%;transform:translateY(-50%);display:grid;place-items:center;padding:.18em .25em;border-radius:.5em/50%;background:radial-gradient(120% 140% at 50% 30%,#2a1d10,#120c06 70%);box-shadow:inset 0 0 0 1px #f2c86a8c,inset 0 1px #fff0be40,0 1px 3px #000c;font-family:var(--font-ui);font-weight:900;font-size:max(7px,min(calc(var(--w) * .084),calc(var(--w) * .86 / var(--nl, 12))));letter-spacing:0;line-height:1;white-space:nowrap;text-align:center;color:#fff3d6;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.9)}.card.has-frame.card--long .card__name{white-space:normal;font-size:max(7px,min(calc(var(--w) * .062),calc(var(--w) * 1.6 / var(--nl, 12))));line-height:.98;padding:.22em .4em}.card.has-frame.card--gold .card__name{color:#ffe9a8;box-shadow:inset 0 0 0 1px #ffe08a,0 0 8px #ffc85080}.card.has-frame .card__name>span{overflow:hidden;text-overflow:ellipsis;max-width:100%}.card.has-frame .card__ability{display:none}.card.has-frame .card__rank{font-size:calc(var(--w) * .09)}.card.has-frame .card__atk,.card.has-frame .card__hp{font-size:calc(var(--w) * .1)}.card__video{object-fit:cover}@media(max-width:760px){.card.has-frame .card__name{display:none}.card-grid .card.has-frame .card__name,.card-detail .card.has-frame .card__name,.pk .card.has-frame .card__name,.pk-legend .card.has-frame .card__name{display:grid}}.page--collection .tabs{justify-content:center}.page--collection .subtabs{justify-content:center;gap:10px}.page--collection .subtabs .chip{padding:9px 22px;font-size:16px}.page--collection .subtabs .chip small{margin-left:6px;opacity:.75}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px}.filters__group{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:5px;border-radius:999px;background:#08060499;border:1px solid rgba(242,200,106,.15)}.filters .chip{border-color:transparent;background:transparent;font-size:14px;padding:6px 14px}.filters .chip.is-on{background:linear-gradient(180deg,var(--gold-1),var(--gold-3))}.chip--mech-A:not(.is-on){color:#f3c47a}.chip--mech-B:not(.is-on){color:#8fd3df}.rank-pips{display:inline-flex;gap:3px;vertical-align:middle}.rank-pips i{width:8px;height:8px;transform:rotate(45deg);background:currentColor;border-radius:1px;box-shadow:0 0 4px #f2c86a80}.card-grid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:26px 18px;justify-items:center}.card-grid__item{padding:0;background:none;border:0;border-radius:14px;position:relative;transition:transform .2s cubic-bezier(.2,1.3,.4,1),filter .2s}.card-grid__item:hover{transform:translateY(-6px) scale(1.03);filter:drop-shadow(0 0 16px rgba(242,200,106,.35))}.card-grid__item .card{--w: 206px}.card-grid__item .mech-tag,.card-grid__text{display:none}.card-grid__lock{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:5;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#080604bf;border:1px solid var(--gold-line);font-size:24px;color:var(--gold-2);box-shadow:0 0 18px #000c}.card-grid__lock svg{width:26px;height:26px}@media(max-width:760px){.card-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}.card-grid__item .card{--w: calc((100vw - 48px)/2) }.filters{gap:8px}.filters .chip{font-size:12px;padding:5px 10px}}.modal__panel.card-detail{position:relative;grid-template-columns:auto minmax(0,1fr);gap:34px;max-width:860px;padding:30px 34px;align-items:center}.card-detail .card{--w: 300px}.card-detail__close{position:absolute;top:12px;right:12px;z-index:5}.card-detail__info{display:grid;gap:16px;align-content:center}.card-detail__info h3{margin:0;font:900 34px/1.05 var(--font-ui);color:var(--gold-1);text-shadow:0 0 18px color-mix(in srgb,var(--civ) 50%,transparent)}.card-detail__text{margin:0;font:600 27px/1.4 var(--font-body);color:#fbf0d8}.card-detail__actions{display:flex;gap:10px;flex-wrap:wrap}.card-detail .cq-hint{display:flex;align-items:center;gap:8px}@media(max-width:760px){.modal__panel.card-detail{grid-template-columns:1fr;justify-items:center;gap:16px;padding:22px 16px}.card-detail .card{--w: min(230px, 62vw)}.card-detail__info h3{font-size:24px;text-align:center}.card-detail__text{font-size:18px;text-align:center}}.rich b{font-weight:800}.rt-trigger{color:#ffd27a;font-family:var(--font-ui);font-weight:900;font-size:.86em;letter-spacing:.02em;text-transform:uppercase}.rt-num{color:#9be37c;white-space:nowrap}.rt-kw{color:#ffe9a8;cursor:help;text-decoration:underline dotted rgba(255,233,168,.45);text-underline-offset:3px}.rt-kw--rome{color:#ff8a73}.rt-kw--egypt{color:#7fc8ff}.rt-kw--viking{color:#a9d8e6}.rt-kw--neutral{color:#e0b3ff}.kw-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kw-list li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;padding:8px 12px;border-radius:10px;background:#ffe9a80d;border-left:3px solid #ffe9a8;font-size:18px;font-weight:600;line-height:1.35;color:var(--text-dim)}.kw-list li b{font:900 14px/1.2 var(--font-ui);color:#ffe9a8;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.kw-list--rome{border-left-color:#ff8a73!important}.kw-list--rome b{color:#ff8a73!important}.kw-list--egypt{border-left-color:#7fc8ff!important}.kw-list--egypt b{color:#7fc8ff!important}.kw-list--viking{border-left-color:#a9d8e6!important}.kw-list--viking b{color:#a9d8e6!important}.kw-list--neutral{border-left-color:#e0b3ff!important}.kw-list--neutral b{color:#e0b3ff!important}@media(max-width:760px){.kw-list li{grid-template-columns:1fr;gap:2px;font-size:14px}}.deck-mechs{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.deck-row__card .mech-tag{display:none}.deck-row .card{--w: 112px}@media(max-width:760px){.deck-row .card{--w: 76px}}.back-btn.has-img:hover img{content:url(/img/ui/kit/btn-retour-survol.webp)}.back-btn--close.has-img:hover img{content:url(/img/ui/kit/btn-fermer.webp)}.help__btn img.hud-icon{border-radius:50%}img.ui-icon--painted{display:inline-block;width:1.25em;height:1.25em;object-fit:contain;vertical-align:-.28em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.g-gold img.ui-icon--painted,.g-top img.ui-icon--painted{width:1.4em;height:1.4em}@media(min-width:761px){.shop .card,.offer__empty{--w: clamp(96px, min(10.4vw, 19vh, calc((100vw - 600px) / 5.6)), 196px)}.shop .card.has-frame .card__name{display:grid}}.offer:hover:not(:disabled) .card{transform:translateY(-6px)}.offer{cursor:pointer}.offer[draggable=true]{cursor:grab}.modal__panel.peek{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:30px;align-items:center;max-width:820px;padding:28px 32px}.peek .card{--w: 280px}.peek__close{position:absolute;top:12px;right:12px}.peek__info{display:grid;gap:14px}.peek__info h3{margin:0;font:900 32px/1.05 var(--font-ui);color:var(--gold-1)}.peek__text{margin:0;font:600 25px/1.4 var(--font-body);color:#fbf0d8}.peek__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.peek__actions .btn{min-height:56px;padding:0 24px;font-size:19px;gap:8px}.peek__actions .hud-icon{width:30px;height:30px}.peek__tip{font:600 16px/1.2 var(--font-body);color:var(--text-dim);font-style:italic}@media(max-width:760px){.modal__panel.peek{grid-template-columns:1fr;justify-items:center;text-align:center;padding:20px 14px;gap:12px}.peek .card{--w: min(220px, 58vw)}.peek__info h3{font-size:22px}.peek__text{font-size:18px}.peek__actions{justify-content:center}.peek__tip{display:none}}.slot,.hand__card{position:relative}.stat-pop{position:absolute;left:50%;top:30%;z-index:20;display:flex;align-items:baseline;gap:2px;transform:translate(-50%);pointer-events:none;font:900 clamp(22px,2.4vw,38px)/1 var(--font-title);text-shadow:0 0 10px rgba(0,0,0,.9),0 2px 0 #000;animation:stat-pop 1.6s cubic-bezier(.2,1.3,.4,1) forwards;white-space:nowrap}.stat-pop__a{color:#ffd35a}.stat-pop__h{color:#ff8f7a}.stat-pop i{color:#fff3d6;font-style:normal}@keyframes stat-pop{0%{opacity:0;transform:translate(-50%,20px) scale(.4)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.25)}70%{opacity:1;transform:translate(-50%,-26px) scale(1)}to{opacity:0;transform:translate(-50%,-56px) scale(.9)}}.slot:has(.stat-pop) .card,.hand__card:has(.stat-pop) .card{animation:buff-glow 1.4s ease-out}@keyframes buff-glow{0%{filter:drop-shadow(0 0 0 rgba(255,210,90,0))}25%{filter:drop-shadow(0 0 22px rgba(255,210,90,1)) brightness(1.25)}to{filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}}.cb-unit.is-acting{z-index:6}.cb-unit.is-acting .card{box-shadow:inset 0 0 0 2px var(--civ),inset 0 0 0 4px #ffe3a0,0 0 0 2px #ffd682e6,0 0 34px 6px #ffc45abf;filter:brightness(1.12)}.cb-unit.is-acting:before{content:"";position:absolute;left:50%;bottom:-14px;width:70%;height:16px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,210,120,.85),transparent);z-index:-1;animation:act-glow .6s ease-out}.cb-unit.is-target:after,.cb-hero__portrait.is-target:after{content:"";position:absolute;inset:50% auto auto 50%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,transparent 58%,rgba(255,90,60,.9) 62%,rgba(255,90,60,0) 70%,transparent 76%,rgba(255,200,120,.7) 79%,transparent 84%);pointer-events:none;z-index:4;animation:target-in .35s cubic-bezier(.2,1.6,.4,1) both}.cb-hero__portrait{position:relative}.cb-unit.is-buffed .card{animation:buff-glow .9s ease-out}.cb-unit.is-healed .card{animation:heal-glow .9s ease-out}.pop--poison{color:#a6ff5c;text-shadow:0 0 10px rgba(90,200,40,.9),0 2px 0 #000}@keyframes act-glow{0%{opacity:0;transform:translate(-50%) scale(.4)}}@keyframes target-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.6) rotate(-40deg)}}@keyframes heal-glow{30%{filter:brightness(1.3) drop-shadow(0 0 16px rgba(120,255,150,.9))}}.reduce-motion .cb-unit.is-target:after,.reduce-motion .cb-unit.is-acting:before{animation:none}.mreveal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;align-content:center;gap:clamp(10px,2.4vh,24px);padding:24px 16px;text-align:center;color:var(--parch, #f3e6c8);animation:fade-in .35s ease-out}.mreveal__bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,rgba(120,70,20,.35),transparent 60%),url(/img/jeu/recherche-fond.webp) center 35% / cover,url(/img/jeu/arene-pc.webp) center / cover,#0b0806;filter:saturate(.8)}.mreveal__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#0a060326,#0a0603c7 80%)}.mreveal__title{margin:0;font-family:var(--font-title, serif);font-size:clamp(26px,4vw,52px);letter-spacing:.06em;color:#ffe2a0;text-shadow:0 0 24px rgba(255,170,60,.55),0 3px 0 #000}.mreveal__sub{margin:0;font-size:clamp(14px,1.4vw,19px);opacity:.85}.mreveal__seal{position:relative;width:clamp(110px,14vw,170px);aspect-ratio:1}.mreveal__seal i{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:#f2c86a;border-left-color:#f2c86a59;animation:spin 1.1s linear infinite}.mreveal__seal i:nth-child(2){inset:16%;border-top-color:#ff9a4a;animation-duration:1.6s;animation-direction:reverse}.mreveal__seal i:nth-child(3){inset:34%;background:radial-gradient(circle,rgba(255,210,120,.9),rgba(255,140,40,.2) 60%,transparent 70%);border:0;animation:pulse-soft 1.1s ease-in-out infinite}.mreveal__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,clamp(92px,11vw,150px));gap:clamp(8px,1.2vw,18px);justify-content:center}.mreveal__foe{display:grid;justify-items:center;gap:6px;padding:12px 8px 10px;border-radius:14px;background:linear-gradient(180deg,#3c2612eb,#180e08f2);box-shadow:inset 0 0 0 1px #f2c86a8c,inset 0 0 0 3px #0009,0 12px 26px #0009;opacity:0;transform:translateY(26px) rotateY(80deg) scale(.9)}.mreveal__foe.is-in{animation:foe-in .5s cubic-bezier(.2,1.4,.4,1) forwards}.mreveal__foe.is-human{box-shadow:inset 0 0 0 1px #ffd77a,inset 0 0 0 3px #0009,0 0 22px #ffc85a59,0 12px 26px #0009}.mreveal__portrait{width:78%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a100a;box-shadow:0 0 0 2px #c9a14a,0 0 0 4px #000000b3}.mreveal__portrait img{width:100%;height:100%;object-fit:cover}.mreveal__name{font-size:clamp(12px,1.1vw,16px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mreveal__tag{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#8cc4ff2e;color:#a9d2ff}.is-human .mreveal__tag{background:#ffd26e33;color:#ffd77a}.mreveal__me{display:grid;justify-items:center;gap:10px;margin-top:4px}.mreveal__portrait--me{width:clamp(64px,7vw,96px);box-shadow:0 0 0 3px #f2c86a,0 0 28px #ffc85a99}.mreveal__go{min-width:220px;font-size:20px}.mreveal__go:disabled{opacity:.45}@keyframes foe-in{to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-soft{50%{transform:scale(.82);opacity:.7}}@keyframes fade-in{0%{opacity:0}}@media(max-width:760px){.mreveal__list{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.mreveal__foe{width:calc((100% - 24px)/4)}.mreveal__foe{padding:8px 4px}}.detail__gold{color:#ffd77a;font-style:normal;font-weight:600}.card .card__emblem{position:absolute;top:3.2%;right:5.5%;z-index:3;width:calc(var(--w, 120px) * .17);aspect-ratio:1;padding:calc(var(--w, 120px) * .022);border-radius:50%;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--civ) 55%,#2a1a0c),#120b06 78%);box-shadow:0 0 0 1px #ffd782d9,0 0 0 2px #000000b3,0 2px 5px #0009;pointer-events:none}.card .card__emblem .civ-emblem{width:100%!important;height:100%!important}.card.has-frame .card__saga{top:23%}.card--xs .card__emblem{display:none}.triple-choice{position:fixed;inset:0;z-index:65;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 40%,#50320a8c,#060402e6 70%);animation:fade-in .3s ease-out;overflow-y:auto}.triple-choice__panel{width:min(980px,100%);display:grid;justify-items:center;gap:10px;text-align:center}.triple-choice__art{width:clamp(70px,9vw,120px);aspect-ratio:1;display:grid;place-items:center}.triple-choice__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,200,90,.7))}.triple-choice__glyph{font-size:54px;color:#ffd77a;text-shadow:0 0 22px rgba(255,190,70,.9)}.triple-choice__title{margin:0;font-family:var(--font-title, serif);font-size:clamp(24px,3.4vw,42px);color:#ffe2a0;text-shadow:0 0 20px rgba(255,170,60,.55),0 3px 0 #000}.triple-choice__sub{margin:0;color:#f3e6c8;font-size:clamp(14px,1.4vw,18px)}.triple-choice__warn{margin:0;padding:6px 14px;border-radius:10px;background:#8c1e1499;border:1px solid #ff8a6a;color:#ffe0d6;font-weight:600}.triple-choice__list{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,26px);margin:6px 0}.triple-card{--w: clamp(120px, 15vw, 190px);width:calc(var(--w) + 40px);display:grid;justify-items:center;gap:6px;padding:12px 10px;border-radius:14px;border:0;cursor:pointer;color:#f3e6c8;text-align:center;background:linear-gradient(180deg,#3c2612f2,#180e08f7);box-shadow:inset 0 0 0 1px #f2c86a99,0 14px 28px #0009;opacity:1;animation:triple-in .5s cubic-bezier(.2,1.4,.4,1) both;animation-delay:calc(var(--i) * .12s);transition:transform .2s,box-shadow .2s,opacity .3s}.triple-card .card{--w: clamp(120px, 15vw, 190px)}.triple-card:not(:disabled):hover{transform:translateY(-6px);box-shadow:inset 0 0 0 2px #ffd77a,0 0 30px #ffc85a8c,0 14px 28px #0009}.triple-card:disabled{cursor:default}.triple-card.is-picked{transform:scale(1.06);box-shadow:inset 0 0 0 2px #ffd77a,0 0 40px #ffd26ee6}.triple-card.is-gone{opacity:.25;transform:scale(.94)}.triple-card__name{font-family:var(--font-title, serif);color:#ffe2a0;font-size:15px}.triple-card__text{font-size:13px;line-height:1.35}.triple-card .kw-list{font-size:12px;text-align:left}.triple-choice__later{margin-top:4px}@keyframes triple-in{0%{opacity:0;transform:translateY(30px) scale(.9)}}.triple-reopen{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;animation:pulse-soft 1.6s ease-in-out infinite}@media(max-width:760px){.triple-card{--w: 96px;width:calc((100vw - 64px) / 3);padding:8px 4px}.triple-card .card{--w: 88px}.triple-card .kw-list{display:none}.triple-card__text{font-size:12px}}.reduce-motion .mreveal__foe.is-in,.reduce-motion .triple-card,.reduce-motion .relic-card{opacity:1!important;transform:none!important}.help__pop.help__pop--floating{position:fixed;z-index:9000;top:auto;transform:translate(-50%)}.help__pop.help__pop--floating:before{left:calc(50% + var(--arrow, 0px))}.help__pop.help__pop--floating.is-up:before{top:auto;bottom:-7px;transform:translate(-50%) rotate(225deg)}@media(max-width:760px){.help__pop.help__pop--floating:not(.is-up){bottom:auto}}.g-syn{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}.g-syn__empty{font-size:13px;color:var(--text-dim, #cdbb98);text-align:center;line-height:1.3}.g-syn__row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;font-size:13px;background:#00000059;border-left:3px solid var(--civ);opacity:.85}.g-syn__row.is-on{opacity:1;background:color-mix(in srgb,var(--civ) 22%,rgba(0,0,0,.45));box-shadow:0 0 10px color-mix(in srgb,var(--civ) 35%,transparent)}.g-syn__row b{color:#ffe2a0;font-family:var(--font-title, serif);font-size:13px}.g-syn__pips{display:inline-flex;gap:2px}.g-syn__pips i{width:7px;height:7px;border-radius:50%;background:#ffffff26;box-shadow:inset 0 0 0 1px #ffd78280}.g-syn__pips i.is-full{background:var(--civ);box-shadow:0 0 4px var(--civ),inset 0 0 0 1px #ffe2a0}.g-syn__pips i:nth-child(2){margin-right:3px}.g-syn__txt{color:#f3e6c8;line-height:1.25}.card-facts{display:grid;gap:8px;margin-top:4px}.card-facts__switch{display:inline-flex;justify-self:start;padding:3px;border-radius:999px;background:#00000073;box-shadow:inset 0 0 0 1px #f2c86a80}.card-facts__switch button{border:0;background:none;color:#e9dcbc;font:700 13px/1 var(--font-ui, sans-serif);padding:8px 14px;border-radius:999px;cursor:pointer;min-height:34px}.card-facts__switch button.is-on{background:linear-gradient(180deg,#f7d98a,#c8902e);color:#2a1700;box-shadow:0 0 10px #ffc85a80}.card-facts__gold{margin:0;padding:8px 10px;border-radius:10px;background:linear-gradient(180deg,#78541473,#281a0899);border:1px solid rgba(255,215,130,.6);font-size:14px;line-height:1.4}.card-facts__gold b{color:#ffe2a0}.card-facts__scopes{list-style:none;margin:0;padding:0;display:grid;gap:4px}.card-facts__scope{font-size:13px;line-height:1.3;padding:4px 8px;border-radius:8px;background:#00000059;border-left:3px solid #c9a14a}.card-facts__scope b{color:#ffe2a0}.card-facts__scope--combat{border-left-color:#e0704f}.card-facts__scope--combat b{color:#ffb39a}.card-facts__scope--definitif{border-left-color:#7fd48a}.card-facts__scope--definitif b{color:#a8f0b2}.card-facts__scope--grave{border-left-color:#8fc6ff}.card-facts__scope--grave b{color:#bfe0ff}.card-facts__token{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:6px 8px;border-radius:10px;background:#00000059;box-shadow:inset 0 0 0 1px #f2c86a4d;font-size:13px;line-height:1.35}.card-facts__token .card{--w: 64px}.card-facts__token b{color:#ffe2a0}.home .bottombar{border:0!important;outline:0;box-shadow:none;background:radial-gradient(60% 120% at 50% 70%,rgba(6,4,2,.72),rgba(6,4,2,.35) 60%,transparent 85%)}.play-wrap:has(.play-wrap__frame) .play{margin:10px 30px;height:calc(100% - 20px);clip-path:polygon(3.5% 0,96.5% 0,100% 50%,96.5% 100%,3.5% 100%,0 50%);box-shadow:inset 0 -10px 24px #2800008c}.play-wrap:has(.play-wrap__frame):after{inset:-4px 6px;opacity:.6}.g-civs .g-syn__row,.g-civs .g-syn__row b,.g-civs .g-syn__txt{font-size:13px}.g-civs .g-syn__pips i{width:8px;height:8px}.g-paint{width:1.6em;height:1.6em;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));flex:none}.g-lives .g-paint{width:1.9em;height:1.9em;margin:-.3em .1em -.3em -.2em}.g-reroll__icon .g-paint,.g-freeze__icon .g-paint{width:1.9em;height:1.9em;margin:-.35em 0}.g-tier__chev .g-paint{width:1.8em;height:1.8em}.g-tier__chev{overflow:visible}.g-sell .g-paint{width:1.7em;height:1.7em;margin:-.3em .1em -.3em -.2em}.cb-unit.is-target:after{background:url(/img/ui/jeu/cible-attaque.webp) center / contain no-repeat!important;width:78%!important;filter:drop-shadow(0 0 8px rgba(255,80,50,.85))}.cb-hero__shield{background:url(/img/ui/jeu/bouclier-heros.webp) center / contain no-repeat!important;border:0!important;box-shadow:none!important;clip-path:none!important;text-shadow:0 2px 0 #000,0 0 6px #000}.offer__price{background:url(/img/ui/jeu/prix-or.webp) center / 100% 100% no-repeat;border:0;box-shadow:none;padding:.15em .9em}.player__avatar{position:relative}.player__avatar:after{content:"";position:absolute;inset:-14%;background:url(/img/ui/jeu/medaillon-joueur.webp) center / contain no-repeat;pointer-events:none}@media(min-width:761px){.game .shop{background:url(/img/ui/jeu/panneau-boutique.webp) center / 100% 100% no-repeat;border:0;box-shadow:none}.game .hand{background:url(/img/ui/jeu/panneau-main.webp) center / 100% 100% no-repeat;border:0;box-shadow:none}.game .g-gold{background:url(/img/ui/jeu/ui-or-compteur.webp) center / 100% 100% no-repeat;border:0;box-shadow:none}.game .btn--fight{background:url(/img/ui/jeu/btn-combattre.webp) center / 100% 100% no-repeat!important;border:0!important;box-shadow:0 8px 18px #0000008c!important;padding:0 7% 0 19%;aspect-ratio:900 / 260;height:auto;font-size:clamp(13px,1.15vw,17px);line-height:1.1}.game .btn--fight>svg{visibility:hidden}.game .btn--fight:disabled{filter:grayscale(.7) brightness(.7)}}.mreveal__foe{position:relative;box-shadow:0 12px 26px #0009;border-radius:6px}.mreveal__foe:after{content:"";position:absolute;inset:-4px;background:url(/img/ui/jeu/cadre-adversaire.webp) center / 100% 100% no-repeat;pointer-events:none}.mreveal__foe.is-human{box-shadow:0 0 22px #ffc85a73,0 12px 26px #0009}.m2-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;justify-self:start;padding:3px;border-radius:999px;background:#00000080;box-shadow:inset 0 0 0 1px #f2c86a80,0 2px 8px #0006;isolation:isolate}.m2-switch button{position:relative;z-index:1;border:0;background:none;min-height:34px;padding:0 16px;border-radius:999px;cursor:pointer;font:800 13px/1 var(--font-ui, sans-serif);letter-spacing:.04em;color:#e9dcbc;transition:color .25s}.m2-switch button.is-on{color:#2a1700}.m2-switch__thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(180deg,#f3e7cf,#bfa77a);box-shadow:0 0 8px #ffe6aa59;transition:transform .32s cubic-bezier(.3,1.4,.5,1),background .3s,box-shadow .3s}.m2-switch.is-gold .m2-switch__thumb{transform:translate(100%);background:linear-gradient(180deg,#fff0b8,#f2c86a 45%,#c98f2e);box-shadow:0 0 14px #ffc85ab3}.m2-effect{margin:0;font:600 16px/1.45 var(--font-body);color:#f3e7cf;animation:m2-fade-in .28s ease-out both}.card-facts.is-gold .m2-effect{color:#fff1c6;text-shadow:0 0 10px rgba(255,200,90,.25)}@keyframes m2-fade-in{0%{opacity:0;transform:translateY(3px)}}.m2-token{transition:box-shadow .3s,background .3s}.m2-token>span{font:600 15px/1.35 var(--font-body);color:#f3e7cf}.m2-token.is-gold{background:linear-gradient(90deg,#78541459,#0000004d);box-shadow:inset 0 0 0 1px #ffd7828c}.m2-packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}.m2-pack{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;overflow:hidden;isolation:isolate;text-align:center;background:radial-gradient(110% 60% at 50% 30%,color-mix(in srgb,var(--civ) 30%,#120d08),#0a0704f0 78%);border:1px solid color-mix(in srgb,var(--civ) 55%,rgba(242,200,106,.45));box-shadow:0 22px 46px #0000008c,inset 0 1px #fff0be24;animation:shop2-rise .6s calc(var(--i) * .08s) cubic-bezier(.2,1.2,.3,1) both}.m2-pack__band{display:grid;gap:2px;padding:10px 12px 9px;min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--civ) 58%,#1b120a),color-mix(in srgb,var(--civ) 22%,rgba(10,7,4,.7)));border-bottom:1px solid color-mix(in srgb,var(--civ) 45%,var(--gold-line));box-shadow:inset 0 1px #fff0be40}.m2-pack__band b{padding-top:.1em;font:900 24px/1.1 var(--font-title);letter-spacing:.04em;background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.m2-pack__band small{font:700 11px/1.15 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#f1dfbd;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-pack__body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 14px 16px;flex:1}.m2-pack__art{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;background:none;cursor:pointer}.m2-pack__art:disabled{cursor:default}.m2-pack__img{position:absolute;inset:0;display:block;border-radius:16px;overflow:hidden;box-shadow:0 14px 28px #0000008c;animation:shop2-float 4.5s calc(var(--i) * -1.1s) ease-in-out infinite;transition:transform .3s cubic-bezier(.2,1.4,.4,1),filter .3s}.m2-pack__img>img,.m2-pack__img>.wip{display:block;width:100%;height:100%;object-fit:cover}.m2-pack__art:hover:not(:disabled) .m2-pack__img{transform:translateY(-8px) scale(1.04);filter:brightness(1.12) drop-shadow(0 0 20px color-mix(in srgb,var(--civ) 70%,#ffcf6e));animation-play-state:paused}.m2-pack__halo{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--civ) 60%,#ffcf6e),transparent);opacity:.3;filter:blur(12px);animation:m2-halo 3.4s ease-in-out infinite}@keyframes m2-halo{50%{opacity:.55;transform:scale(1.06)}}.m2-pack__shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,245,210,.45) 50%,transparent 65%);transform:translate(-120%);animation:shop2-shine 5s calc(var(--i) * .6s) ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.m2-pack__seal{position:absolute;z-index:2;left:50%;bottom:-14px;transform:translate(-50%);display:grid;place-items:center;width:22%;aspect-ratio:1;padding:3.5%;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--civ) 75%,#fff),color-mix(in srgb,var(--civ) 70%,#000) 70%);border:2px solid #f2c86a;box-shadow:0 4px 10px #000000b3,inset 0 0 8px #00000080,0 0 0 3px #0a0704d9;pointer-events:none}.m2-pack__seal:has(.civ-emblem--painted){padding:0;background:none;border:0;box-shadow:none;width:26%}.m2-pack__progress{position:absolute;inset:auto 0 0;z-index:3;padding:10px 6px 18px;border-radius:0 0 16px 16px;background:linear-gradient(0deg,rgba(10,7,4,.95),transparent);font:900 16px/1 var(--font-ui);color:#fff3d6;text-shadow:0 1px 3px #000;animation:shop2-blink 1s ease-in-out infinite}.m2-pack.is-busy .m2-pack__img{filter:brightness(1.15) drop-shadow(0 0 22px color-mix(in srgb,var(--civ) 70%,#ffcf6e))}.m2-pack__name{margin:10px 0 0;font:900 20px/1.15 var(--font-ui);color:#fff3d6;text-shadow:0 2px 6px #000}.m2-pack__count{position:relative;align-self:center;width:78%;height:22px;border-radius:999px;overflow:hidden;background:#000000b3;border:1px solid rgba(242,200,106,.3)}.m2-pack__count i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--civ) 70%,#000),var(--civ))}.m2-pack__count b{position:relative;display:grid;place-items:center;height:100%;font:700 12px/1 var(--font-ui);letter-spacing:.04em;color:#fff;text-shadow:0 1px 2px #000}.m2-pack__buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:10px}.m2-pack__buy .btn.m2-buy{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-width:0;min-height:58px;padding:0 2px;line-height:1}.m2-pack__buy .btn.m2-buy:not(.btn--ghost){border-width:12px 16px;border-image-width:12px 16px}.m2-pack__buy .btn.m2-buy:before{top:-12px}.m2-buy__qty{font:900 13px/1 var(--font-ui);letter-spacing:.03em;white-space:nowrap}.m2-buy__cost{display:inline-flex;align-items:center;gap:3px;font:900 17px/1 var(--font-ui);white-space:nowrap}.m2-buy__cost .hud-icon{width:22px;height:22px}.m2-pack__why{margin:-2px 0 0;display:grid;gap:6px;justify-items:center;font:600 13px/1.25 var(--font-body);color:#ffcfb0}.m2-pity{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:10px;row-gap:5px;align-items:center;padding:7px 16px 8px 8px;border-radius:999px;background:linear-gradient(180deg,#281c0aeb,#0a0704eb);border:1px solid rgba(255,207,74,.5);box-shadow:0 0 18px #ffcf4a26;margin-right:auto;margin-left:12px}.m2-pity__gem{grid-row:1 / 3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:900 18px/1 var(--font-ui);color:#2a1804;background:radial-gradient(circle at 35% 30%,#fff6d6,#ffcf4a 55%,#b0761f);box-shadow:0 0 12px #ffcf4a99;animation:m2-pulse 2.4s ease-in-out infinite}.m2-pity__txt{font:700 14px/1 var(--font-ui);letter-spacing:.03em;color:#f1dfbd;white-space:nowrap}.m2-pity__txt b{color:#ffcf4a;font-size:16px}.m2-pity__bar{position:relative;height:5px;border-radius:999px;background:#000000b3;overflow:hidden}.m2-pity__bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#b0761f,#ffcf4a)}.m2-pity.is-close{border-color:#ffcf4a;box-shadow:0 0 22px #ffcf4a73}@keyframes m2-pulse{50%{transform:scale(1.08);box-shadow:0 0 20px #ffcf4ae6}}.m2-gem{overflow:visible}.m2-gem .shop2-ribbon{right:-6px}.m2-gem__buy{min-width:180px;min-height:54px;font-size:20px}.m2-soon-pop{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);z-index:5;padding:8px 14px;border-radius:10px;white-space:nowrap;background:#0a0704f5;border:1px solid var(--gold-2, #f2c86a);font:800 14px/1 var(--font-ui);color:#ffe7a6;box-shadow:0 8px 20px #0009;animation:m2-pop .3s cubic-bezier(.2,1.5,.4,1) both}@keyframes m2-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}}@media(max-width:1100px){.m2-packs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px)and (min-width:761px){.m2-pack__art{width:min(100%,340px);align-self:center}.m2-pack__buy{width:min(100%,420px);align-self:center}}@media(max-width:760px){.m2-packs{gap:12px}.m2-pack{border-radius:18px}.m2-pack__band{padding:7px 6px 6px}.m2-pack__band b{font-size:18px}.m2-pack__band small{font-size:9px;letter-spacing:.06em}.m2-pack__body{padding:10px 8px 12px;gap:9px}.m2-pack__seal{bottom:-10px}.m2-pack__name{font-size:14px;margin-top:8px;min-height:2.3em;display:grid;place-items:center}.m2-pack__count{width:90%;height:20px}.m2-pack__count b{font-size:11px}.m2-pack__buy{grid-template-columns:1fr;gap:10px;padding-top:6px}.m2-pack__buy .btn.m2-buy{min-height:50px}.m2-buy__qty{font-size:12px}.m2-buy__cost{font-size:15px}.m2-buy__cost .hud-icon{width:18px;height:18px}.m2-pack__why{font-size:12px}.m2-pity{order:3;flex-basis:100%;margin:0;justify-self:stretch;padding:6px 12px 7px 6px;border-radius:16px;grid-template-columns:auto 1fr}.m2-pity__txt{font-size:13px;white-space:normal}.m2-pity__gem{width:28px;height:28px;font-size:15px}.m2-gem__buy{min-width:0;width:100%;font-size:16px}.m2-gem .shop2-ribbon{font-size:10px;padding:6px 10px 6px 14px;white-space:nowrap;top:10px}}@media(max-width:760px){.play-wrap>.play{grid-area:1 / 1;justify-self:stretch;align-self:stretch;width:auto}}.m2-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}.page--coll2 .page__body{gap:18px}.m2-dust{gap:6px}.m2-dust__ico{color:#bfe0ff;text-shadow:0 0 8px rgba(140,200,255,.9);animation:m2-twinkle 2.6s ease-in-out infinite}@keyframes m2-twinkle{50%{opacity:.6;transform:scale(.85) rotate(20deg)}}.m2-civs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(1180px,100%);margin:0 auto}.m2-civ{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:78px;padding:10px 16px 10px 12px;overflow:hidden;isolation:isolate;border-radius:18px;border:1px solid color-mix(in srgb,var(--civ) 45%,rgba(242,200,106,.35));text-align:left;cursor:pointer;color:#f1dfbd;background:linear-gradient(160deg,color-mix(in srgb,var(--civ) 34%,#160f08),#0e0a06f0 70%);box-shadow:0 10px 24px #00000073,inset 0 1px #fff0be1f;transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s,border-color .3s,filter .3s;animation:m2-rise .5s calc(var(--i) * .06s) cubic-bezier(.2,1.2,.3,1) both}@keyframes m2-rise{0%{opacity:0;transform:translateY(16px)}}.m2-civ__art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s,transform .5s}.m2-civ.has-art{background:#0a070499}.m2-civ:not(.is-on){filter:saturate(.75) brightness(.85)}.m2-civ:hover{transform:translateY(-3px);filter:none;border-color:color-mix(in srgb,var(--civ) 60%,#f2c86a)}.m2-civ:hover .m2-civ__art{transform:scale(1.05)}.m2-civ.is-on{transform:translateY(-4px);border-color:#f2c86a;filter:none;box-shadow:0 0 0 1px #fff0b880,0 0 28px color-mix(in srgb,var(--civ) 60%,rgba(242,200,106,.6)),0 16px 30px #0000008c}.m2-civ.is-on:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,transparent,#fff0b8,transparent);animation:m2-glow-line 2.4s ease-in-out infinite}@keyframes m2-glow-line{50%{opacity:.5}}.m2-civ__shine{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,240,200,.22) 50%,transparent 65%);transform:translate(-120%)}.m2-civ:hover .m2-civ__shine,.m2-civ.is-on .m2-civ__shine{animation:m2-sweep 1.2s ease-out}.m2-civ.is-on .m2-civ__shine{animation:m2-sweep 4s .4s ease-in-out infinite}@keyframes m2-sweep{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}.m2-civ__emblem{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;padding:7px;box-sizing:border-box;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--civ) 70%,#fff3),color-mix(in srgb,var(--civ) 60%,#000) 75%);border:2px solid rgba(242,200,106,.8);box-shadow:0 3px 8px #0009,inset 0 0 8px #00000080;transition:transform .35s cubic-bezier(.2,1.5,.4,1)}.m2-civ__emblem:has(.civ-emblem--painted){padding:0;background:none;border:0;box-shadow:none}.m2-civ:hover .m2-civ__emblem,.m2-civ.is-on .m2-civ__emblem{transform:rotate(-8deg) scale(1.08)}.m2-civ__txt{display:grid;gap:5px;min-width:0}.m2-civ__short{display:none}.m2-civ__txt b{font:900 17px/1.1 var(--font-title);letter-spacing:.02em;color:#fff3d6;text-shadow:0 2px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m2-civ.is-on .m2-civ__txt b{background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.m2-civ__prog{position:relative;height:5px;border-radius:999px;background:#0009;overflow:hidden}.m2-civ__prog i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--civ) 60%,#f2c86a),#fff0b8);transition:width .6s ease}.m2-civ__txt small{font:700 12px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim, #cdb994)}.m2-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px}.m2-bar__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;animation:m2-fade-in .3s ease-out both}.m2-seg{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:4px;border-radius:999px;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#0a0704eb,#1c130aeb);box-shadow:inset 0 0 0 1px #f2c86a61,inset 0 2px 6px #0009,0 6px 16px #00000059}.m2-seg__bg{z-index:-2;opacity:.9;object-fit:fill}.m2-seg__thumb{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));border-radius:999px;transform:translate(calc(var(--idx) * 100%));transition:transform .38s cubic-bezier(.3,1.35,.45,1);background:linear-gradient(180deg,#fff0b8,#f2c86a 45%,#c98f2e);box-shadow:0 0 16px #f2c86a8c,inset 0 1px #ffffffb3}.m2-seg button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:0;background:none;border-radius:999px;cursor:pointer;white-space:nowrap;font:800 14px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#e9dcbc;transition:color .25s,transform .2s}.m2-seg button:hover:not(.is-on){color:#fff3d6;transform:translateY(-1px)}.m2-seg button.is-on{color:#2a1804}.m2-seg button small{font:800 12px/1 var(--font-ui);opacity:.75;letter-spacing:.02em}.m2-seg button small.is-ok{color:#8ee09a;opacity:1}.m2-seg button.is-on small.is-ok{color:#1e5a26}.m2-seg button .ui-icon{width:20px;height:20px}.m2-seg--mode button{min-height:48px;padding:0 26px;font-size:16px}.m2-seg--rank button{padding:0 12px;min-width:56px}.m2-seg--sm button{min-height:34px;padding:0 8px;min-width:0;font-size:12px}.m2-pips{display:inline-flex;gap:3px}.m2-pips i{width:7px;height:7px;transform:rotate(45deg);border-radius:1px;background:currentColor;box-shadow:0 0 4px #ffdc8c66}.m2-grid{width:min(1280px,100%);margin:0 auto}.m2-grid__item{animation:m2-card-in .45s calc(var(--i) * 35ms) cubic-bezier(.2,1.2,.3,1) both;transition:transform .25s cubic-bezier(.2,1.4,.4,1),filter .25s}@keyframes m2-card-in{0%{opacity:0;transform:translateY(18px) scale(.94)}}.m2-grid__item:hover{transform:translateY(-6px);filter:drop-shadow(0 12px 18px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(242,200,106,.3))}.m2-lock{display:grid!important;justify-items:center;gap:2px}.m2-lock small{font:800 12px/1 var(--font-ui);color:#bfe0ff;text-shadow:0 1px 2px #000}.m2-empty{margin:24px auto;padding:16px 22px;border-radius:14px;background:#0a0704b3;border:1px dashed rgba(242,200,106,.35);color:var(--text-dim, #cdb994);font:600 16px/1.3 var(--font-body);text-align:center}.m2-detail__card{display:inline-block;animation:m2-flip-in .4s cubic-bezier(.2,1.2,.3,1) both}@keyframes m2-flip-in{0%{opacity:.4;transform:perspective(600px) rotateY(-28deg) scale(.96)}}.m2-detail__kicker{display:inline-flex;align-items:center;gap:7px;margin:0;font:700 13px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#f1dfbd}.m2-detail__star{color:#ffcf4a;text-shadow:0 0 10px rgba(255,200,90,.8)}.m2-detail .card-facts{gap:10px}.m2-crafted-note{margin:0;padding:8px 12px;border-radius:10px;background:#3c783c40;border:1px solid rgba(140,220,150,.5);color:#c8f5cf;font:700 14px/1.3 var(--font-ui);animation:m2-fade-in .4s both}.m2-just .card{animation:m2-just 1.2s ease-out both}@keyframes m2-just{0%{filter:brightness(2.2) drop-shadow(0 0 30px #ffe7a6)}to{filter:none}}.m2-forge{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;align-content:center;gap:18px;cursor:default}.m2-forge.is-reveal{cursor:pointer}.m2-forge__veil{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 48%,#3c220abf,#050302f0);animation:m2-fade .35s both}@keyframes m2-fade{0%{opacity:0}}.m2-forge__stage{position:relative;width:min(420px,86vw);aspect-ratio:1;display:grid;place-items:center}.m2-forge__stage>*{grid-area:1 / 1}.m2-forge__runes{width:92%;aspect-ratio:1;display:grid;place-items:center;opacity:0;animation:m2-runes-in 1.1s ease-out forwards,m2-spin 9s linear infinite}.m2-forge__runes img,.m2-forge__runes-css{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--civ) 50%,#ffb347))}.m2-forge__runes-css{border-radius:50%;border:2px dashed rgba(255,210,120,.8);box-shadow:0 0 30px #ffb44680,inset 0 0 30px #ffb44666}@keyframes m2-runes-in{to{opacity:.9}}@keyframes m2-spin{to{transform:rotate(360deg)}}.m2-forge__altar{align-self:end;width:78%;max-height:52%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.8));animation:m2-rise .6s ease-out both}.m2-forge__altar--css{position:relative;height:22%;border-radius:50%;background:radial-gradient(50% 50% at 50% 40%,#ffcf6e,#b0561c 40%,#3c140500 72%);filter:blur(2px);animation:m2-altar 1.1s ease-in forwards}.m2-forge__altar--css i{position:absolute;inset:30% 20%;border-radius:50%;background:radial-gradient(closest-side,#fff6d6,transparent)}@keyframes m2-altar{0%{opacity:.2;transform:scaleX(.5)}to{opacity:1;transform:none}}.m2-forge__dust{position:relative;width:100%;height:100%}.m2-forge__dust i{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#d4ecff;box-shadow:0 0 10px #8cc8ff,0 0 3px #fff;--a: calc(var(--k) * 16.36deg);opacity:0;animation:m2-gather 1.1s calc(var(--k) * 25ms) cubic-bezier(.55,0,.85,.4) forwards}@keyframes m2-gather{0%{opacity:0;transform:rotate(var(--a)) translate(min(48vw,260px)) scale(1.4)}25%{opacity:1}to{opacity:.9;transform:rotate(calc(var(--a) + 160deg)) translate(0) scale(.4)}}.m2-forge__cost{align-self:start;margin-top:4%;font:900 22px/1 var(--font-ui);color:#bfe0ff;text-shadow:0 0 12px rgba(140,200,255,.9),0 2px 3px #000;animation:m2-cost 1.1s ease-out forwards}@keyframes m2-cost{0%{opacity:0;transform:translateY(10px)}30%{opacity:1}to{opacity:0;transform:translateY(-24px)}}.m2-forge__fx{width:70%;aspect-ratio:1;opacity:0;pointer-events:none}.m2-forge__fx--strip{background-size:800% 100%;background-repeat:no-repeat;mix-blend-mode:screen}.is-burst .m2-forge__fx--strip,.is-reveal .m2-forge__fx--strip{animation:m2-strip .7s steps(7) forwards,m2-fx-life 1.3s ease-out forwards}@keyframes m2-strip{0%{background-position:0 0}to{background-position:100% 0}}.m2-forge__fx--still{object-fit:contain;mix-blend-mode:screen}.is-burst .m2-forge__fx--still,.is-reveal .m2-forge__fx--still{animation:m2-fx-pop 1.2s ease-out forwards}.m2-forge__fx--css{border-radius:50%;background:radial-gradient(closest-side,#fff8e0,#ffd27a,#ff8c28bf 50%,#a0320a00 72%);filter:blur(1px)}.is-burst .m2-forge__fx--css,.is-reveal .m2-forge__fx--css{animation:m2-fx-pop 1.2s ease-out forwards}@keyframes m2-fx-life{0%{opacity:0}15%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes m2-fx-pop{0%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.6)}}.m2-forge__flash{width:140%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,230,160,.6) 35%,transparent 70%);opacity:0;pointer-events:none}.is-burst .m2-forge__flash{animation:m2-flash .6s ease-out forwards}@keyframes m2-flash{0%{opacity:0;transform:scale(.2)}30%{opacity:1}to{opacity:0;transform:scale(1.3)}}.m2-forge__sparks{position:relative;width:100%;height:100%;pointer-events:none}.m2-forge__sparks i{position:absolute;left:50%;top:50%;width:4px;height:14px;border-radius:2px;background:linear-gradient(#fff6d6,#ffb347);box-shadow:0 0 8px #ffcf6e;opacity:0;--a: calc(var(--k) * 20deg)}.is-burst .m2-forge__sparks i,.is-reveal .m2-forge__sparks i{animation:m2-spark .9s calc(var(--k) * 12ms) cubic-bezier(.1,.8,.3,1) forwards}@keyframes m2-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1*min(40vw,220px)))}}.m2-forge__card{opacity:0;transform:scale(.5) translateY(30px)}.m2-forge__card .card{--w: min(200px, 46vw)}.is-reveal .m2-forge__card{animation:m2-card-forged .9s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes m2-card-forged{0%{opacity:0;transform:scale(.5) translateY(30px);filter:brightness(3)}60%{opacity:1;filter:brightness(1.6) drop-shadow(0 0 40px #ffcf6e)}to{opacity:1;transform:none;filter:drop-shadow(0 0 26px color-mix(in srgb,var(--civ) 50%,#ffcf6e))}}.m2-forge.r4 .m2-forge__card .card{filter:drop-shadow(0 0 30px #ffcf4a)}.m2-forge__title{position:relative;display:grid;gap:6px;justify-items:center;margin:0;min-height:3.2em;text-align:center;font:900 30px/1 var(--font-title);letter-spacing:.04em;background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#b0761f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px #000);animation:m2-fade-in .4s both}.m2-forge__title small{font:700 16px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#f1dfbd;-webkit-text-fill-color:#f1dfbd}.m2-forge:not(.is-reveal) .m2-forge__title{font-size:18px;animation:shop2-blink 1s ease-in-out infinite}html.reduce-motion .m2-forge *{animation-duration:.01s!important;animation-delay:0s!important}.m2-deck{display:grid;gap:14px;width:min(1320px,100%);margin:0 auto}.m2-deck__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:12px 18px;border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--civ) 26%,rgba(26,18,10,.95)),#0a0704f0);border:1px solid rgba(242,200,106,.35);box-shadow:0 14px 30px #00000073,inset 0 1px #fff0be1f;animation:m2-rise .4s both}.m2-deck__count{position:relative;display:grid;place-items:center;width:66px;height:66px;grid-template-columns:auto auto;align-content:center;justify-content:center}.m2-deck__count svg{position:absolute;inset:0;transform:rotate(-90deg)}.m2-ring__track{fill:#0000008c;stroke:#f2c86a33;stroke-width:4}.m2-ring__fill{fill:none;stroke:#f2c86a;stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .45s cubic-bezier(.3,1.3,.5,1);filter:drop-shadow(0 0 4px rgba(242,200,106,.8))}.m2-deck__count b{position:relative;font:900 24px/1 var(--font-ui);color:#fff3d6}.m2-deck__count small{position:relative;font:800 12px/1 var(--font-ui);color:var(--text-dim, #cdb994);align-self:end;margin-bottom:4px}.m2-deck__sum h2{margin:0;font:900 24px/1.1 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.m2-deck__sum p{margin:4px 0 0;font:600 15px/1.25 var(--font-body);color:#ffcfb0}.m2-deck__sum p.is-ok{color:#a8f0b2}.m2-deck__ranks{display:flex;gap:8px;list-style:none;margin:0;padding:0}.m2-deck__ranks li{display:grid;justify-items:center;gap:6px;padding:7px 10px;border-radius:12px;background:#00000073;border:1px solid rgba(242,200,106,.22);color:#e9dcbc;transition:border-color .3s,background .3s}.m2-deck__ranks li.is-ok{border-color:#8cdc9699;background:#285a2d4d;color:#c8f5cf}.m2-deck__dots{display:flex;gap:4px}.m2-deck__dots i{width:9px;height:9px;border-radius:50%;background:#ffffff1f;box-shadow:inset 0 0 0 1px #f2c86a59;transition:background .3s,transform .3s}.m2-deck__dots i.on{background:radial-gradient(circle at 35% 30%,#fff6d6,#f2c86a 60%,#b0761f);box-shadow:0 0 6px #f2c86ab3}.m2-deck__ranks li.is-ok .m2-deck__dots i.on{background:radial-gradient(circle at 35% 30%,#e6ffe9,#7fd48a 60%,#2f7a3a);box-shadow:0 0 6px #8cdc96b3}.m2-deck__actions{display:flex;align-items:center;gap:8px}.m2-deck__save{min-width:150px}.m2-deck__msg{margin:-4px 0 0;padding:8px 14px;border-radius:12px;justify-self:center;font:700 14px/1.3 var(--font-ui);animation:m2-pop-y .3s cubic-bezier(.2,1.5,.4,1) both}.m2-deck__msg.is-ok{background:#285a2d80;border:1px solid rgba(140,220,150,.6);color:#c8f5cf}.m2-deck__msg.is-ko{background:#6e1e1499;border:1px solid rgba(255,140,110,.6);color:#ffd6c8}@keyframes m2-pop-y{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.m2-deck__layout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start}.m2-deck__board{position:relative;display:grid;gap:10px;padding:16px 18px;border-radius:20px;isolation:isolate;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--civ) 22%,#1d140b),#0a0704f2 75%);border:1px solid rgba(242,200,106,.4);box-shadow:0 16px 34px #00000080,inset 0 0 40px #00000080}.m2-deck__board-bg{z-index:-1;object-fit:fill}.m2-deck__row{display:grid;grid-template-columns:64px auto;align-items:center;gap:10px}.m2-deck__rank{display:grid;justify-items:center;gap:4px}.m2-deck__rank b{font:900 14px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#f1dfbd}.m2-deck__rank small{padding:2px 8px;border-radius:999px;font:800 13px/1.2 var(--font-ui);color:#ffcfb0;background:#00000080;transition:color .3s,background .3s}.m2-deck__row.is-full .m2-deck__rank small{color:#1e3a20;background:linear-gradient(180deg,#c8f5cf,#7fd48a)}.m2-deck__slots{display:grid;grid-template-columns:repeat(4,var(--slot, 96px));gap:10px}.m2-slot{position:relative;width:var(--slot, 96px);aspect-ratio:5 / 7;padding:0;border:0;background:none;border-radius:10px}.m2-slot .card{--w: var(--slot, 96px)}.m2-slot--empty{display:grid;place-items:center;overflow:hidden;border:2px dashed rgba(242,200,106,.35);background:radial-gradient(closest-side,#f2c86a1a,#00000059);animation:m2-breathe 3s ease-in-out infinite}.m2-slot--empty:has(.m2-bg){border:0;background:none}.m2-slot--empty i{position:relative;z-index:1;font:900 26px/1 var(--font-ui);font-style:normal;color:#f2c86a8c}@keyframes m2-breathe{50%{box-shadow:inset 0 0 18px #f2c86a2e}}.m2-slot--card{cursor:pointer;transition:transform .2s cubic-bezier(.2,1.4,.4,1)}.m2-slot--card:hover,.m2-slot--card.is-peek{transform:translateY(-4px)}.m2-slot--card.is-fresh{animation:m2-drop .45s cubic-bezier(.2,1.5,.4,1) both}@keyframes m2-drop{0%{opacity:0;transform:translateY(-24px) scale(1.1);filter:brightness(1.6)}}.m2-slot__x{position:absolute;z-index:4;top:-7px;right:-7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;opacity:0;transform:scale(.6);font:900 17px/1 var(--font-ui);color:#fff3d6;background:radial-gradient(circle at 35% 30%,#ff8a73,#a3181a 65%);border:1px solid #ffb3a6;box-shadow:0 2px 6px #000000b3;transition:opacity .2s,transform .2s;pointer-events:none}.m2-slot--card:hover .m2-slot__x,.m2-slot--card:focus-visible .m2-slot__x{opacity:1;transform:none}.m2-deck__side{display:grid;gap:14px;min-width:0}.m2-peek{min-height:132px;padding:12px 14px;border-radius:18px;background:linear-gradient(180deg,#1e150cf0,#0a0704f0);border:1px solid rgba(242,200,106,.3);display:grid;align-items:center}.m2-peek__empty{margin:0;text-align:center;font:600 15px/1.4 var(--font-body);color:var(--text-dim, #cdb994)}.m2-peek__empty b{color:#ffe7a6}.m2-info{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;animation:m2-fade-in .2s ease-out both}.m2-info__thumb .card{--w: 78px}.m2-info__body{display:grid;gap:6px;min-width:0}.m2-info h4{margin:0;font:900 20px/1.1 var(--font-title);color:#fff3d6;text-shadow:0 2px 3px #000}.m2-info__meta{display:flex;flex-wrap:wrap;gap:6px;margin:0}.m2-info__meta>span{padding:2px 9px;border-radius:999px;background:#00000080;border:1px solid rgba(242,200,106,.3);font:800 12px/1.4 var(--font-ui);color:#ffe6a8}.m2-info__atk{color:#ffb39a!important}.m2-info__hp{color:#a8f0b2!important}.m2-info__state.is-in{border-color:#f2c86acc!important;background:#78541480!important}.m2-info__state.is-full{color:#ffcfb0!important}.m2-info__text{margin:0;font:600 15px/1.4 var(--font-body);color:#f3e7cf}.m2-info--big{grid-template-columns:1fr}.m2-info--big h4{font-size:24px}.m2-info--big .m2-info__text{font-size:17px}.m2-pool{display:grid;gap:12px;padding:14px;border-radius:18px;background:#0a0704c7;border:1px solid rgba(242,200,106,.25)}.m2-pool__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.m2-pool__head h3{margin:0;font:900 18px/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#f1dfbd}.m2-pool__head h3 small{margin-left:8px;font:700 13px/1 var(--font-ui);letter-spacing:.02em;text-transform:none;color:var(--text-dim, #cdb994)}.m2-pool__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:16px 12px;justify-items:center;max-height:min(64vh,640px);overflow:auto;padding:8px 4px 4px;scrollbar-width:thin}.m2-pool__card{position:relative;padding:0;border:0;background:none;cursor:pointer;animation:m2-card-in .35s calc(var(--i) * 25ms) both;transition:transform .2s cubic-bezier(.2,1.4,.4,1),filter .2s}.m2-pool__card .card{--w: 96px}.m2-pool__card:hover,.m2-pool__card.is-peek{transform:translateY(-5px);filter:drop-shadow(0 0 12px rgba(242,200,106,.45))}.m2-pool__card.is-full{filter:grayscale(.7) brightness(.6)}.m2-pool__card.is-full:hover{filter:grayscale(.5) brightness(.75)}.m2-pool__plus{position:absolute;z-index:4;top:-7px;right:-7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:900 18px/1 var(--font-ui);color:#2a1804;background:radial-gradient(circle at 35% 30%,#fff6d6,#f2c86a 55%,#b0761f);border:1px solid #fff0b8;box-shadow:0 2px 6px #000000b3;transition:transform .2s;pointer-events:none}.m2-pool__plus:empty{display:none}.m2-pool__card:hover .m2-pool__plus{transform:scale(1.2)}.m2-pool__full{position:absolute;z-index:4;left:50%;bottom:34%;transform:translate(-50%);padding:3px 7px;border-radius:6px;white-space:nowrap;background:#0a0704e6;font:800 10px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:#ffcfb0;pointer-events:none}.m2-sheet{display:grid;gap:14px;justify-items:center}.m2-sheet__card .card{--w: min(200px, 52vw)}.m2-sheet__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(max-width:1180px)and (min-width:761px){.m2-deck__head{grid-template-columns:auto minmax(0,1fr) auto}.m2-deck__actions{grid-column:1 / -1;justify-content:flex-end}.m2-deck__board{--slot: 82px}}@media(max-width:1000px){.m2-deck__layout{grid-template-columns:1fr}.m2-deck__board{justify-self:center}.m2-peek{display:none}}@media(hover:none),(pointer:coarse){.m2-peek{display:none}}@media(max-width:760px){.m2-civs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.m2-civ{min-height:58px;padding:7px 10px 7px 7px;gap:8px;border-radius:14px}.m2-civ__emblem{width:38px;height:38px;padding:5px}.m2-civ__txt b{font-size:15px}.m2-civ__long{display:none}.m2-civ__short{display:inline}.m2-civ__txt small{font-size:10px}.m2-civ.is-on,.m2-civ:hover{transform:translateY(-2px)}.m2-bar{gap:10px}.m2-bar__filters{gap:8px;width:100%}.m2-seg{max-width:100%}.m2-seg--mode{width:100%}.m2-seg--mode button{min-height:44px;padding:0 10px;font-size:14px}.m2-bar__filters .m2-seg{width:100%}.m2-seg button{padding:0 6px;font-size:12px;min-height:38px;letter-spacing:.03em}.m2-seg--rank button{min-width:0}.m2-deck__head{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:10px 12px}.m2-deck__count{width:54px;height:54px}.m2-deck__count b{font-size:20px}.m2-deck__sum h2{font-size:19px}.m2-deck__sum p{font-size:13px}.m2-deck__ranks{grid-column:1 / -1;justify-content:space-between}.m2-deck__ranks li{flex:1;padding:6px 4px}.m2-deck__actions{grid-column:1 / -1;justify-content:stretch}.m2-deck__actions .btn{flex:1}.m2-deck__save{min-width:0}.m2-deck__board{--slot: calc((100vw - 76px)/4) ;padding:10px;gap:12px;justify-self:stretch}.m2-deck__row{grid-template-columns:1fr;gap:6px}.m2-deck__rank{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.m2-deck__slots{gap:8px}.m2-pool{padding:10px}.m2-pool__head .m2-seg{width:100%}.m2-pool__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;max-height:none;overflow:visible}.m2-pool__card .card{--w: calc((100vw - 84px)/4) }.m2-forge__title{font-size:24px}}.m2-ev-hero{isolation:isolate}.m2-ev-hero__bg{z-index:-1;opacity:.55}.m2-ev-hero__fan{position:relative;width:320px;height:300px;justify-self:center}.m2-ev-fan__card{position:absolute;left:50%;top:50%;width:150px;height:210px;margin:-105px 0 0 -75px;border-radius:14px;overflow:hidden;border:2px solid color-mix(in srgb,var(--civ) 50%,#f2c86a);box-shadow:0 14px 26px #000000a6,inset 0 0 0 1px #0009;transform:rotate(calc(var(--r) * 11deg)) translate(calc(var(--r) * 34px),calc(var(--a) * 12px));transform-origin:50% 120%;animation:m2-fan-in .8s calc(var(--i) * .1s) cubic-bezier(.2,1.3,.4,1) both,m2-fan-sway 6s calc(var(--i) * -1.4s) ease-in-out infinite}.m2-ev-fan__card img,.m2-ev-fan__card .m2-terrain__css{width:100%;height:100%;object-fit:cover}.m2-ev-fan__emblem{position:absolute;left:50%;bottom:8px;width:40px;height:40px;margin-left:-20px;filter:drop-shadow(0 2px 4px #000)}@keyframes m2-fan-in{0%{opacity:0;transform:rotate(0) translateY(40px) scale(.8)}}@keyframes m2-fan-sway{50%{translate:0 -6px}}.m2-terrain__css{display:block;background:radial-gradient(80% 60% at 50% 30%,color-mix(in srgb,var(--civ) 60%,#e8c27a),color-mix(in srgb,var(--civ) 40%,#120d08) 70%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6))}.m2-terrains{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:22px;align-items:stretch}.m2-terrains__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.m2-terrain{position:relative;display:block;min-height:190px;padding:0;border-radius:20px;overflow:hidden;isolation:isolate;text-align:left;cursor:pointer;border:1px solid color-mix(in srgb,var(--civ) 45%,rgba(242,200,106,.4));box-shadow:0 14px 30px #00000080;transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s,border-color .3s;animation:m2-rise .5s calc(var(--i) * .07s) both}.m2-terrain__art{position:absolute;inset:0;z-index:-2}.m2-terrain__art img,.m2-terrain__art .m2-terrain__css{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.m2-terrain:hover .m2-terrain__art img,.m2-terrain.is-on .m2-terrain__art img{transform:scale(1.08)}.m2-terrain__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000 35%,#080503eb)}.m2-terrain__emblem{position:absolute;top:12px;left:12px;width:44px;height:44px;filter:drop-shadow(0 2px 4px #000)}.m2-terrain__txt{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:3px}.m2-terrain__txt small{font:700 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f1dfbd;text-shadow:0 1px 2px #000}.m2-terrain__txt b{font:900 22px/1.1 var(--font-title);color:#fff3d6;text-shadow:0 2px 6px #000}.m2-terrain:not(.is-on){filter:saturate(.8) brightness(.85)}.m2-terrain:hover{transform:translateY(-4px);filter:none}.m2-terrain.is-on{border-color:#fff0b8;filter:none;box-shadow:0 0 0 1px #fff0b8,0 0 30px color-mix(in srgb,var(--civ) 55%,rgba(255,200,90,.6)),0 16px 30px #0000008c}.m2-terrain.is-on .m2-terrain__txt b{background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px #000)}.m2-terrain-detail{position:relative;display:grid;align-content:start;gap:14px;padding:22px;border-radius:24px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#140d07d1,#0a0704f5 45%);border:1px solid rgba(255,210,120,.45);box-shadow:0 20px 44px #0009;animation:m2-rise .35s both}.m2-terrain-detail__art{position:absolute;inset:0 0 auto;height:55%;z-index:-1;opacity:.55;-webkit-mask:linear-gradient(180deg,#000 30%,transparent);mask:linear-gradient(180deg,#000 30%,transparent)}.m2-terrain-detail__art img,.m2-terrain-detail__art .m2-terrain__css{width:100%;height:100%;object-fit:cover;animation:m2-kenburns 16s ease-in-out infinite alternate}@keyframes m2-kenburns{to{transform:scale(1.12) translate(-3%)}}.m2-terrain-detail header{display:flex;align-items:center;gap:14px}.m2-terrain-detail__emblem{width:58px;height:58px;flex:none;filter:drop-shadow(0 3px 6px #000)}.m2-terrain-detail small{font:700 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f1dfbd;text-shadow:0 1px 2px #000}.m2-terrain-detail h3{margin:4px 0 0;font:900 30px/1.05 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 55%,#b0761f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px #000)}.m2-levels{list-style:none;margin:0;padding:0;display:grid;gap:10px}.m2-level{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:10px 14px 10px 10px;border-radius:14px;background:#00000080;border:1px solid rgba(242,200,106,.2);animation:m2-rise .4s calc(.1s + var(--k) * .08s) both}.m2-level__n{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font:900 17px/1 var(--font-title);color:#2a1804;background:radial-gradient(circle at 35% 30%,#fff6d6,#d8b98a 55%,#7d5216);box-shadow:0 2px 6px #0009}.m2-level--2 .m2-level__n{background:radial-gradient(circle at 35% 30%,#fff6d6,#f2c86a 55%,#b0761f)}.m2-level--3{border-color:#ffcf4a8c;background:linear-gradient(90deg,#78541459,#00000080)}.m2-level--3 .m2-level__n{background:radial-gradient(circle at 35% 30%,#fffbe8,#ffcf4a 50%,#b0761f);box-shadow:0 0 14px #ffcf4ab3;animation:m2-pulse 2.6s ease-in-out infinite}.m2-level__body{display:grid;gap:4px;font:600 16px/1.4 var(--font-body);color:#f3e7cf}.m2-level__body small{text-shadow:none;color:var(--text-dim, #cdb994)}.m2-board{position:relative;isolation:isolate}.m2-board.has-frame{padding:clamp(24px,4vw,54px) clamp(20px,5vw,70px)}.m2-board__frame{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:fill;pointer-events:none}@media(max-width:1100px){.m2-terrains{grid-template-columns:1fr}}@media(max-width:760px){.m2-ev-hero__fan{width:100%;height:190px}.m2-ev-fan__card{width:96px;height:136px;margin:-68px 0 0 -48px;transform:rotate(calc(var(--r) * 12deg)) translate(calc(var(--r) * 34px),calc(var(--a) * 10px))}.m2-ev-fan__emblem{width:28px;height:28px;margin-left:-14px;bottom:5px}.m2-terrains__list{gap:10px}.m2-terrain{min-height:120px;border-radius:14px}.m2-terrain__emblem{width:30px;height:30px;top:8px;left:8px}.m2-terrain__txt{left:10px;right:8px;bottom:9px}.m2-terrain__txt b{font-size:15px}.m2-terrain__txt small{font-size:10px}.m2-terrain-detail{padding:16px}.m2-terrain-detail h3{font-size:24px}.m2-level__body{font-size:15px}}.m2-ring{position:relative;width:150px;height:150px;display:grid;place-items:center;isolation:isolate}.m2-ring>*{grid-area:1 / 1}.m2-ring__glow{position:absolute;inset:-14%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,196,90,.45),transparent 70%);animation:m2-halo 3.2s ease-in-out infinite}.m2-ring.is-ready .m2-ring__glow{background:radial-gradient(closest-side,rgba(255,220,120,.75),transparent 70%)}.m2-ring__progress{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,#fff0b8,#f2c86a calc(var(--p) * .5%),#ffcf4a calc(var(--p) * 1%),#0009 calc(var(--p) * 1%));-webkit-mask:radial-gradient(closest-side,transparent 74%,#000 75%,#000 98%,transparent 99%);mask:radial-gradient(closest-side,transparent 74%,#000 75%,#000 98%,transparent 99%);filter:drop-shadow(0 0 6px rgba(255,200,90,.7));animation:m2-ring-in 1.4s cubic-bezier(.2,1,.3,1) both}@keyframes m2-ring-in{0%{opacity:0;transform:rotate(-120deg) scale(.9)}}.m2-ring__ticks{position:absolute;inset:2%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,230,170,.55) 0deg 1.2deg,transparent 1.2deg 15deg);-webkit-mask:radial-gradient(closest-side,transparent 92%,#000 93%);mask:radial-gradient(closest-side,transparent 92%,#000 93%);opacity:.7;animation:m2-spin 60s linear infinite}.m2-ring__bezel{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,#7d5216,#fff0b8,#c98f2e,#5e3b0e,#f2c86a,#7d5216);-webkit-mask:radial-gradient(closest-side,transparent 66%,#000 67%,#000 74%,transparent 75%,transparent 96%,#000 97%);mask:radial-gradient(closest-side,transparent 66%,#000 67%,#000 74%,transparent 75%,transparent 96%,#000 97%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.m2-ring__art{position:absolute;inset:-6%;width:112%;height:112%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}.m2-ring__core{position:absolute;inset:22%;z-index:-1;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a2810,#0e0a06 75%);box-shadow:inset 0 0 18px #000000e6,inset 0 0 0 1px #f2c86a4d}.m2-ring.has-art .m2-ring__core,.m2-ring.has-art .m2-ring__ticks{display:none}.m2-ring__n{position:relative;margin-top:-10px;font:900 56px/1 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 55%,#b0761f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 4px #000)}.m2-ring__lbl{position:relative;align-self:end;margin-bottom:34px;font:800 11px/1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#f2c86a}@media(max-width:760px){.m2-ring{width:96px;height:96px}.m2-ring__n{font-size:36px;margin-top:-6px}.m2-ring__lbl{font-size:10px;margin-bottom:20px;letter-spacing:.12em}}.m2-civ.has-art{aspect-ratio:480 / 140;min-height:0;grid-template-columns:minmax(0,1fr);padding:0 9.5% 0 28%;gap:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.m2-civ.has-art .m2-civ__art{object-fit:fill;opacity:1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.m2-civ.has-art .m2-civ__shine{inset:22% 5.5%;border-radius:4px}.m2-civ.has-art:hover .m2-civ__art{transform:none}.m2-civ.has-art.is-on{box-shadow:none}.m2-civ.has-art.is-on .m2-civ__art{filter:drop-shadow(0 0 10px rgba(255,214,120,.85)) drop-shadow(0 10px 16px rgba(0,0,0,.6))}.m2-civ.has-art.is-on:after{left:30%;right:12%;bottom:17%;height:2px}.m2-civ__txt{gap:6px}.m2-civ.has-art .m2-civ__txt b{font-size:clamp(12px,1.05vw,15.5px);letter-spacing:0}.m2-civ__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.m2-civ__prog{height:6px;box-shadow:inset 0 0 0 1px #ffe6aa40}.m2-civ__meta small{font:800 12px/1 var(--font-ui);letter-spacing:.04em;color:#e9dcbc;text-shadow:0 1px 2px #000,0 0 4px rgba(0,0,0,.8);white-space:nowrap;text-transform:none}.m2-civ__meta small b{color:#fff3d6;font-weight:900}.m2-civ--neutral.has-art .m2-civ__txt b{color:#2a1604;text-shadow:none}.m2-civ--neutral.has-art.is-on .m2-civ__txt b{background:none;color:#241202;filter:none}.m2-civ--neutral.has-art .m2-civ__meta small{color:#4a2d0c;text-shadow:none}.m2-civ--neutral.has-art .m2-civ__meta small b{color:#2c1704}.m2-civ--neutral.has-art .m2-civ__prog{background:#462a0c47;box-shadow:inset 0 0 0 1px #462a0c73}.m2-civ--neutral.has-art .m2-civ__prog i{background:linear-gradient(90deg,#7a4c14,#c98f2e)}@media(max-width:760px){.m2-civ.has-art{aspect-ratio:auto;min-height:56px;padding:0 10% 0 28%}.m2-civ.has-art .m2-civ__txt b{font-size:14px}.m2-civ__txt{gap:4px}.m2-civ__meta{gap:6px}.m2-civ__meta small{font-size:10.5px}.m2-civ__prog{height:5px}}.m2-deck__head{grid-template-columns:auto minmax(0,1fr) auto}.m2-deck__saved{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 20px 0 8px;border-radius:999px;white-space:nowrap;font:800 14px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#d6f7da;background:linear-gradient(180deg,#30603473,#142e188c);box-shadow:inset 0 0 0 1px #96e1a08c,0 4px 12px #00000059}.m2-deck__saved i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font:900 15px/1 var(--font-ui);font-style:normal;color:#fff;background:radial-gradient(circle at 35% 30%,#c8f5cf,#4f9f58 60%,#22592a);box-shadow:0 0 10px #8cdc9699}.m2-deck__layout{align-items:stretch}.m2-deck__board,.m2-peek,.m2-pool{border-radius:18px;border:1px solid rgba(242,200,106,.32);background:linear-gradient(180deg,#22180df2,#0b0805f2);box-shadow:0 14px 30px #00000073,inset 0 1px #fff0be1a}.m2-deck__board{gap:0;padding:6px 18px;overflow:visible}.m2-deck__row{grid-template-columns:70px auto;gap:16px;padding:12px 0}.m2-deck__row+.m2-deck__row{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(242,200,106,.35) 20%,rgba(242,200,106,.35) 80%,transparent) 1}.m2-deck__rank{gap:6px}.m2-deck__medal{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;isolation:isolate}.m2-deck__medal:not(:has(.m2-bg)){background:radial-gradient(circle at 40% 30%,#4a3418,#1a1209 70%);box-shadow:inset 0 0 0 3px #c98f2e,inset 0 0 0 5px #5e3b0e,0 3px 8px #0009}.m2-deck__medal .m2-bg{z-index:-1;object-fit:contain}.m2-deck__medal b{font:900 21px/1 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #000)}.m2-deck__rank-txt{display:grid;justify-items:center;gap:4px}.m2-deck__rank-txt b{font:800 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#e9dcbc}.m2-deck__rank-txt small{padding:2px 8px;border-radius:999px;font:800 12px/1.2 var(--font-ui);color:#ffcfb0;background:#00000080;box-shadow:inset 0 0 0 1px #f2c86a40;transition:color .3s,background .3s}.m2-deck__row.is-full .m2-deck__rank-txt small{color:#1e3a20;background:linear-gradient(180deg,#c8f5cf,#7fd48a);box-shadow:none}.m2-slot--empty{border-radius:9px}@media(min-width:1001px){.m2-deck__side{height:0;min-height:100%;grid-template-rows:auto minmax(0,1fr)}.m2-pool{min-height:0;grid-template-rows:auto minmax(0,1fr)}.m2-pool__grid{max-height:none;min-height:0;align-content:start}.m2-pool>.m2-empty{align-self:start}}@media(max-width:760px){.m2-deck__head{grid-template-columns:auto minmax(0,1fr)}.m2-deck__actions{grid-column:1 / -1}.m2-deck__saved{flex:1;justify-content:center}.m2-deck__board{padding:4px 10px}.m2-deck__row{grid-template-columns:1fr;gap:8px;padding:10px 0}.m2-deck__rank{grid-auto-flow:column;justify-content:start;align-items:center;gap:10px}.m2-deck__medal{width:34px;height:34px}.m2-deck__medal b{font-size:16px}.m2-deck__rank-txt{grid-auto-flow:column;align-items:center;gap:8px}.m2-deck__rank-txt b{font-size:13px}}.m3-quests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;margin:0 auto;align-items:start}.m3-quests__group{display:grid;gap:14px;animation:m2-rise .45s calc(var(--g) * .1s) both}.m3-quests__head{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;padding:0 4px 10px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,rgba(242,200,106,.75),rgba(242,200,106,.15) 70%,transparent) 1}.m3-quests__head h3{margin:0;font:900 22px/1.1 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 60%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.m3-quests__count{padding:4px 10px;border-radius:999px;font:900 13px/1 var(--font-ui);color:#2a1804;background:linear-gradient(180deg,#fff0b8,#f2c86a 55%,#c98f2e);box-shadow:0 0 10px #f2c86a59}.m3-quests__timer{justify-self:end;font:700 12px/1 var(--font-ui);letter-spacing:.06em;color:var(--text-dim, #cdb994);white-space:nowrap}.m3-quests__timer b{color:#ffe08a}.m3-quest{position:relative;isolation:isolate;display:grid;grid-template-columns:76px minmax(0,1fr) 86px;align-items:center;gap:18px;min-height:108px;padding:14px 16px;border-radius:16px;border:1px solid rgba(242,200,106,.45);background:radial-gradient(120% 140% at 0% 50%,rgba(242,200,106,.1),transparent 45%),linear-gradient(180deg,#2c1f10f5,#0f0a06f7);box-shadow:0 12px 26px #00000073,inset 0 1px #fff0be24,inset 0 0 0 4px #00000047,inset 0 0 0 5px #f2c86a1f;transition:transform .25s cubic-bezier(.2,1.4,.4,1),box-shadow .25s;animation:m2-rise .45s calc(.1s + var(--i) * .07s) both}.m3-quest:hover{transform:translateY(-3px);box-shadow:0 16px 30px #00000080,0 0 18px #f2c86a38,inset 0 1px #fff0be24,inset 0 0 0 4px #00000047,inset 0 0 0 5px #f2c86a1f}.m3-quest.has-card{border-color:transparent;background:none;box-shadow:none}.m3-quest__card{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:fill;pointer-events:none}.m3-quest__medal{position:relative;display:grid;place-items:center;width:76px;height:76px}.m3-quest__medal>*{grid-area:1 / 1}.m3-quest__sprite{width:100%;height:100%;background-repeat:no-repeat;filter:drop-shadow(0 4px 6px rgba(0,0,0,.7));transition:transform .35s cubic-bezier(.2,1.5,.4,1)}.m3-quest__medal-bg{width:100%;height:100%;object-fit:contain}.m3-quest__medal-css{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#4a3418,#1a1209 70%);box-shadow:inset 0 0 0 3px #c98f2e,inset 0 0 0 6px #5e3b0e,0 4px 10px #0009}.m3-quest__medal-ico{width:62%;height:62%;object-fit:contain}.m3-quest:hover .m3-quest__sprite,.m3-quest:hover .m3-quest__medal-ico{transform:rotate(-6deg) scale(1.06)}.m3-quest__body{display:grid;gap:12px;min-width:0}.m3-quest__text{font:900 18px/1.15 var(--font-ui);color:#fff3d6;text-shadow:0 2px 3px #000}.m3-quest__progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.m3-quest__bar{position:relative;display:block;height:14px;border-radius:999px;overflow:hidden;background:var(--bar-empty, linear-gradient(180deg, #070504, #1d140b));background-size:100% 100%;box-shadow:inset 0 0 0 1px #f2c86a80,inset 0 2px 4px #000000d9}.has-bar-art .m3-quest__bar{border-radius:0;box-shadow:none;height:18px}.m3-quest__fill{position:absolute;inset:0;background:var(--bar-full, linear-gradient(180deg, #fff0b8, #f2c86a 45%, #b47a22));background-size:100% 100%;clip-path:inset(0 calc((1 - var(--q)) * 100%) 0 0);transition:clip-path .6s ease;animation:m3-fill 1s .25s cubic-bezier(.2,1,.3,1) both}.m3-quest__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-100%);animation:m2-sweep 3.2s 1.2s ease-in-out infinite}@keyframes m3-fill{0%{clip-path:inset(0 100% 0 0)}}.m3-quest__n{min-width:42px;text-align:right;font:800 14px/1 var(--font-ui);color:var(--text-dim, #cdb994)}.m3-quest__n b{font-size:16px;color:#ffe08a}.m3-quest__reward{display:grid;justify-items:center;align-content:center;gap:3px;width:86px;height:80px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#f2c86a33,#00000080 72%);box-shadow:inset 0 0 0 1px #f2c86a61}.m3-quest__reward .hud-icon{width:28px;height:28px}.m3-quest__reward b{font:900 20px/1 var(--font-ui);color:#ffe08a;text-shadow:0 1px 2px #000}.m3-quest__reward small{font:700 10px/1 var(--font-ui);letter-spacing:.22em;color:var(--text-dim, #cdb994)}.m3-quest__check{width:30px;height:30px;object-fit:contain}.m3-quest__check--css{display:grid;place-items:center;border-radius:50%;font:900 17px/1 var(--font-ui);color:#fff;background:radial-gradient(circle at 35% 30%,#c8f5cf,#4f9f58 60%,#22592a);box-shadow:0 0 10px #8cdc9699}.m3-quest.is-done{border-color:#a0e19699}.m3-quest.is-done:not(.has-card){background:radial-gradient(120% 140% at 0% 50%,rgba(140,220,150,.12),transparent 45%),linear-gradient(180deg,#222814f5,#0c0e08f7)}.m3-quests:not(.has-fill-art) .m3-quest.is-done .m3-quest__fill{background:linear-gradient(180deg,#e6ffe9,#7fd48a 45%,#2f7a3a)}.m3-quest.is-done .m3-quest__reward{box-shadow:inset 0 0 0 1px #a0e1968c;background:radial-gradient(circle at 50% 30%,#8cdc9633,#00000080 72%)}.m3-quest.is-done .m3-quest__reward b{color:#c8f5cf}@media(max-width:1000px){.m3-quests{grid-template-columns:1fr}}@media(max-width:760px){.m3-quests{gap:22px}.m3-quests__head{gap:6px 8px}.m3-quests__timer{grid-column:1 / -1;justify-self:start}.m3-quests__head h3{font-size:18px}.m3-quests__timer{font-size:11px}.m3-quest{grid-template-columns:56px minmax(0,1fr) 62px;gap:12px;min-height:88px;padding:12px;border-radius:14px}.m3-quest__medal{width:56px;height:56px}.m3-quest__text{font-size:15px}.m3-quest__body{gap:10px}.m3-quest__progress{gap:8px}.m3-quest__bar{height:12px}.m3-quest__reward{width:62px;height:64px;border-radius:12px}.m3-quest__reward .hud-icon,.m3-quest__check{width:22px;height:22px}.m3-quest__reward b{font-size:16px}.m3-quest__reward small{font-size:9px}}.m3-opt{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;overflow:auto;background:radial-gradient(ellipse at center,#18100899,#000000db);backdrop-filter:blur(4px);animation:m3-fade .2s ease-out both}.m3-opt.is-leaving{animation:m3-fade-out .18s ease-in both}.m3-opt.is-leaving .m3-opt__panel{animation:m3-pop-out .18s ease-in both}@keyframes m3-fade{0%{opacity:0}}@keyframes m3-fade-out{to{opacity:0}}@keyframes m3-pop{0%{opacity:0;transform:translateY(14px) scale(.95)}}@keyframes m3-pop-out{to{opacity:0;transform:translateY(8px) scale(.97)}}.m3-opt__panel{position:relative;box-sizing:border-box;width:min(540px,100%);padding:52px 54px 44px;color:#f1dfbd;text-align:left;background:radial-gradient(120% 60% at 50% 0%,rgba(110,78,30,.35),transparent 60%),linear-gradient(180deg,#221a11,#0e0b07);border:2px solid #9b6d24;border-radius:10px;border-image:url(/img/ui/kit/panneau-or.webp) 48 fill / 26px stretch;box-shadow:0 30px 80px #000000bf,0 0 50px #f2c86a24;animation:m3-pop .32s cubic-bezier(.2,1.3,.4,1) both}.m3-opt__panel{margin:auto}.m3-opt__panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(90% 50% at 50% 0%,rgba(242,200,106,.12),transparent 70%)}.m3-opt__close{position:absolute;top:10px;right:10px;z-index:2}.m3-opt__head{display:grid;justify-items:center;gap:6px;margin:-6px 0 6px}.m3-opt__seal{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:url(/img/ui/kit/btn-rond-or.webp) center / contain no-repeat,radial-gradient(circle at 40% 30%,#f2c86a,#7d5216 70%);filter:drop-shadow(0 4px 8px rgba(0,0,0,.7))}.m3-opt__seal .hud-icon{width:34px;height:34px}.m3-opt__head h2{margin:0;font:900 32px/1.1 var(--font-title);letter-spacing:.04em;background:linear-gradient(180deg,#fff6d6,#f2c86a 55%,#c98f2e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.m3-opt__group{display:grid;gap:10px;margin-top:18px}.m3-opt__group h3{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 2px;font:800 13px/1 var(--font-ui);letter-spacing:.26em;text-transform:uppercase;color:#e9c77a}.m3-opt__group h3:before,.m3-opt__group h3:after{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(242,200,106,.7))}.m3-opt__group h3:after{background:linear-gradient(90deg,rgba(242,200,106,.7),transparent)}.m3-opt__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:54px;padding:8px 14px;border-radius:12px;box-sizing:border-box;background:linear-gradient(180deg,#0000006b,#00000047);box-shadow:inset 0 0 0 1px #f2c86a33,inset 0 1px #fff0be0d}.m3-opt__lbl{display:grid;gap:4px;font:800 15px/1.1 var(--font-ui);color:#fff3d6;text-shadow:0 1px 2px #000}.m3-opt__lbl small{font:600 13px/1.2 var(--font-body);color:var(--text-dim, #cdb994);text-shadow:none}.m3-opt__value{font:800 14px/1 var(--font-ui);color:#ffe7a6}.m3-vol{grid-template-columns:44px minmax(0,1fr) 64px}.m3-vol__main{display:grid;gap:8px;min-width:0;cursor:pointer}.m3-vol__mute{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;font:900 21px/1 var(--font-ui);color:#6e5636;background:radial-gradient(circle at 40% 30%,#3a2a16,#120d07 70%);box-shadow:inset 0 0 0 2px #f2c86a66,0 3px 8px #0009;transition:transform .2s,color .2s}.m3-vol__mute.is-on{color:#2a1804;background:radial-gradient(circle at 35% 30%,#fff6d6,#f2c86a 55%,#9a6a1e);box-shadow:inset 0 0 0 2px #fff0b8,0 0 12px #f2c86a73,0 3px 8px #0009}.m3-vol__mute:hover{transform:scale(1.06)}.m3-vol__mute i{position:absolute;left:9px;right:9px;top:50%;height:3px;border-radius:3px;background:#d8473a;transform:rotate(-40deg);box-shadow:0 0 0 1px #120d07}.m3-vol__pct{justify-self:end;font:900 15px/1 var(--font-ui);color:#ffe08a;white-space:nowrap}.m3-vol.is-muted .m3-vol__pct{color:var(--text-dim, #cdb994);font-size:13px}.m3-vol input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;--v: 50%}.m3-vol input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#8a5a1c,#f2c86a var(--v),rgba(0,0,0,.75) var(--v));box-shadow:inset 0 0 0 1px #f2c86a73,inset 0 1px 3px #000c}.m3-vol input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:#000000bf;box-shadow:inset 0 0 0 1px #f2c86a73}.m3-vol input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,#8a5a1c,#f2c86a)}.m3-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d6,#f2c86a 55%,#9a6a1e);border:2px solid #3a2608;box-shadow:0 2px 6px #000000b3,0 0 10px #f2c86a80;transition:transform .15s}.m3-vol input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d6,#f2c86a 55%,#9a6a1e);border:2px solid #3a2608;box-shadow:0 2px 6px #000000b3}.m3-vol input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.m3-vol input[type=range]:focus-visible{outline:2px solid #fff0b8;outline-offset:4px;border-radius:999px}.m3-vol.is-muted input[type=range]{filter:grayscale(.8);opacity:.6}.m3-opt__seg{position:relative;display:grid;grid-template-columns:repeat(3,54px);padding:3px;border-radius:999px;isolation:isolate;background:#0009;box-shadow:inset 0 0 0 1px #f2c86a6b,inset 0 2px 5px #0009}.m3-opt__seg-thumb{position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:54px;border-radius:999px;transform:translate(calc(var(--idx) * 100%));transition:transform .32s cubic-bezier(.3,1.35,.45,1);background:linear-gradient(180deg,#fff0b8,#f2c86a 45%,#c98f2e);box-shadow:0 0 12px #f2c86a80,inset 0 1px #ffffffb3}.m3-opt__seg button{min-height:36px;padding:0;border:0;background:none;border-radius:999px;cursor:pointer;font:900 15px/1 var(--font-ui);color:#e9dcbc;transition:color .2s}.m3-opt__seg button.is-on{color:#2a1804}.m3-switch{position:relative;width:58px;height:32px;padding:0;border:0;border-radius:999px;cursor:pointer;flex:none;background:#000000a6;box-shadow:inset 0 0 0 1px #f2c86a73,inset 0 2px 5px #000000b3;transition:background .25s}.m3-switch i{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d8cbb0,#7c6a4c 70%);box-shadow:0 2px 4px #000000b3;transition:transform .28s cubic-bezier(.3,1.4,.5,1),background .25s}.m3-switch.is-on{background:linear-gradient(180deg,#c98f2e,#8a5a1c);box-shadow:inset 0 0 0 1px #fff0b8,0 0 12px #f2c86a66}.m3-switch.is-on i{transform:translate(26px);background:radial-gradient(circle at 35% 30%,#fffaf0,#f2c86a 60%,#b0761f)}.m3-opt__note{margin:0;font:600 14px/1.35 var(--font-body);color:var(--text-dim, #cdb994);text-align:center}.m3-opt__group--demo{justify-items:center}.m3-opt__group--demo h3{justify-self:stretch}.m3-opt__confirm{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.m3-opt__foot{display:flex;justify-content:center;margin-top:22px}.m3-opt__ok{min-width:200px}@media(max-width:760px){.m3-opt{padding:10px}.m3-opt__panel{padding:36px 28px 30px;border-image-width:18px}.m3-opt__close{top:6px;right:6px}.m3-opt__head h2{font-size:26px}.m3-opt__seal{width:50px;height:50px}.m3-opt__seal .hud-icon{width:28px;height:28px}.m3-opt__row{padding:8px 10px;gap:10px}.m3-vol{grid-template-columns:40px minmax(0,1fr) 54px}.m3-vol__mute{width:40px;height:40px;font-size:18px}.m3-opt__lbl{font-size:14px}.m3-opt__seg{grid-template-columns:repeat(3,46px)}.m3-opt__seg-thumb{width:46px}}@media(max-width:760px){.page--event3 .ev-hero__rules{justify-content:center}.page--event3 .ev-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.page--event3 .ev-tabs .tab{min-width:0;padding:6px 4px;font-size:12px;line-height:1.15;white-space:normal}}.m2-civ.is-wait{animation:none}.m2-civ.is-wait>*{visibility:hidden}.m2-civ.has-art .m2-civ__art{animation:m2-civ-in .35s ease-out both}@keyframes m2-civ-in{0%{opacity:0}}.m2-civ__shine,.m2-civ__art,.m2-civ:after{pointer-events:none}.m2-civ.has-art .m2-civ__shine{transform:none;background-size:300% 100%;background-position:150% 0;background-repeat:no-repeat}.m2-civ.has-art:hover .m2-civ__shine{animation:m2-sweep-in 1.2s ease-out}.m2-civ.has-art.is-on .m2-civ__shine{animation:m2-sweep-in 4s .4s ease-in-out infinite}@keyframes m2-sweep-in{0%{background-position:150% 0}40%,to{background-position:-50% 0}}.m4-quest{position:relative;isolation:isolate;container-type:inline-size;display:block;width:100%;aspect-ratio:900 / 200;animation:m2-rise .45s calc(var(--i) * .07s) both;transition:transform .25s cubic-bezier(.2,1.4,.4,1),filter .25s}.m4-quest:hover{transform:translateY(-2px);filter:drop-shadow(0 0 12px rgba(242,200,106,.25))}.m4-quest__card{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.m4-quest__frame{position:absolute;inset:4% 6.5%;z-index:-1;border-radius:12px;background:linear-gradient(180deg,#2a1d0f,#120c06);box-shadow:inset 0 0 0 2px #9a6a24,0 8px 14px #00000080}.m4-quest__frame i{position:absolute;top:16%;bottom:16%;border-radius:6px;background:#17110b;box-shadow:inset 0 0 0 1px #f2c86a59}.m4-quest__frame i:nth-child(1){left:6%;width:15.6%;top:18%;bottom:18%;border-radius:50%}.m4-quest__frame i:nth-child(2){left:25%;width:54%}.m4-quest__frame i:nth-child(3){left:80.6%;width:13.3%}.m4-quest__medal{position:absolute;left:18.94%;top:50%;width:16%;aspect-ratio:1;translate:-50% -50%;display:grid;place-items:center}.m4-quest__medal>*{grid-area:1 / 1}.m4-quest__sprite{width:100%;height:100%;background-repeat:no-repeat;filter:drop-shadow(0 3px 5px rgba(0,0,0,.7));transition:transform .35s cubic-bezier(.2,1.5,.4,1)}.m4-quest__medal-bg,.m4-quest__medal-css{width:82%;height:82%;object-fit:contain;border-radius:50%}.m4-quest__medal-css{background:radial-gradient(circle at 40% 30%,#4a3418,#1a1209 70%);box-shadow:inset 0 0 0 3px #c98f2e}.m4-quest__medal-ico{width:52%;height:52%;object-fit:contain}.m4-quest:hover .m4-quest__sprite,.m4-quest:hover .m4-quest__medal-ico{transform:rotate(-6deg) scale(1.05)}.m4-quest__body{position:absolute;left:27.2%;width:46.9%;top:18%;height:63.5%;box-sizing:border-box;padding:0 3.2cqw;display:grid;align-content:center;gap:clamp(5px,1.5cqw,10px);min-width:0}.m4-quest__text{font:900 clamp(13px,2.65cqw,18px) / 1.15 var(--font-ui);color:#fff3d6;text-shadow:0 2px 3px #000;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.m4-quest__progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(6px,1.6cqw,12px)}.m4-quest__bar{position:relative;display:block;height:clamp(9px,2.2cqw,15px);border-radius:999px;overflow:hidden;background:#0b0805;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #000,0 0 0 2px #c98f2eb3}.has-bar-art .m4-quest__bar{border-radius:2px;overflow:visible;box-shadow:none;background:var(--bar-empty) center / 164.4% 100% no-repeat}.m4-quest__fill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(var(--q));border-radius:inherit;overflow:hidden;background:linear-gradient(180deg,#fff0b8,#f2c86a 45%,#b47a22);transition:transform .8s cubic-bezier(.2,.9,.3,1)}.has-bar-art .m4-quest__fill{inset:22% 1.5%;border-radius:2px}.m4-quest__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translate(-100%);animation:m2-sweep 3.2s 1.2s ease-in-out infinite}.m4-quest__n{min-width:3.2em;text-align:right;font:800 clamp(11px,2cqw,14px) / 1 var(--font-ui);color:var(--text-dim, #cdb994);font-variant-numeric:tabular-nums}.m4-quest__n b{font-size:1.15em;color:#ffe08a}.m4-quest__reward{position:absolute;left:75.67%;width:11.56%;top:18%;height:63.5%;display:grid;justify-items:center;align-content:center;gap:clamp(1px,.5cqw,4px);text-align:center}.m4-quest__reward b{font:900 clamp(13px,2.9cqw,20px) / 1 var(--font-ui);color:#ffe08a;text-shadow:0 1px 2px #000}.m4-quest__reward small{font:800 clamp(8px,1.4cqw,10px) / 1 var(--font-ui);letter-spacing:.2em;padding-left:.2em;color:var(--text-dim, #cdb994)}.m4-quest__check{width:clamp(16px,3.6cqw,26px);height:clamp(16px,3.6cqw,26px);object-fit:contain}.m4-quest__check--css{display:grid;place-items:center;border-radius:50%;font:900 12px/1 var(--font-ui);color:#fff;background:radial-gradient(circle at 35% 30%,#c8f5cf,#4f9f58 60%,#22592a)}.m4-quest.is-done .m4-quest__fill{background:linear-gradient(180deg,#e6ffe9,#7fd48a 45%,#2f7a3a)}.m4-quest.is-done .m4-quest__reward b{color:#c8f5cf}.m4-quest.is-done .m4-quest__reward small{display:none}.m3-quests__group{gap:10px}@media(max-width:760px){.m3-quests__group{gap:6px}.m4-quest{width:calc(100% + 16px);margin-left:-8px}}.currency__value{white-space:nowrap}@media(max-width:760px){.page__hud{gap:6px}.page__name span{font-size:clamp(13px,4vw,20px);letter-spacing:0;overflow-wrap:anywhere}.wallet__coin{padding:0 8px 0 4px}}.m2-civ.has-art .m2-civ__txt{gap:4px;padding-top:.25em}@media(max-width:760px){.m2-civ.has-art .m2-civ__txt{gap:3px;padding-top:3px}.m2-civ.has-art .m2-civ__txt b{font-size:13px}}@media(max-width:560px){.page--shop2 .shop2-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.page--shop2 .shop2-tab{height:58px;padding:4px 2px;flex-direction:column;justify-content:center;gap:1px;border-radius:14px;font-size:11px;min-width:0}.page--shop2 .shop2-tab img{width:30px;height:30px}.page--shop2 .shop2-tab span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}@media(max-width:560px)and (max-height:800px),(orientation:landscape)and (max-height:500px){.m3-opt__panel{padding-top:26px;padding-bottom:20px}.m3-opt__seal{display:none}.m3-opt__head{margin:0}.m3-opt__head h2{font-size:22px}.m3-opt__group{gap:6px;margin-top:10px}.m3-opt__row{padding-top:6px;padding-bottom:6px}.m3-opt__foot{margin-top:12px}}@media(min-width:761px)and (max-width:1000px){.m2-civ__long{display:none}.m2-civ__short{display:inline}.m2-civs{gap:8px}}@media(orientation:landscape)and (max-height:500px){.pk .pk-single .pk-card,.pk .pk-cards:not(.is-multi) .pk-card{--w: min(19vw, calc((100dvh - 160px) / 1.5))}.pk .pk-cards:not(.is-multi){translate:0 -30px}.pk .pk-foot{bottom:calc(8px + var(--safe-bottom, 0px))}.pk .pk-foot .btn{min-height:38px;padding-top:4px;padding-bottom:4px}.pk .pk-sum{font-size:15px}}.letter .gift__btn{box-shadow:none;animation:m4-gift-pulse 1.6s ease-in-out infinite}@keyframes m4-gift-pulse{0%,to{filter:drop-shadow(0 0 4px rgba(255,210,110,.35))}50%{filter:drop-shadow(0 0 14px rgba(255,210,110,.85))}}.reduce-motion .letter .gift__btn{animation:none}@media(max-width:430px)and (orientation:portrait){.topbar .profile__name{white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.1;letter-spacing:0;overflow-wrap:anywhere}}.page--event3 .ev-board ol>li{grid-template-columns:54px 52px minmax(0,1fr) auto auto auto auto}.page--event3 .ev-board ol>li>.ev-board__pos{grid-column:1}.page--event3 .ev-board ol>li>img{grid-column:2}.page--event3 .ev-board ol>li>b{grid-column:3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page--event3 .ev-board ol>li>em{grid-column:4}.page--event3 .ev-board ol>li>.ev-board__games{grid-column:5}.page--event3 .ev-board ol>li>.m2-stat{grid-column:6}.page--event3 .ev-board ol>li>.ev-board__pts{grid-column:7;min-width:64px;text-align:right}.page--event3 .ev-board ol>li.has-bb{cursor:pointer;transition:border-color .2s,background .2s,transform .15s}.page--event3 .ev-board ol>li.has-bb:hover{border-color:#ffd27880}.page--event3 .ev-board ol>li.has-bb:active{transform:scale(.995)}.page--event3 .ev-board ol>li.has-bb:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}.page--event3 .ev-board ol>li.is-open{border-color:#ffd27899;background:linear-gradient(180deg,#382610eb,#0e0a06f0)}.m2-stat{display:inline-flex;align-items:center;gap:5px;padding:5px 11px 5px 8px;border-radius:999px;white-space:nowrap;font:900 17px/1 var(--font-ui);color:#fff3d6;background:linear-gradient(180deg,#785218bf,#281a0ad9);border:1px solid rgba(255,210,120,.45);box-shadow:inset 0 1px #fff0c840}.m2-stat .ui-icon,.m2-stat .ui-glyph{width:17px;height:17px;color:#ffcf6e;flex:none;font-size:15px;line-height:1}.m2-stat--none{background:none;border-color:transparent;box-shadow:none;color:var(--text-dim, #cdb994);justify-content:center;min-width:40px}.m2-stat--big{padding:8px 18px 8px 12px;font:900 34px/1 var(--font-title);color:#ffe7a6;text-shadow:0 2px 6px #000;background:linear-gradient(180deg,#96641ed9,#32200ae6);border-color:#ffdc8cbf;box-shadow:0 0 24px #ffbe5059,inset 0 1px #fff0c859}.m2-stat--big .ui-icon,.m2-stat--big .ui-glyph{width:28px;height:28px;font-size:26px}.m2-bb{grid-column:1 / -1;display:grid;gap:10px;justify-items:center;padding:6px 0 4px;cursor:default;animation:m2-bb-open .28s ease-out both}@keyframes m2-bb-open{0%{opacity:0;transform:translateY(-6px)}}.m2-bb__cards{display:flex;justify-content:center;gap:10px;flex-wrap:nowrap;max-width:100%}.m2-bb__card{display:block;animation:m2-rise .35s calc(var(--k) * .05s) both}.m2-bb__cards .card{--w: 104px;width:var(--w)}.m2-bb__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.ev-board .m2-bb__facts li{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#00000080;border:1px solid rgba(242,200,106,.25);font:700 14px/1.1 var(--font-ui);color:#f3e7cf;animation:none;box-shadow:none}.m2-bb__facts small{font:700 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim, #cdb994)}.ev-board .m2-bb__facts b{font:900 15px/1 var(--font-ui);color:#ffcf6e}.m2-bb__terrain{border-color:color-mix(in srgb,var(--civ, #c98f2e) 70%,transparent)!important}.m2-bb__emblem{display:inline-block;width:20px;height:20px;flex:none}.m2-record{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(240px,380px) 1fr;grid-template-areas:"head cards" "facts cards";align-items:center;gap:10px 26px;margin:0 0 18px;padding:20px 26px;border-radius:20px;overflow:hidden;background:radial-gradient(60% 140% at 15% 50%,color-mix(in srgb,var(--civ, #c98f2e) 30%,rgba(200,140,50,.35)),transparent 70%),linear-gradient(180deg,#302210f0,#0e0a06f5);border:1px solid rgba(255,215,130,.7);box-shadow:0 0 0 1px #0009,0 0 34px #ffbe5038,inset 0 1px #fff0c82e;animation:m2-rise .45s both}.m2-record:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,235,170,.12) 50%,transparent 65%);background-size:250% 100%;animation:m2-record-sheen 5s ease-in-out infinite}@keyframes m2-record-sheen{0%{background-position:120% 0}to{background-position:-120% 0}}.m2-record__head{grid-area:head;display:grid;justify-items:start;gap:8px}.m2-record__head small{display:inline-flex;align-items:center;gap:6px;font:800 12px/1.2 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:#ffcf6e}.m2-record__head small .ui-icon,.m2-record__head small .ui-glyph{width:16px;height:16px}.m2-record__name{font:900 26px/1.05 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 55%,#b0761f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 3px #000)}.m2-record .m2-bb__cards{grid-area:cards}.m2-record .m2-bb__cards .card{--w: 118px}.m2-record .m2-bb__facts{grid-area:facts;justify-content:flex-start;flex-wrap:nowrap}@media(max-width:1100px){.m2-record{grid-template-columns:1fr;grid-template-areas:"head" "cards" "facts";justify-items:center;text-align:center}.m2-record__head{justify-items:center}.m2-record .m2-bb__facts{justify-content:center;flex-wrap:wrap}}@media(max-width:760px){.page--event3 .ev-board ol>li{grid-template-columns:34px 40px minmax(0,1fr) auto auto;gap:8px}.page--event3 .ev-board ol>li>.m2-stat{grid-column:4}.page--event3 .ev-board ol>li>.ev-board__pts{grid-column:5;min-width:0;font-size:20px}.page--event3 .ev-board ol>li>b{font-size:16px}.m2-stat{padding:4px 8px 4px 6px;font-size:14px;gap:3px}.m2-stat .ui-icon,.m2-stat .ui-glyph{width:14px;height:14px;font-size:12px}.m2-stat--big{padding:6px 14px 6px 10px;font-size:28px}.m2-stat--big .ui-icon,.m2-stat--big .ui-glyph{width:22px;height:22px}.m2-bb__cards{gap:4px}.m2-bb__cards .card,.m2-record .m2-bb__cards .card{--w: min(64px, calc((100vw - 104px)/5) );font-size:calc(var(--w) / 9.5)}.m2-record{padding:14px 10px;margin-bottom:12px;gap:10px;border-radius:16px}.m2-record__name{font-size:22px}.m2-record__head small{text-align:center}.m2-record__head small .ui-icon,.m2-record__head small .ui-glyph{display:none}.m2-bb__facts{gap:4px}.ev-board .m2-bb__facts li{padding:4px 8px;gap:4px;font-size:12px}.m2-bb__facts small{font-size:9px;letter-spacing:.02em}.m2-bb__emblem{width:16px;height:16px}.ev-board .m2-bb__facts b{font-size:13px}}@media(min-width:761px)and (min-height:501px){.g2 .g-side{position:relative;padding:14px 12px;gap:10px;border:12px solid transparent;border-image:url(/img/ui/jeu/panneau-joueurs.webp) 90 fill / 34px stretch;background:linear-gradient(180deg,#18110adb,#0a0704e6) padding-box;border-radius:14px;box-shadow:0 16px 40px #00000073}.g2 .g-menu{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:0 2px 8px;border-bottom:1px solid rgba(242,200,106,.18)}.g2 .g-round{position:relative;isolation:isolate;display:flex;align-items:baseline;justify-content:center;gap:8px;min-height:46px;padding:6px 14px;border-radius:10px;background:linear-gradient(180deg,#5c3c168c,#1c1208cc);box-shadow:inset 0 0 0 1px #f2c86a8c,inset 0 0 0 3px #00000080,inset 0 0 0 4px #f2c86a33,0 4px 12px #00000080;text-shadow:0 2px 6px #000}.g2 .g-round:has(.g-round__frame){background:none;box-shadow:none}.g2 .g-round__frame{position:absolute;inset:-6px -10px;width:calc(100% + 20px);height:calc(100% + 12px);object-fit:fill;z-index:-1;pointer-events:none}.g2 .g-round__k{font:700 12px/1 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}.g2 .g-round__n{font:900 28px/1 var(--font-title, var(--font-ui));color:#ffe6a3}.g2 .g-side .players{gap:2px;padding-right:2px;scrollbar-width:thin}.g2 .g-side .player{grid-template-columns:18px 46px minmax(0,1fr);column-gap:9px;row-gap:2px;padding:5px 8px 5px 4px;border:0;border-radius:10px;background:linear-gradient(90deg,#ffe6aa0b,#ffe6aa00);box-shadow:inset 0 -1px #f2c86a1a;animation:g2-player-in .45s cubic-bezier(.2,1.2,.4,1) backwards;animation-delay:calc(var(--k, 0) * 45ms);transition:background .2s}.g2 .g-side .player:hover{background:linear-gradient(90deg,#ffe6aa1a,#ffe6aa05)}.g2 .g-side .player.is-me{background:linear-gradient(90deg,#a06c2280,#3c260e40);box-shadow:inset 0 0 0 1.5px #f2c86abf,0 0 18px #f2c86a38}.g2 .g-side .player__pos{width:18px;height:auto;border:0;background:none;font:900 15px/1 var(--font-title, var(--font-ui));color:var(--gold-2);text-shadow:0 1px 3px #000}.g2 .g-side .player.is-me .player__pos{color:#ffe6a3}.g2 .g-side .player__avatar{width:46px;height:46px;border-width:0;box-shadow:0 0 0 2px #0009,0 3px 8px #0009;overflow:visible}.g2 .g-side .player__avatar img{border-radius:50%}.g2 .g-side .player__avatar:after{inset:-16%}.g2 .g-side .player__name{font-size:14px;letter-spacing:.02em;align-self:end}.g2 .g-side .player__lives{display:none}.g2 .g-side .player.is-out .player__lives{display:inline-flex;font-size:13px;color:var(--text-dim)}}.g2 .player__pips{display:none}@media(min-width:761px)and (min-height:501px){.g2 .g-side .player__pips{display:flex;gap:3px;align-self:start}.g2 .player__pips i{width:13px;height:12px;background:linear-gradient(180deg,#ff7a68,#b8231a);clip-path:path("M6.5 11.6 1.4 6.6A3 3 0 0 1 6.5 2.4 3 3 0 0 1 11.6 6.6Z");filter:drop-shadow(0 0 2px rgba(255,80,60,.5))}.g2 .player__pips i:not(.is-on){background:#fff0dc24;filter:none}}@keyframes g2-player-in{0%{opacity:0;transform:translate(-14px)}}.g2 .g-quit{flex:none;width:46px;height:46px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));transition:transform .15s,filter .15s}.g2 .g-quit img,.g2 .g-quit .quit-glyph{width:100%;height:100%;object-fit:contain;display:block}.g2 .g-quit:hover{transform:scale(1.07) rotate(-4deg);filter:drop-shadow(0 0 10px rgba(242,200,106,.55)) drop-shadow(0 3px 6px #000)}.g2 .g-quit:focus-visible{outline:2px solid var(--gold-1);outline-offset:3px}.modal__panel.quit-menu{justify-items:center;text-align:center}.quit-menu__icon{width:64px;height:64px;display:block;filter:drop-shadow(0 0 14px rgba(242,200,106,.35))}.quit-menu__icon img,.quit-menu__icon svg{width:100%;height:100%;object-fit:contain}.g2 .shop{position:relative}.g2 .offer__price{display:none}.g2 .offer{position:relative}.g2 .offer.is-third .card{animation:g2-third 1.8s ease-in-out infinite}.g2 .offer.is-third .card:before{content:"";position:absolute;z-index:1;pointer-events:none;left:9.6%;top:8.6%;width:80.8%;height:73.6%;border-radius:2px;box-shadow:inset 0 0 calc(var(--w, 120px) * .1) #ffcd64d9,inset 0 0 calc(var(--w, 120px) * .03) #fff0bee6;mix-blend-mode:screen;animation:g2-third-glow 1.8s ease-in-out infinite}@keyframes g2-third{50%{transform:translateY(-5px)}}@keyframes g2-third-glow{0%,to{opacity:.55}50%{opacity:1}}.reduce-motion .g2 .offer.is-third .card{animation:none}.g2 .shop.is-sell .offer{opacity:.28;filter:grayscale(.7);transition:opacity .2s}.g2 .sell-zone{position:absolute;inset:4px;z-index:6;border-radius:12px;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 50%,#784612b8,#1e0e06d1);border:2px dashed rgba(255,214,120,.85);box-shadow:inset 0 0 40px #ffbe5040;animation:g2-sell-in .22s ease-out both,g2-sell-dash 1.1s ease-in-out infinite}.g2 .sell-zone__icon{width:clamp(48px,7vh,76px);height:clamp(48px,7vh,76px);display:grid;place-items:center;font-size:40px;color:var(--gold-1);filter:drop-shadow(0 0 10px rgba(255,200,90,.6));transition:transform .2s}.g2 .sell-zone__icon img,.g2 .sell-zone__icon svg{width:100%;height:100%;object-fit:contain}.g2 .sell-zone__txt{font:900 clamp(18px,2.2vw,26px)/1 var(--font-ui);color:#ffe6a3;letter-spacing:.04em;text-shadow:0 2px 6px #000}.g2 .sell-zone__gain{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;background:#0000008c;border:1px solid var(--gold-2);font:900 20px/1 var(--font-ui);color:var(--gold-1)}.g2 .sell-zone__gain svg{width:22px;height:22px}.g2 .shop.is-sell-over .sell-zone{background:radial-gradient(ellipse at 50% 50%,#be781ed9,#3c1c08e0);border-style:solid;box-shadow:inset 0 0 60px #ffd26e80,0 0 30px #ffc85a80}.g2 .shop.is-sell-over .sell-zone__icon{transform:scale(1.18) rotate(-6deg)}@keyframes g2-sell-in{0%{opacity:0;transform:scale(.96)}}@keyframes g2-sell-dash{50%{border-color:#fff0be}}.g2.is-selling .shop{box-shadow:0 0 0 2px #ffd678b3,0 0 30px #ffbe5073}.g2 .shop-ice,.g2 .frost-fx{position:absolute;inset:0;z-index:4;border-radius:inherit;pointer-events:none;overflow:hidden}.g2 .shop-ice{background:radial-gradient(ellipse at 0% 0%,rgba(220,245,255,.55),transparent 30%),radial-gradient(ellipse at 100% 100%,rgba(220,245,255,.5),transparent 32%),radial-gradient(ellipse at 100% 0%,rgba(200,235,255,.35),transparent 22%),radial-gradient(ellipse at 0% 100%,rgba(200,235,255,.35),transparent 22%),repeating-linear-gradient(62deg,rgba(235,248,255,.07) 0 1px,transparent 1px 19px),repeating-linear-gradient(-58deg,rgba(235,248,255,.06) 0 1px,transparent 1px 27px),linear-gradient(180deg,#aadcff29,#78beff14);box-shadow:inset 0 0 0 1.5px #c8f0ffb3,inset 0 0 26px #aae1ff8c;mix-blend-mode:screen}.g2 .shop-ice i{position:absolute;width:14px;height:14px;opacity:0;background:radial-gradient(circle,#fff 0 18%,rgba(200,240,255,.8) 30%,transparent 62%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:g2-twinkle 3.2s ease-in-out infinite}.g2 .shop-ice i:nth-child(1){left:6%;top:12%;animation-delay:0s}.g2 .shop-ice i:nth-child(2){left:27%;top:78%;animation-delay:.7s}.g2 .shop-ice i:nth-child(3){left:48%;top:8%;animation-delay:1.4s;width:18px;height:18px}.g2 .shop-ice i:nth-child(4){left:68%;top:70%;animation-delay:2.1s}.g2 .shop-ice i:nth-child(5){left:88%;top:18%;animation-delay:1s;width:18px;height:18px}.g2 .shop-ice i:nth-child(6){left:95%;top:84%;animation-delay:2.6s}@keyframes g2-twinkle{0%,to{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:1;transform:scale(1.2) rotate(45deg)}60%{opacity:.2}}.g2 .shop.is-frozen .offer .card{filter:saturate(.7) brightness(1.02) hue-rotate(-8deg) drop-shadow(0 0 6px rgba(170,225,255,.75))}.g2 .frost-fx:before{content:"";position:absolute;inset:0;background:url(/img/fx/combat/givre.webp) center / 60% auto repeat-x,repeating-linear-gradient(62deg,rgba(255,255,255,.28) 0 1.5px,transparent 1.5px 17px),repeating-linear-gradient(-58deg,rgba(255,255,255,.22) 0 1px,transparent 1px 23px),radial-gradient(circle at 20% 30%,rgba(255,255,255,.7),transparent 18%),radial-gradient(circle at 70% 65%,rgba(255,255,255,.6),transparent 16%),linear-gradient(100deg,#ebfafff2,#aae1ffd9 40%,#78c8ff99 70%,#ebfaffe6);mix-blend-mode:screen}.g2 .frost-fx:after{content:"";position:absolute;inset:-20% -40%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.95) 50%,transparent 60%)}.g2 .frost-fx.is-in:before{animation:g2-frost-cover 1.25s cubic-bezier(.3,.7,.2,1) forwards}.g2 .frost-fx.is-in:after{animation:g2-frost-shine .9s ease-in .55s both}.g2 .frost-fx.is-out:before{animation:g2-frost-melt .9s ease-out forwards}.g2 .frost-fx.is-out:after{display:none}@keyframes g2-frost-cover{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%);opacity:.95}55%{clip-path:polygon(0 0,115% 0,100% 100%,0 100%);opacity:.95}to{clip-path:polygon(0 0,115% 0,100% 100%,0 100%);opacity:0}}@keyframes g2-frost-shine{0%{transform:translate(-60%);opacity:1}to{transform:translate(60%);opacity:0}}@keyframes g2-frost-melt{0%{opacity:.8;filter:blur(0)}to{opacity:0;filter:blur(6px);transform:translateY(8px)}}.g2 .frost-fx i{position:absolute;top:32%;left:calc(6% + var(--k) * 14.5%);width:clamp(36px,4.6vw,64px);aspect-ratio:1;transform:translate(-50%,-50%);background:url(/img/fx/combat/givre-8.webp) 0 0 / 800% 100% no-repeat,radial-gradient(circle,rgba(255,255,255,.95) 0 8%,rgba(190,235,255,.7) 18%,transparent 55%);opacity:0}.g2 .frost-fx i:nth-child(2n){top:70%}.g2 .frost-fx.is-in i{animation:g2-frost-sprite .8s steps(7) both,g2-frost-pop .8s ease-out both;animation-delay:calc(var(--k) * 90ms)}.g2 .frost-fx.is-out i{animation:g2-frost-drop .9s ease-in both;animation-delay:calc(var(--k) * 60ms);background:radial-gradient(circle,rgba(220,245,255,.9) 0 20%,transparent 60%);width:14px}@keyframes g2-frost-sprite{0%{background-position:0 0,center}to{background-position:100% 0,center}}@keyframes g2-frost-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-30deg)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.25) rotate(20deg)}}@keyframes g2-frost-drop{0%{opacity:.9;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,140%)}}.g2 .g-freeze.is-on{box-shadow:0 0 0 1.5px #9fd8ff,0 0 18px #82c8ff8c}.g2 .g-freeze.is-on .g-freeze__icon{animation:g2-freeze-icon 2.4s ease-in-out infinite}@keyframes g2-freeze-icon{50%{filter:drop-shadow(0 0 8px #bfe9ff);transform:rotate(30deg) scale(1.08)}}.reduce-motion .g2 .frost-fx,.reduce-motion .g2 .shop-ice i{animation:none;display:none}@media(min-width:761px)and (min-height:501px){.g2 .board{gap:clamp(8px,.9vw,14px);padding:clamp(6px,.8vw,12px)}.g2 .board .card,.g2 .slot__empty{--w: clamp(92px, min(13.4vw, 29vh, calc((100vw - 640px)/5) ), 210px)}}@media(min-width:761px)and (min-height:501px)and (max-height:820px){.g2 .board .card,.g2 .slot__empty{--w: clamp(86px, min(13vw, 26vh, calc((100vw - 640px)/5) ), 200px)}}@media(min-width:1600px)and (min-height:950px){.g2 .board .card,.g2 .slot__empty{--w: min(236px, 28vh, calc((100vw - 760px)/5) )}}@media(max-width:760px){.g2 .board{gap:3px;padding:2px}.g2 .board .card,.g2 .slot__empty{--w: calc((100vw - 36px)/5) }}.g2 .hand__card{position:relative}.g2 .hand__card.is-reward .card{animation:g2-reward 1.8s ease-in-out infinite}@keyframes g2-reward{50%{transform:translateY(-4px);filter:brightness(1.12)}}.g2 .hand__card.is-arriving .card{opacity:0;animation:none}.g2 .g-extra{display:flex;flex-direction:column;gap:12px;min-height:0}.g2 .g-terrain{position:relative;display:grid;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--civ) 35%,var(--gold-3));background:linear-gradient(180deg,#1a120af2,#0a0704f2);box-shadow:0 8px 20px #00000080,inset 0 0 0 1px #0009;animation:g2-terr-in .7s cubic-bezier(.2,1.2,.4,1) backwards}@keyframes g2-terr-in{0%{opacity:0;transform:translateY(16px) scale(.94)}}.g2 .g-terrain__main{position:relative;display:grid;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:default;border-radius:11px 11px 0 0;overflow:hidden;font:inherit}.g2 .g-terrain__main:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}.g2 .g-terrain__art{display:block;aspect-ratio:16 / 9}.terr-art{position:relative;display:block;overflow:hidden;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--civ, #7d5216) 70%,#2a1a0c),#120c06)}.terr-art img{width:100%;height:100%;object-fit:cover;display:block}.terr-art__fallback{position:absolute;inset:0;display:grid;place-items:center;opacity:.85}.g2 .g-terrain__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,7,4,.92));pointer-events:none}.g2 .g-terrain__body{position:relative;min-width:0;display:grid;gap:4px;padding:0 12px 11px;margin-top:-22px}.g2 .g-terrain__name{font:900 17px/1.1 var(--font-title, var(--font-ui));letter-spacing:.03em;color:#ffe2a0;text-shadow:0 2px 5px #000}.g2 .g-terrain__fx{font:600 14px/1.32 var(--font-body);color:var(--text)}.g2 .g-terrain__tip{display:none}.g2 .g-terrain__perks{list-style:none;margin:0;padding:0 10px 10px;display:flex;flex-wrap:wrap;gap:8px}.g2 .g-terrain__perks>li{position:relative;animation:g2-perk-in .6s cubic-bezier(.2,1.6,.4,1) both}@keyframes g2-perk-in{0%{opacity:0;transform:scale(.2) rotate(-90deg)}}.g2 .g-perk{position:relative;display:block;width:40px;height:40px;padding:0;border:0;background:none;cursor:help;border-radius:50%}.g2 .g-perk:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}.perk-medal{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 40% 32%,color-mix(in srgb,var(--civ) 55%,#3a2410),#110a05 75%);box-shadow:inset 0 0 0 1.5px #e9c370,inset 0 0 0 3px #0000008c,0 3px 8px #0009,0 0 10px color-mix(in srgb,var(--civ) 40%,transparent)}.perk-medal img{width:100%;height:100%;object-fit:contain;border-radius:50%}.perk-medal:has(img[src*="/bonus-"]){background:none;box-shadow:0 3px 8px #0009}.perk-medal img[src*="/emblemes/"]{width:72%;height:72%;filter:drop-shadow(0 1px 2px #000)}.g2 .g-perk__tip,.g2 .g-terrain__tip{position:absolute;z-index:40;right:calc(100% + 12px);top:50%;width:250px;display:grid;gap:4px;padding:10px 12px;border-radius:10px;pointer-events:none;background:#0e0a06f7;border:1px solid var(--gold-2);box-shadow:0 10px 28px #000000b3;font:600 14px/1.35 var(--font-body);color:var(--text);text-align:left;white-space:normal;opacity:0;transform:translate(6px,-50%);transition:opacity .15s,transform .15s}.g2 .g-perk__tip{display:grid}.g2 .g-perk__tip b,.g2 .g-terrain__tip b{font:900 13px/1.15 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-1)}@media(hover:hover){.g2 .g-perk:hover .g-perk__tip{opacity:1;transform:translateY(-50%)}}.g2 .g-terrain__perks>li.is-open .g-perk__tip,.g2 .g-perk:focus-visible .g-perk__tip{opacity:1;transform:translateY(-50%)}.g2 .g-terrain.is-up{animation:g2-terr-up 2s ease-out}@keyframes g2-terr-up{0%{box-shadow:0 0 #ffd67800}15%{box-shadow:0 0 0 3px #ffe6a3,0 0 40px #ffc85af2;transform:scale(1.03)}to{box-shadow:0 8px 20px #00000080;transform:none}}.g2 .g-terrain.is-up .terr-art img{animation:g2-terr-img 2s ease-out}@keyframes g2-terr-img{0%{filter:brightness(1)}15%{filter:brightness(1.8) saturate(1.3)}to{filter:none}}.g2 .g-stacks{display:grid;gap:6px;padding:10px 10px 12px;border-radius:12px;border:1.5px solid var(--gold-3);background:linear-gradient(180deg,#1a120af0,#0a0704f0);box-shadow:0 8px 20px #00000080}.g2 .g-stacks__title{justify-self:center;font:700 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);margin-bottom:2px}.g2 .g-stack{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:4px 12px 4px 4px;border-radius:999px;cursor:help;border:1px solid rgba(242,200,106,.22);background:linear-gradient(90deg,color-mix(in srgb,var(--civ) 26%,rgba(14,10,6,.9)),#0e0a06d9);color:var(--text);font-family:var(--font-ui);text-align:left;transition:border-color .15s,box-shadow .15s}.g2 .g-stack:hover,.g2 .g-stack.is-open,.g2 .g-stack:focus-visible{border-color:var(--gold-1);box-shadow:0 0 14px #f2c86a4d;outline:none}.g2 .g-stack__icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--civ) 55%,#3a2410),#120c06);box-shadow:inset 0 0 0 1.5px var(--gold-2),0 2px 6px #0009;color:var(--gold-1);font-size:18px}.g2 .g-stack__icon:has(img){background:none;box-shadow:none}.g2 .g-stack__icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.g2 .g-stack__icon svg{width:20px;height:20px}.g2 .g-stack__name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g2 .g-stack__n{font:900 20px/1 var(--font-title, var(--font-ui));color:var(--text-dim);animation:g2-count .5s cubic-bezier(.2,1.6,.4,1)}.g2 .g-stack.is-lit .g-stack__n{color:#ffe6a3;text-shadow:0 0 10px rgba(255,200,90,.6)}@keyframes g2-count{0%{transform:scale(1.6)}}.g2 .g-stack__tip{position:absolute;z-index:40;right:calc(100% + 12px);top:50%;width:240px;display:grid;gap:4px;padding:10px 12px;border-radius:10px;pointer-events:none;background:#0e0a06f7;border:1px solid var(--gold-2);box-shadow:0 10px 28px #000000b3;font:600 14px/1.35 var(--font-body);color:var(--text);text-align:left;white-space:normal;opacity:0;transform:translate(6px,-50%);transition:opacity .15s,transform .15s}.g2 .g-stack__tip b{font:900 13px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-1)}.g2 .g-stack__tip:after{content:"";position:absolute;right:-6px;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);background:#0e0a06f7;border-top:1px solid var(--gold-2);border-right:1px solid var(--gold-2)}@media(hover:hover){.g2 .g-stack:hover .g-stack__tip{opacity:1;transform:translateY(-50%)}}.g2 .g-stack.is-open .g-stack__tip,.g2 .g-stack:focus-visible .g-stack__tip{opacity:1;transform:translateY(-50%)}@media(max-width:760px),(orientation:landscape)and (max-height:500px){.g2 .g-extra{grid-area:civs;flex-direction:row;align-items:stretch;gap:6px;min-width:0}.g2 .g-terrain{flex:1 1 0;min-width:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:10px}.g2 .g-terrain__main{grid-template-columns:44px minmax(0,1fr);align-items:center;border-radius:9px;cursor:pointer}.g2 .g-terrain__art{width:44px;height:100%;min-height:46px;aspect-ratio:auto}.g2 .g-terrain__art:after{display:none}.g2 .g-terrain__body{margin:0;padding:3px 8px;gap:1px}.g2 .g-terrain__name{font-size:12.5px}.g2 .g-terrain__fx{font-size:12px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.g2 .g-terrain__perks{padding:0 6px 0 0;gap:4px;flex-wrap:nowrap}.g2 .g-perk{width:30px;height:30px}.g2 .g-terrain__tip{display:grid}.g2 .g-perk__tip,.g2 .g-terrain__tip{position:fixed;left:12px;right:12px;top:auto;bottom:calc(76px + var(--safe-bottom, 0px));width:auto;transform:translateY(6px)}.g2 .g-terrain.is-open .g-terrain__tip,.g2 .g-terrain__perks>li.is-open .g-perk__tip{opacity:1;transform:none}.g2 .g-stacks{flex:none;display:flex;align-items:center;gap:4px;padding:4px 5px;border-radius:10px}.g2 .g-stacks__title,.g2 .g-stack__name{display:none}.g2 .g-stack{grid-template-columns:26px auto;gap:4px;min-height:40px;min-width:44px;padding:2px 7px 2px 3px}.g2 .g-stack__icon{width:26px;height:26px;font-size:14px}.g2 .g-stack__icon svg{width:15px;height:15px}.g2 .g-stack__n{font-size:15px}.g2 .g-stack__tip{position:fixed;left:12px;right:12px;top:auto;bottom:calc(76px + var(--safe-bottom, 0px));width:auto;transform:translateY(6px)}.g2 .g-stack__tip:after{display:none}.g2 .g-stack.is-open .g-stack__tip{transform:none}}@media(orientation:landscape)and (max-height:500px){.g2 .g-extra{flex-direction:column;align-self:center}.g2 .g-stacks{justify-content:center;flex-wrap:wrap}.g2 .g-stacks{gap:3px;padding:4px}.g2 .g-stack{min-width:0;padding:2px 6px 2px 2px;gap:3px;grid-template-columns:24px auto}.g2 .g-stack__icon{width:24px;height:24px}}.g2 .g-right>.g-civs:not(.g-relics){display:none!important}.peek__gold{font-style:normal;color:#ffd77a;font-size:.7em}.peek__third{margin:0;padding:5px 12px;border-radius:10px;justify-self:start;background:linear-gradient(90deg,#a06c228c,#3c260e4d);border:1px solid rgba(255,214,120,.6);color:#ffe6a3;font:700 15px/1.3 var(--font-ui)}.peek__sell{gap:8px}.peek__sell .hud-icon{width:26px;height:26px}.peek--owned .peek__tip{display:block}@media(max-width:760px){.peek__third{justify-self:center;font-size:13px}.peek--owned .peek__tip{display:none}}.tc{position:fixed;inset:0;z-index:62;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:clamp(12px,2.4vh,26px);padding:calc(clamp(16px,3vh,34px) + var(--safe-top, 0px)) clamp(12px,2.4vw,40px) calc(16px + var(--safe-bottom, 0px));color:var(--parch, #f3e6c8);text-align:center;animation:fade-in .45s ease-out}.tc__bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 30%,#5a3a128c,#090604 75%);overflow:hidden}.tc__bgimg{position:absolute;inset:-4%;opacity:0;transform:scale(1.12);filter:blur(7px) saturate(1.1);transition:opacity .8s ease,transform 6s ease-out}.tc__bgimg.is-on{opacity:.6;transform:scale(1.04)}.tc__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#08050340,#080503eb 78%),linear-gradient(180deg,rgba(8,5,3,.7),transparent 30%,transparent 70%,rgba(8,5,3,.85))}.tc__head{display:grid;justify-items:center;gap:6px}.tc__kicker{display:inline-flex;align-items:center;gap:12px;font:700 13px/1 var(--font-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);animation:g2-rise .6s ease-out .05s both}.tc__kicker:before,.tc__kicker:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-2))}.tc__kicker:after{transform:scaleX(-1)}.tc__title{margin:0;font-family:var(--font-title, serif);font-size:clamp(26px,3.4vw,50px);letter-spacing:.04em;color:#ffe2a0;text-shadow:0 0 26px rgba(255,170,60,.55),0 3px 0 #000;animation:g2-rise .6s ease-out .15s both}.tc__rule{width:min(420px,60vw);height:2px;background:linear-gradient(90deg,transparent,#ffd77a 30%,#fff1c4 50%,#ffd77a 70%,transparent);box-shadow:0 0 12px #ffc85acc;transform-origin:center;animation:g2-rule .9s cubic-bezier(.3,.8,.2,1) .3s both}@keyframes g2-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes g2-rule{0%{transform:scaleX(0);opacity:0}}.tc__list{list-style:none;margin:0;padding:0;display:flex;gap:clamp(10px,1.1vw,18px);width:min(1380px,100%);height:100%;max-height:640px;min-height:0;transition:gap .5s}.tc.is-picked .tc__list{gap:0}.tc-land{position:relative;flex:1 1 0;min-width:0;display:grid;border-radius:18px;transition:flex-grow .6s cubic-bezier(.25,1,.3,1),opacity .45s,margin .5s;animation:g2-land-in .95s cubic-bezier(.2,.9,.25,1) backwards;animation-delay:calc(.25s + var(--i) * .12s)}@keyframes g2-land-in{0%{opacity:0;clip-path:inset(100% 0 0 0 round 18px);transform:translateY(60px)}to{clip-path:inset(0 0 0 0 round 18px)}}.tc-land.is-focus{flex-grow:1.55}.tc-land.is-chosen{flex-grow:9}.tc-land.is-gone{flex-grow:.0001;opacity:0}.tc-land__btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;border-radius:inherit;overflow:hidden;cursor:pointer;background:#120c06;color:inherit;font:inherit;text-align:center;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--civ) 30%,rgba(242,200,106,.5)),0 18px 40px #0009;transition:box-shadow .35s,transform .35s}.tc-land__btn:disabled{cursor:default}.tc-land__btn:focus-visible{outline:2px solid #ffd77a;outline-offset:4px}.tc-land__art{position:absolute;inset:0;z-index:0}.tc-land__art img{transform:scale(1.14);transition:transform 7s cubic-bezier(.2,.6,.2,1),filter .5s;filter:saturate(.85) brightness(.8)}.tc-land.is-focus .tc-land__art img,.tc-land.is-chosen .tc-land__art img{transform:scale(1.02);filter:saturate(1.08) brightness(1)}.tc-land__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,5,3,.55) 0%,transparent 22%,transparent 42%,rgba(8,5,3,.94) 82%)}.tc-land__sweep{position:absolute;inset:-10% -60%;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 42%,rgba(255,240,200,.28) 50%,transparent 58%)}.tc-land.is-focus .tc-land__sweep{animation:g2-sweep 1.2s ease-out}@keyframes g2-sweep{0%{opacity:1;transform:translate(-40%)}to{opacity:0;transform:translate(40%)}}.tc-land.is-focus .tc-land__btn{box-shadow:inset 0 0 0 2px #ffd77a,0 0 0 1px #0009,0 0 46px color-mix(in srgb,var(--civ) 55%,rgba(255,200,90,.5)),0 24px 50px #000000b3}.tc-land__emblem{position:absolute;z-index:3;left:50%;top:clamp(12px,2.4vh,22px);width:clamp(40px,4.2vw,64px);aspect-ratio:1;transform:translate(-50%);filter:drop-shadow(0 3px 6px rgba(0,0,0,.9));transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.tc-land.is-focus .tc-land__emblem{transform:translate(-50%) scale(1.15)}.tc-land__body{position:absolute;z-index:3;left:0;right:0;bottom:0;display:grid;justify-items:center;gap:10px;padding:clamp(14px,2.4vh,26px) clamp(12px,1.4vw,24px)}.tc-land__name{font:900 clamp(20px,1.9vw,32px)/1.05 var(--font-title, var(--font-ui));letter-spacing:.04em;color:#ffe2a0;text-shadow:0 0 18px rgba(255,170,60,.45),0 2px 4px #000}.tc-land__name:after{content:"";display:block;width:40%;height:1px;margin:10px auto 0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--civ) 40%,#ffd77a),transparent)}.tc-land__fx{max-width:34ch;font:600 clamp(14px,1.15vw,18px)/1.4 var(--font-body);color:#f6ead2;text-shadow:0 1px 3px #000}.tc-land__cta{margin-top:2px;padding:9px 22px;border-radius:999px;background:linear-gradient(180deg,#ffe39a,#c48a2c 60%,#8a5a1c);color:#2a1804;font:900 14px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 14px #0009,0 0 18px #ffc85a80;animation:g2-rise .3s ease-out both}.tc-land.is-chosen .tc-land__btn{box-shadow:inset 0 0 0 2px #fff1c4,0 0 80px #ffd26ed9}.tc-land.is-chosen .tc-land__name{animation:g2-chosen-name 1s ease-out both}@keyframes g2-chosen-name{30%{transform:scale(1.18);color:#fff6dc;text-shadow:0 0 30px rgba(255,220,140,1),0 2px 4px #000}}.tc__flash{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,240,200,.85),rgba(255,200,90,.35) 30%,transparent 65%);mix-blend-mode:screen;animation:g2-flash 1.1s ease-out forwards}@keyframes g2-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.tc.is-picked{animation:g2-tc-out .35s ease-in .85s forwards}@keyframes g2-tc-out{to{opacity:0}}.tc__look{min-height:44px;animation:g2-rise .5s ease-out .9s both}.tc .tc__look{background:#0e0a0699}.tc-pill{position:fixed;z-index:62;left:50%;bottom:calc(18px + var(--safe-bottom, 0px));transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:7px 7px 7px 20px;border-radius:999px;white-space:nowrap;background:#0e0a06f2;border:1.5px solid #ffd77a;box-shadow:0 10px 30px #000000b3,0 0 26px #ffc85a66;font:800 15px/1.2 var(--font-ui);letter-spacing:.04em;color:#ffe6a3;animation:g2-pill-in .45s cubic-bezier(.2,1.5,.4,1) both}.tc-pill__glow{position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 #ffd678b3;animation:g2-pill-glow 2s ease-out infinite}.tc-pill .btn{min-height:42px}@keyframes g2-pill-in{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}}@media(min-width:761px)and (min-height:501px){.tc-pill{left:24px;bottom:calc(24px + var(--safe-bottom, 0px));transform:none;animation-name:g2-pill-in-pc}@keyframes g2-pill-in-pc{0%{opacity:0;transform:translateY(20px) scale(.8)}}}@keyframes g2-pill-glow{0%{box-shadow:0 0 #ffd67899}to{box-shadow:0 0 0 16px #ffd67800}}@media(max-width:760px){.tc{gap:10px;padding-left:12px;padding-right:12px}.tc__title{font-size:27px}.tc__kicker{font-size:12px;letter-spacing:.2em}.tc__list{flex-direction:column;max-height:none;gap:8px}.tc-land{border-radius:14px;animation-name:g2-land-in-m}@keyframes g2-land-in-m{0%{opacity:0;clip-path:inset(0 100% 0 0 round 14px);transform:translate(-40px)}to{clip-path:inset(0 0 0 0 round 14px)}}.tc-land.is-focus{flex-grow:2.1}.tc-land__shade{background:linear-gradient(90deg,#08050326,#0805038c 45%,#080503e6)}.tc-land__emblem{left:12px;top:12px;width:38px;transform:none}.tc-land.is-focus .tc-land__emblem{transform:scale(1.1)}.tc-land__body{top:0;left:30%;justify-items:end;align-content:center;text-align:right;gap:6px;padding:10px 14px}.tc-land__name{font-size:21px}.tc-land__name:after{margin:6px 0 0 auto;width:60%}.tc-land__fx{font-size:13.5px;line-height:1.32}.tc-land__cta{padding:7px 16px;font-size:12px}.tc-pill{bottom:calc(8px + var(--safe-bottom, 0px));top:auto;font-size:14px}}@media(orientation:landscape)and (max-height:500px){.tc{gap:6px;padding-top:8px}.tc__title{font-size:22px}.tc__kicker,.tc__rule{display:none}.tc-land__fx{font-size:12.5px}.tc-land__name{font-size:17px}.tc-land__emblem{width:32px;top:8px}}.pk3{position:fixed;inset:0;z-index:62;overflow:hidden auto;isolation:isolate;display:grid;align-content:safe center;justify-items:center;gap:clamp(14px,3vh,34px);padding:calc(20px + var(--safe-top, 0px)) 14px calc(20px + var(--safe-bottom, 0px));background:radial-gradient(ellipse at 50% 48%,#3c260cdb,#050302f2 72%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#f3e6c8;text-align:center;animation:fade-in .4s ease-out}.pk3__rays{position:absolute;left:50%;top:52%;width:170vmax;height:170vmax;margin:-85vmax 0 0 -85vmax;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,210,110,.09) 0deg 5deg,transparent 5deg 15deg);mask-image:radial-gradient(circle,#000 0,transparent 42%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 42%);animation:g2-rays 50s linear infinite}.pk3--t4 .pk3__rays{background:repeating-conic-gradient(from 0deg,rgba(255,200,90,.16) 0deg 5deg,transparent 5deg 12deg)}.pk3{grid-template-rows:auto auto auto auto}.pk3__list{list-style:none;margin:0;padding:14px 0 6px;display:flex;justify-content:center;gap:clamp(12px,1.8vw,30px);perspective:1400px;max-width:100%}.pk3-card{--cw: clamp(190px, min( calc((100vw - 140px)/4) , calc((100dvh - 250px)*.684) ), 300px);flex:none;width:var(--cw);transition:transform .35s cubic-bezier(.2,1.4,.4,1),opacity .4s,filter .3s}.pk3-card__btn{position:relative;display:block;width:100%;aspect-ratio:520 / 760;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transform-style:preserve-3d;animation:g2-pk-flip 1s cubic-bezier(.25,.9,.3,1.05) backwards;animation-delay:calc(.2s + var(--i) * .14s)}@keyframes g2-pk-flip{0%{opacity:0;transform:translateY(70px) rotateY(180deg) scale(.85)}25%{opacity:1}to{transform:none}}.pk3-card__btn:disabled{cursor:default}.pk3-card__btn:focus-visible{outline:2px solid #ffd77a;outline-offset:4px;border-radius:14px}.pk3-card__face,.pk3-card__back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pk3-card__back{inset:3.6% 6.2%;border-radius:12px;transform:rotateY(180deg);background:url(/img/jeu/dos-carte.webp) center / cover,linear-gradient(160deg,#3a2410,#120a04);box-shadow:inset 0 0 0 2px #c9963e}.pk3-card__face{display:block;filter:drop-shadow(0 18px 26px rgba(0,0,0,.7));transition:filter .3s}.pk3-card__bg{position:absolute;inset:5.6% 8.4%;border-radius:8px;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--civ) 42%,#2c1c0c),#0f0a05 72%)}.pk3-card__face:not(:has(.pk3-card__frame img)) .pk3-card__bg{box-shadow:inset 0 0 0 2px #d9a441,inset 0 0 0 5px #0000008c,inset 0 0 0 6px #f2c86a59;border-radius:14px}.pk3-card__frame{position:absolute;inset:0;z-index:3;pointer-events:none}.pk3-card__frame img{width:100%;height:100%;object-fit:fill;display:block}.pk3-card__body{position:absolute;z-index:2;inset:17.6% 16.5% 17.2%;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(3px,3cqh,10px);text-align:center;overflow:hidden}.pk3-card__mwrap{position:relative;display:grid;place-items:center;flex:none}.pk3-card__halo{position:absolute;left:50%;top:50%;width:190%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--civ) 50%,rgba(255,210,110,.5)),transparent 30%,transparent 50%,rgba(255,210,110,.45),transparent 80%);mask-image:radial-gradient(circle,#000 25%,transparent 68%);-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 68%);animation:g2-halo 9s linear infinite;opacity:.7}@keyframes g2-halo{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pk3-card__medal{position:relative;width:min(46cqw,30cqh);height:min(46cqw,30cqh);transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.pk3-card__civ{position:relative;font:700 clamp(10.5px,5.4cqw,12.5px)/1 var(--font-ui);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--civ) 45%,#ffe6a3)}.pk3-card__name{position:relative;font:900 clamp(14px,9.4cqw,23px)/1.08 var(--font-title, var(--font-ui));color:#ffe2a0;text-shadow:0 2px 4px #000,0 0 16px rgba(255,170,60,.35);overflow-wrap:anywhere;hyphens:auto}.pk3-card__text{position:relative;font:600 clamp(12px,7.6cqw,16.5px)/1.3 var(--font-body);color:#f3e6c8;text-shadow:0 1px 2px #000}.pk3-card__cta{position:absolute;z-index:4;left:50%;bottom:1.2%;transform:translate(-50%);min-height:40px;display:grid;place-items:center;padding:0 22px;border-radius:999px;white-space:nowrap;background:linear-gradient(180deg,#ffe39a,#c48a2c 60%,#8a5a1c);color:#2a1804;font:900 14px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 4px 14px #0009,0 0 18px #ffc85a80;animation:g2-rise .3s ease-out both}.pk3-card:not(.is-gone):not(.is-picked):hover,.pk3-card.is-focus:not(.is-gone):not(.is-picked){transform:translateY(-12px)}.pk3-card:hover .pk3-card__face,.pk3-card.is-focus .pk3-card__face{filter:drop-shadow(0 0 22px color-mix(in srgb,var(--civ) 60%,rgba(255,200,90,.7))) drop-shadow(0 22px 30px rgba(0,0,0,.75))}.pk3-card:hover .pk3-card__medal,.pk3-card.is-focus .pk3-card__medal{transform:scale(1.08) rotate(-4deg)}.pk3-card.is-picked{transform:translateY(-20px) scale(1.08);filter:drop-shadow(0 0 40px rgba(255,220,130,.95)) brightness(1.12);transition-duration:.5s}.pk3-card.is-picked .pk3-card__medal{animation:g2-medal-pick .9s ease-out}@keyframes g2-medal-pick{35%{transform:scale(1.35) rotate(8deg);filter:brightness(1.8)}}.pk3-card.is-gone{opacity:0;transform:translateY(90px) rotate(calc(var(--o) * 10deg)) scale(.85)}.pk3 .tc__look{background:#0e0a0699}.pk3__dots{display:none}@media(max-width:760px){.pk3{align-content:safe center;gap:10px;padding-left:0;padding-right:0}.pk3 .tc__title{font-size:26px}.pk3__list{width:100%;justify-content:flex-start;gap:14px;padding:16px calc((100vw - var(--cwm)) / 2) 8px;--cwm: min(72vw, calc((100dvh - 230px)*.684) , 300px);overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;perspective:none}.pk3__list::-webkit-scrollbar{display:none}.pk3-card{--cw: var(--cwm);scroll-snap-align:center}.pk3-card:not(.is-gone):not(.is-picked):hover,.pk3-card.is-focus:not(.is-gone):not(.is-picked){transform:translateY(-6px)}.pk3-card.is-gone{transform:translateY(60px) scale(.9)}.pk3__dots{display:flex;justify-content:center;gap:10px}.pk3__dots i{width:9px;height:9px;border-radius:50%;background:#ffe6aa40;box-shadow:inset 0 0 0 1px #ffd67866;transition:transform .2s,background .2s}.pk3__dots i.is-on{background:color-mix(in srgb,var(--civ) 45%,#ffd77a);transform:scale(1.35);box-shadow:0 0 8px #ffd26eb3}}@media(orientation:landscape)and (max-height:500px){.pk3{gap:4px;padding-top:calc(6px + var(--safe-top, 0px));padding-bottom:calc(6px + var(--safe-bottom, 0px));align-content:start}.pk3 .tc__kicker,.pk3 .tc__rule{display:none}.pk3 .tc__title{font-size:21px}.pk3__list{padding:8px 0 2px;gap:12px}.pk3-card{--cw: min( calc((100vw - 90px)/4) , calc((100dvh - 118px)*.684) )}.pk3-card__medal{width:min(36cqw,24cqh);height:min(36cqw,24cqh)}.pk3-card__body{gap:3px}.pk3-card__name{font-size:clamp(13px,9cqw,17px)}.pk3-card__text{font-size:clamp(11.5px,7.4cqw,14px);line-height:1.22}.pk3-card__civ{font-size:10.5px}.pk3-card:not(.is-gone):not(.is-picked):hover,.pk3-card.is-focus:not(.is-gone):not(.is-picked){transform:translateY(-5px)}.pk3 .tc__look{min-height:40px;padding-top:0;padding-bottom:0}}.tr2{position:fixed;inset:0;z-index:65;overflow:hidden auto;display:grid;align-content:safe center;justify-items:center;gap:clamp(8px,1.8vh,18px);padding:calc(16px + var(--safe-top, 0px)) 12px calc(16px + var(--safe-bottom, 0px));background:radial-gradient(ellipse at 50% 45%,#462c0ae0,#060402f5 70%);animation:fade-in .35s ease-out;text-align:center;color:#f3e6c8}.tr2__rays{position:absolute;left:50%;top:46%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;z-index:-1;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,210,110,.12) 0deg 6deg,transparent 6deg 18deg);mask-image:radial-gradient(circle,#000 0,transparent 45%);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 45%);animation:g2-rays 40s linear infinite}@keyframes g2-rays{to{transform:rotate(360deg)}}.tr2__art{width:clamp(84px,12vh,150px);aspect-ratio:1;display:grid;place-items:center;animation:g2-art .7s cubic-bezier(.2,1.5,.4,1) both}.tr2__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,200,90,.75))}.tr2__glyph{font-size:clamp(54px,8vh,84px);line-height:1;color:#ffd77a;text-shadow:0 0 26px rgba(255,190,70,.95),0 0 60px rgba(255,160,40,.6);animation:g2-glyph 3s ease-in-out infinite}@keyframes g2-art{0%{opacity:0;transform:scale(.3) rotate(-30deg)}}@keyframes g2-glyph{50%{transform:scale(1.12) rotate(8deg)}}.tr2__title{margin:0;font-family:var(--font-title, serif);font-size:clamp(26px,3.4vw,44px);letter-spacing:.05em;color:#ffe2a0;text-shadow:0 0 22px rgba(255,170,60,.6),0 3px 0 #000;animation:g2-ribbon-y .5s ease-out .15s both}@keyframes g2-ribbon-y{0%{opacity:0;transform:translateY(10px)}}.tr2__fan{display:flex;justify-content:center;align-items:flex-start;padding:18px 10px 26px}.tr2-card{--w: clamp(130px, min(15vw, 26vh), 220px);position:relative;margin:0 calc(var(--w) * -.06);padding:0;border:0;background:none;cursor:pointer;border-radius:12px;transform:translateY(calc(var(--o) * var(--o) * 22px)) rotate(calc(var(--o) * 9deg));transform-origin:50% 120%;transition:transform .28s cubic-bezier(.2,1.4,.4,1),filter .25s,opacity .3s;animation:g2-deal .7s cubic-bezier(.2,1.1,.4,1) backwards;animation-delay:calc(.25s + var(--i) * .12s)}.tr2-card .card{--w: clamp(130px, min(15vw, 26vh), 220px);width:var(--w);box-shadow:0 18px 40px #000000b3}@keyframes g2-deal{0%{opacity:0;transform:translateY(50vh) rotate(0) scale(.6)}}.tr2-card:not(:disabled):hover,.tr2-card.is-focus:not(:disabled){z-index:2;transform:translateY(-22px) rotate(0) scale(1.07);filter:drop-shadow(0 0 24px rgba(255,205,100,.85))}.tr2-card:focus-visible{outline:2px solid #ffd77a;outline-offset:6px}.tr2-card:disabled{cursor:default}.tr2-card.is-picked{z-index:3;transform:translateY(-30px) scale(1.16);filter:drop-shadow(0 0 40px rgba(255,220,130,1)) brightness(1.15);transition-duration:.5s}.tr2-card.is-gone{opacity:0;transform:translateY(80px) rotate(calc(var(--o) * 24deg)) scale(.8)}.tr2__text{margin:0;min-height:2.8em;max-width:640px;font:600 clamp(15px,1.4vw,19px)/1.4 var(--font-body);color:#fbf0d8;text-shadow:0 1px 3px #000}.tr2__text b{font-family:var(--font-ui);color:#ffe6a3}.tr2__hint{color:var(--text-dim);font-style:italic}.tr2__again{display:block;margin-top:2px;font-size:13px;color:var(--gold-2)}.tr2__look{min-height:44px}.tr2-veil{position:fixed;inset:0;z-index:64;cursor:not-allowed;background:#0000001f}.tr2-look{position:fixed;z-index:66;left:50%;bottom:calc(16px + var(--safe-bottom, 0px));transform:translate(-50%);display:flex;align-items:center;gap:12px;white-space:nowrap;padding:8px 8px 8px 16px;border-radius:999px;background:#0e0a06f2;border:1.5px solid #ffd77a;box-shadow:0 10px 30px #000000b3,0 0 24px #ffc85a59;font:700 15px/1.2 var(--font-ui);color:#ffe6a3;animation:g2-ribbon-y .3s ease-out both}.tr2-look__star{color:#ffd77a;font-size:20px}.tr2-look .btn{min-height:44px}@media(max-width:760px){.tr2-card,.tr2-card .card{--w: min(27vw, 140px)}.tr2-card{margin:0 -2px}.tr2__fan{padding:10px 0 22px}.tr2-look{left:12px;right:12px;transform:none;justify-content:space-between;font-size:13px;white-space:normal}}@media(orientation:landscape)and (max-height:500px){.tr2-card,.tr2-card .card{--w: min(24vh, 120px)}.tr2__art{display:none}}.fuse{position:fixed;inset:0;z-index:80;pointer-events:none}.fuse__veil{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 46%,#5a3a0e8c,#000000b8 70%)}.fuse__copy,.fuse__gold{position:absolute;left:0;top:0;width:var(--fw);will-change:transform}.fuse__copy .card,.fuse__gold .card{--w: var(--fw);width:var(--fw);font-size:calc(var(--fw) / 8)}.fuse__gold .card{box-shadow:0 0 0 2px #ffe6a3,0 0 50px #ffcd64f2}.fuse__flash{position:absolute;left:calc(50% - 170px);top:calc(46% - 170px);width:340px;height:340px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff 0 10%,rgba(255,230,160,.9) 22%,rgba(255,190,80,.45) 42%,transparent 68%);mix-blend-mode:screen}.fuse__label{position:absolute;left:0;right:0;top:calc(46% + var(--fw) * 1.02);opacity:0;text-align:center;font-family:var(--font-title, serif);font-size:clamp(24px,3vw,38px);color:#ffe2a0;text-shadow:0 0 22px rgba(255,170,60,.8),0 3px 0 #000}.g2 .recap.recap2{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(1060px,94vw);max-height:calc(100dvh - 32px - var(--safe-top, 0px) - var(--safe-bottom, 0px));overflow:hidden;padding:20px 24px 18px}.g2 .recap2>h2{flex:none}.recap2__body{flex:1 1 auto;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start;padding-right:4px}.recap2__body>.myfight{grid-column:auto}.recap2__fights{display:grid;gap:8px}.recap2__fights .match{animation:g2-player-in .4s ease-out backwards;animation-delay:calc(.2s + var(--k, 0) * 60ms)}.recap2__foot{flex:none;display:flex;justify-content:center;padding-top:12px;border-top:1px solid rgba(242,200,106,.2)}.recap2__next{min-width:min(360px,100%);min-height:54px;font-size:18px}@media(max-width:760px),(orientation:landscape)and (max-height:500px){.g2 .recap.recap2{width:calc(100vw - 16px);padding:14px 12px 12px;gap:10px}.recap2__body{grid-template-columns:minmax(0,1fr);gap:14px}.recap2__next{width:100%;min-height:50px}}@media(orientation:landscape)and (max-height:500px){.recap2__body{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.card.has-frame .card__emblem.card__emblem,.card .card__emblem.card__emblem{top:1.6%;right:3.2%;width:calc(var(--w, 120px) * .25);padding:0;background:none;box-shadow:none;border-radius:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9)) drop-shadow(0 0 calc(var(--w, 120px) * .03) rgba(0,0,0,.75))}.card .card__token{position:absolute;z-index:4;left:50%;bottom:17.5%;transform:translate(-50%);padding:.12em .7em .08em;border-radius:999px;white-space:nowrap;pointer-events:none;font:800 max(7px,calc(var(--w, 120px) * .05))/1.15 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#e3f6ff;background:linear-gradient(180deg,#2f7898,#133a4f);box-shadow:0 0 0 1px #aae1ffbf,0 2px 4px #000000a6;text-shadow:0 1px 1px rgba(0,0,0,.7)}.card.card.has-frame.card--gold{filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.card.card.has-frame>.card__halo{position:absolute;z-index:1;pointer-events:none;overflow:hidden;left:9.6%;top:8.6%;width:80.8%;height:73.6%;border-radius:2px;background:radial-gradient(ellipse at 50% 42%,#ffd67800 34%,#ffc45073);box-shadow:inset 0 0 calc(var(--w, 120px) * .13) #ffc450f2,inset 0 0 calc(var(--w, 120px) * .035) #fff0b4f2;mix-blend-mode:screen;animation:g2-halo-breathe 3.2s ease-in-out infinite}.card__halo-sheen{position:absolute;inset:0;display:block;background:linear-gradient(115deg,transparent 30%,rgba(255,246,210,.5) 45%,rgba(255,215,120,.22) 52%,transparent 65%);background-size:260% 100%;animation:gold-sheen 3.2s ease-in-out infinite}@keyframes g2-halo-breathe{50%{opacity:.72}}.reduce-motion .card.card.has-frame>.card__halo,.reduce-motion .card__halo-sheen{animation:none}.card.card.has-frame.card--gold:after{display:none}.card .is-statup{animation:g2-statup .7s cubic-bezier(.2,1.8,.4,1)}@keyframes g2-statup{0%{scale:1}30%{scale:1.7;color:#fff6dc;text-shadow:0 0 10px rgba(255,230,150,1),0 1px 0 #000}to{scale:1}}.ab-fx{position:fixed;z-index:70;pointer-events:none;--c1: #ffd77a;--c2: rgba(255, 190, 70, .55)}.ab-fx--shield{--c1: #bfe3ff;--c2: rgba(130, 200, 255, .55)}.ab-fx--token,.ab-fx--magic{--c1: color-mix(in srgb, var(--civ) 55%, #fff1c4);--c2: color-mix(in srgb, var(--civ) 60%, transparent)}.ab-fx--strike{--c1: #ffb08a;--c2: rgba(255, 90, 60, .55)}.ab-fx--gold{--c1: #ffe39a;--c2: rgba(255, 200, 80, .6)}.ab-fx>i{position:absolute;display:block}.ab-fx__glow{inset:2.4% 3.6% 3.2%;border-radius:5%/3.4%;box-shadow:inset 0 0 0 2px var(--c1),0 0 26px var(--c2),inset 0 0 30px var(--c2);animation:ab-glow 1.1s ease-out forwards}.ab-fx__ring{left:50%;top:50%;width:120%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.2);border:3px solid var(--c1);box-shadow:0 0 18px var(--c2),inset 0 0 18px var(--c2);opacity:0;animation:ab-ring .85s cubic-bezier(.1,.7,.3,1) .12s forwards}.ab-fx__ring--2{width:175%;border-width:2px;animation-delay:.26s;animation-duration:1s}.ab-fx__rays{left:50%;top:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.4);opacity:0;background:repeating-conic-gradient(from 0deg,var(--c2) 0deg 4deg,transparent 4deg 20deg);mask-image:radial-gradient(circle,#000 12%,transparent 60%);-webkit-mask-image:radial-gradient(circle,#000 12%,transparent 60%);animation:ab-rays 1s ease-out .1s forwards}.ab-fx__sprite{left:50%;bottom:8%;width:150%;aspect-ratio:1;transform:translate(-50%);background-size:800% 100%;background-repeat:no-repeat;background-position:0 0;mix-blend-mode:screen;animation:ab-sprite .8s steps(7) .1s both}@keyframes ab-glow{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes ab-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@keyframes ab-rays{0%{opacity:0}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.1) rotate(25deg)}}@keyframes ab-sprite{0%{background-position:0 0}to{background-position:100% 0}}.card.is-casting{z-index:5;filter:brightness(1.25) drop-shadow(0 0 12px rgba(255,210,110,.7))}.orb-fly{position:fixed;left:0;top:0;z-index:71;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,color-mix(in srgb,var(--civ) 50%,#ffe6a3) 40%,transparent 70%);box-shadow:0 0 18px color-mix(in srgb,var(--civ) 70%,#ffd77a),0 0 36px color-mix(in srgb,var(--civ) 50%,transparent)}.is-zap{animation:g2-zap .6s ease-out}@keyframes g2-zap{30%{filter:brightness(1.8) drop-shadow(0 0 12px rgba(255,220,140,.9));transform:scale(1.08)}}.coin-fly{position:fixed;left:0;top:0;z-index:72;width:26px;height:26px;margin:-13px 0 0 -13px;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff6c8 0 12%,#ffd968 30%,#d9a12e 62%,#8a5a14);box-shadow:inset 0 0 0 2px #7a4e0ed9,inset 0 0 0 4px #ffe6968c,0 0 10px #ffc850cc,0 2px 4px #0009}.coin-fly:after{content:"";position:absolute;inset:30%;border-radius:50%;border:1.5px solid rgba(122,78,14,.7)}.coin-fly.has-img{background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:none;border-radius:0;filter:drop-shadow(0 0 6px rgba(255,200,80,.8))}.coin-fly.has-img:after{display:none}.coin-plus{position:fixed;z-index:72;transform:translate(-50%,4px);pointer-events:none;font:900 18px/1 var(--font-ui);color:#ffe39a;text-shadow:0 0 10px rgba(255,200,80,.9),0 2px 2px #000;animation:g2-coin-plus 1.1s ease-out forwards}@keyframes g2-coin-plus{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-18px)}}.g2 .g-gold.is-pulse{animation:g2-gold-pulse .38s cubic-bezier(.2,1.8,.4,1)}@keyframes g2-gold-pulse{40%{transform:scale(1.18);filter:brightness(1.4) drop-shadow(0 0 10px rgba(255,210,100,.9))}}@media(pointer:coarse){.g2 .board .slot.has-unit,.g2 .hand__card,.g2 .offer:not(:disabled){touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.touch-ghost{position:fixed!important;left:0;top:0;z-index:90;margin:0;pointer-events:none;opacity:.95;filter:drop-shadow(0 16px 24px rgba(0,0,0,.7));transition:none!important}.g2 .is-dragging .card{opacity:.3}.g2 .slot.is-touch-over{box-shadow:0 0 0 2px #ffd77a,0 0 18px #ffc85a99;border-radius:10px}.g2 .players{scrollbar-width:none;-ms-overflow-style:none}.g2 .players::-webkit-scrollbar{display:none;width:0;height:0}@media(min-width:761px)and (min-height:501px){.g2 .g-side{align-self:start;height:auto;max-height:100%}.g2 .g-side .players{overflow:visible;flex:none}.g2 .g-side .player{grid-template-columns:18px var(--av) minmax(0,1fr);padding-top:var(--pp);padding-bottom:var(--pp)}.g2 .g-side{--av: clamp(30px, 5.1vh, 46px);--pp: clamp(2px, .55vh, 5px)}.g2 .g-side .player__avatar{width:var(--av);height:var(--av)}.g2 .g-side .player__name{font-size:clamp(12px,1.6vh,14px)}}@media(max-width:760px),(orientation:landscape)and (max-height:500px){.g2 .g-menu{gap:8px}.g2 .g-quit{width:40px;height:40px}.g2 .g-round{position:relative;isolation:isolate;display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;color:#ffe6a3}.g2 .g-round__frame{position:absolute;inset:-3px -8px;width:calc(100% + 16px);height:calc(100% + 6px);object-fit:fill;z-index:-1;pointer-events:none}.g2 .g-round__k{font:700 12px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}.g2 .g-round__n{font:900 20px/1 var(--font-title, var(--font-ui));color:#ffe6a3}}@media(min-width:761px)and (min-height:501px){.g2 .g-side{padding-bottom:18px}}@media(min-width:761px)and (max-width:1400px)and (min-height:501px){.g2 .g-top{justify-content:flex-start;padding-left:12px}}.g2 .board .slot>.card{translate:0 0;transition:translate .26s cubic-bezier(.2,.9,.3,1.12)}.g2 .board.is-gap .slot>.card{pointer-events:none}.g2 .board .slot.is-shift>.card{translate:var(--pitch, 104%) 0;z-index:3}.g2 .board .slot.is-shift{z-index:2}.g2 .board .slot.is-insert:before{content:"";position:absolute;z-index:4;pointer-events:none;inset:2% 4%;border-radius:10px;border:2px dashed #ffd77a;background:radial-gradient(ellipse at 50% 50%,#ffd67838,#ffd6780a 70%);box-shadow:0 0 18px #ffc85a8c,inset 0 0 18px #ffc85a59;animation:g2-insert .9s ease-in-out infinite alternate,g2-insert-in .22s ease-out both}.g2 .board.is-gap .slot.is-insert .slot__empty{opacity:.35}.g2 .board.is-gap .slot:not(.is-insert) .slot__empty{animation:none;outline:0}@keyframes g2-insert{to{box-shadow:0 0 28px #ffd26ed9,inset 0 0 24px #ffd26e80;border-color:#fff1c4}}@keyframes g2-insert-in{0%{opacity:0;transform:scaleY(.6)}}.reduce-motion .g2 .board .slot>.card{transition:none}.choice-veil{position:fixed;inset:0;z-index:61;cursor:not-allowed;background:#04030247;touch-action:none}.tc-pill.is-nudge{animation:g2-pill-nudge .42s ease-out}@keyframes g2-pill-nudge{30%{scale:1.1;box-shadow:0 10px 30px #000000b3,0 0 40px #ffd26ee6}}.tc-pill .btn{min-height:44px;min-width:96px}.kw-list.kw-list--icons li{grid-template-columns:auto auto minmax(0,1fr);column-gap:7px;align-items:baseline}.kw-list.kw-list--icons .kw-ico{display:inline-grid;place-items:center;width:1.1em;height:1.1em;align-self:center;flex:none;font-size:inherit;line-height:1}.kw-list.kw-list--icons .kw-ico:empty{display:none}.kw-list.kw-list--icons .kw-ico img,.kw-list.kw-list--icons .kw-ico svg,.kw-list.kw-list--icons .kw-ico .ui-icon{width:100%;height:100%;max-width:1.1em;max-height:1.1em;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}@media(max-width:760px){.kw-list.kw-list--icons li{grid-template-columns:auto minmax(0,1fr);row-gap:2px}.kw-list.kw-list--icons li>span:not(.kw-ico){grid-column:1 / -1}}.g2 .g-tier__info b{white-space:nowrap}.card .card__kws{position:absolute;left:4.5%;top:18%;z-index:4;display:flex;flex-direction:column;gap:calc(var(--w, 120px) * .018);pointer-events:none}.card .card__kw{display:grid;place-items:center;width:max(13px,calc(var(--w, 120px) * .15));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3a2a16,#0d0905 75%);box-shadow:0 0 0 1px #f2c86ad9,0 2px 4px #000000b3;font-style:normal;color:#ffe7a6;line-height:1;animation:p5-kw-in .35s cubic-bezier(.2,1.6,.4,1) both}.card .card__kw:nth-child(2){animation-delay:.06s}.card .card__kw:nth-child(3){animation-delay:.12s}.card .card__kw img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.8))}.card .card__kw .ui-icon{width:62%;height:62%}.card .card__kw--poison{box-shadow:0 0 0 1px #9dff5a,0 2px 4px #000000b3}.card .card__kw--guard,.card .card__kw--shield{box-shadow:0 0 0 1px #9fd0ff,0 2px 4px #000000b3}.card .card__kw--reborn{box-shadow:0 0 0 1px #7fc8ff,0 2px 4px #000000b3}@keyframes p5-kw-in{0%{opacity:0;transform:scale(.4)}}.card--xs .card__kws{display:none}.card .card__charges{position:absolute;left:50%;top:78.5%;z-index:4;transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(var(--w, 120px) * .022);padding:calc(var(--w, 120px) * .012) calc(var(--w, 120px) * .035);border-radius:999px;background:#0c0804d1;box-shadow:0 0 0 1px #f2c86a99,0 2px 6px #0009;pointer-events:none}.card .card__charges i{width:max(5px,calc(var(--w, 120px) * .045));aspect-ratio:1;transform:rotate(45deg);background:#ffe9a81f;box-shadow:inset 0 0 0 1px #ffdc8c80}.card .card__charges i.is-on{background:linear-gradient(135deg,#fff3c4,#f0b43c 60%,#a8701a);box-shadow:0 0 6px #ffc850d9;animation:p5-charge 2.4s ease-in-out infinite}.card .card__charges b{font:900 max(9px,calc(var(--w, 120px) * .07))/1 var(--font-ui);color:#ffe7a6}.card .card__charges.is-empty{opacity:.55}@keyframes p5-charge{50%{filter:brightness(1.35)}}.peek-charges{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border-radius:10px;background:#ffe9a80d;border-left:3px solid #f0b43c;font:600 16px/1.35 var(--font-body);color:var(--text-dim, #d8c9a8);text-align:left}.peek-charges b{font:900 13px/1.2 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:#ffe9a8}.peek-charges__pips{display:flex;gap:5px}.peek-charges__pips i{width:9px;height:9px;transform:rotate(45deg);background:#ffe9a81f;box-shadow:inset 0 0 0 1px #ffdc8c80}.peek-charges__pips i.is-on{background:linear-gradient(135deg,#fff3c4,#f0b43c 60%,#a8701a);box-shadow:0 0 6px #ffc850cc}.peek-gold{position:relative;margin:0;overflow:hidden;display:grid;gap:3px;padding:8px 12px 9px;border-radius:10px;border:1px solid rgba(255,210,110,.55);background:linear-gradient(135deg,#ffcd6421,#784c121f 60%,#ffcd640f);box-shadow:inset 0 0 18px #ffbe461f;font:600 16px/1.35 var(--font-body);color:#f6e7c4;animation:p5-gold-in .45s ease-out both}.peek-gold:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,240,190,.22) 50%,transparent 65%);transform:translate(-110%);animation:p5-sheen 3.6s ease-in-out .6s infinite}.peek-gold__k{font:900 13px/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#ffd77a;text-shadow:0 0 10px rgba(255,180,60,.5)}.peek-gold__k small{margin-left:6px;font-size:12px;letter-spacing:0;color:#fff1c4}.peek-gold__t .rt-num{color:#ffe39a}@keyframes p5-gold-in{0%{opacity:0;transform:translateY(6px)}}@keyframes p5-sheen{0%,55%{transform:translate(-110%)}85%,to{transform:translate(110%)}}.g2 .hand__card.is-reward:before{content:"";position:absolute;left:50%;top:50%;z-index:0;width:150%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent,rgba(255,205,100,.35),transparent 30%,rgba(255,205,100,.28),transparent 60%,rgba(255,205,100,.32),transparent 85%);-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);mask:radial-gradient(circle,#000 25%,transparent 68%);animation:p5-spin 7s linear infinite}.g2 .hand__card.is-reward .card{position:relative;z-index:1;filter:drop-shadow(0 0 12px rgba(255,205,100,.85))}@keyframes p5-spin{to{rotate:1turn}}.g2 .hand__card.is-landed .card{animation:p5-landed 1.1s ease-out both}@keyframes p5-landed{0%{transform:scale(1.18);filter:brightness(1.8) drop-shadow(0 0 22px rgba(255,215,120,1))}35%{transform:scale(.96);filter:brightness(1.1) drop-shadow(0 0 10px rgba(255,215,120,.8))}60%{transform:scale(1.06);filter:brightness(1.3) drop-shadow(0 0 16px rgba(255,215,120,.9))}to{transform:none;filter:none}}.rwd{position:fixed;inset:0;z-index:82;pointer-events:none;overflow:hidden}.rwd__glow{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 60% 50% at 50% 42%,#ffc45a47,#00000052 75%)}.rwd__rays{position:absolute;left:50%;top:42%;width:min(900px,160vmin);aspect-ratio:1;margin:calc(min(900px,160vmin)/-2) 0 0 calc(min(900px,160vmin)/-2);opacity:0;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,.32) 0 5deg,transparent 5deg 20deg);-webkit-mask:radial-gradient(circle,#000 8%,transparent 55%);mask:radial-gradient(circle,#000 8%,transparent 55%)}.rwd.is-burst .rwd__rays{animation:p5-spin 9s linear infinite}.rwd__flash{position:absolute;left:calc(50% - 190px);top:calc(42% - 190px);width:380px;height:380px;border-radius:50%;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#fff 0 9%,rgba(255,232,165,.92) 20%,rgba(255,190,80,.45) 42%,transparent 68%)}.rwd__card{position:absolute;left:0;top:0;width:var(--rw);will-change:transform}.rwd__card .card{--w: var(--rw);width:var(--rw);font-size:calc(var(--rw) / 8);box-shadow:0 0 0 2px #ffe6a3,0 0 60px #ffcd64f2,0 20px 40px #0009}.rwd__label{position:absolute;left:0;right:0;top:calc(42% + var(--rw) * .92);opacity:0;display:grid;justify-items:center;gap:2px;font-family:var(--font-title, serif);font-size:clamp(22px,2.8vw,34px);color:#ffe2a0;text-shadow:0 0 22px rgba(255,170,60,.8),0 3px 0 #000}.rwd__label small{font:900 12px/1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#ffd77a}.rwd__sparks{position:absolute;left:50%;top:42%;width:0;height:0}.rwd__sparks i{position:absolute;left:0;top:0;width:6px;height:6px;border-radius:50%;opacity:0;background:#fff3c4;box-shadow:0 0 10px 2px #ffc850e6;--a: calc(var(--k) * 25.7deg)}.rwd.is-burst .rwd__sparks i{animation:p5-spark 1.5s cubic-bezier(.15,.7,.3,1) calc(var(--k) * 35ms) both}.rwd.is-burst .rwd__sparks i:nth-child(odd){width:4px;height:4px;animation-duration:1.8s}@keyframes p5-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1.4)}70%{opacity:.9}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--rw) * 1.25)) scale(.4)}}.reduce-motion .rwd{display:none}html[data-plateau] .g2>.arena-bg:before{content:"";position:absolute;inset:0;z-index:1;background-image:var(--style-plateau, none);background-size:cover;background-position:center;pointer-events:none}html[data-plateau] .g2>.arena-bg:after{z-index:2}html[data-dos] .g2 .offer__empty{background-image:var(--style-dos, none),url(/img/jeu/dos-carte.webp)!important;background-size:cover!important;background-position:center!important}html[data-dos] .pk3-card__back{background:var(--style-dos, none) center / cover,url(/img/jeu/dos-carte.webp) center / cover,linear-gradient(160deg,#3a2410,#120a04)}@media(max-width:760px){html .g2 .shop .card .card__kws{gap:1px;left:3%;top:17%}html .g2 .shop .card .card__kw,html .g2 .hand__card .card .card__kw{width:max(11px,calc(var(--w, 70px) * .17))}html .g2 .card .card__kw:nth-child(3){display:none}html .g2 .card .card__charges{top:77%;padding:1px 3px;gap:2px}html .g2 .card .card__charges i{width:max(4px,calc(var(--w, 70px) * .055))}html .modal__panel.peek .peek-gold,html .modal__panel.peek .peek-charges{font-size:14px;padding:6px 10px}html .modal__panel.peek .peek-gold__k,html .modal__panel.peek .peek-charges b{font-size:11px}.rwd__label{font-size:20px}.rwd__flash{left:calc(50% - 130px);top:calc(42% - 130px);width:260px;height:260px}}@media(max-height:500px){.rwd__label{top:auto;bottom:8px;font-size:18px}}.c2{--c2-gold: #f2c86a;--c2-gold-hi: #fff1c4;--c2-gold-lo: #9a6a24;--c2-ink: rgba(10, 7, 4, .9);--c2-red: #e2453a;--c2-blue: #6ca3b5;position:relative;height:100dvh;display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-areas:"duel field";gap:16px;padding:calc(12px + var(--safe-top, 0px)) 16px calc(12px + var(--safe-bottom, 0px));overflow:hidden;isolation:isolate;color:var(--text, #f3e6c8)}.c2.is-shaking{animation:arena-shake .36s ease-out}.c2 .c2-duel{grid-area:duel;align-self:center;position:relative;display:grid;justify-items:center;gap:10px;padding:22px 14px 20px;border-radius:16px;background:radial-gradient(120% 60% at 50% 0%,rgba(120,78,26,.35),transparent 60%),radial-gradient(120% 60% at 50% 100%,rgba(120,78,26,.3),transparent 60%),linear-gradient(180deg,#1c130af0,#0a0704f2);box-shadow:inset 0 0 0 1px #000c,inset 0 0 0 2px var(--c2-gold-lo),inset 0 0 0 5px #0000008c,inset 0 0 0 6px #f2c86a59,0 18px 40px #0009}.c2 .c2-duel:before,.c2 .c2-duel:after{content:"";position:absolute;left:50%;width:70%;height:10px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(255,220,140,.9),rgba(242,200,106,.25) 55%,transparent);pointer-events:none}.c2 .c2-duel:before{top:-4px}.c2 .c2-duel:after{bottom:-4px}.c2 .c2-duel.has-frame{background:url(/img/ui/jeu/cadre-vs.webp) center / 100% 100% no-repeat;box-shadow:none;padding:34px 22px 30px}.c2 .c2-duel.has-frame:before,.c2 .c2-duel.has-frame:after{display:none}.c2 .c2-duel__round{font:900 12px var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--c2-gold);padding:4px 12px;border-radius:99px;background:#00000073;border:1px solid rgba(242,200,106,.35)}.c2 .c2-duel__p{display:grid;justify-items:center;gap:5px;text-align:center;width:100%}.c2 .c2-duel__medal{position:relative;width:100px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a0f07;box-shadow:0 0 0 3px #2a1a0a,0 0 0 5px var(--c2-gold),0 0 0 7px #3a240c,0 0 24px #f2c86a59}.c2 .c2-duel__p--b .c2-duel__medal{box-shadow:0 0 0 3px #2a0d0b,0 0 0 5px #c4573f,0 0 0 7px #3a120c,0 0 24px #e2453a59}.c2 .c2-duel__medal img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.c2 .c2-duel__name{font:800 15px var(--font-ui);color:var(--text, #f3e6c8);line-height:1.15;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.c2 .c2-duel__vs{position:relative;width:100%;height:46px;display:grid;place-items:center}.c2 .c2-duel__vs:before{content:"";position:absolute;left:6%;right:6%;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,var(--c2-gold) 30%,var(--c2-gold) 70%,transparent)}.c2 .c2-duel__vs span{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;font:900 18px var(--font-title);color:#3a1d06;letter-spacing:.02em;background:radial-gradient(circle at 35% 30%,#fff4cc,#f2c86a 45%,#a8741f);box-shadow:0 0 0 2px #2a1a0a,0 0 0 3px #f2c86a,0 0 18px #ffc45a99;animation:c2-vs-pulse 2.8s ease-in-out infinite}@keyframes c2-vs-pulse{50%{box-shadow:0 0 0 2px #2a1a0a,0 0 0 3px #f2c86a,0 0 30px #ffc45af2}}.c2-hearts{display:inline-flex;gap:3px;align-items:center;justify-content:center;font:900 16px var(--font-ui);color:#fff}.c2-heart{--s: 18px;display:inline-block;width:var(--s);height:calc(var(--s) * .9);position:relative;background:radial-gradient(circle at 35% 30%,#ff9a8c,#e2453a 45%,#8a1414);clip-path:path("M9 16 C4 12 0 9 0 5 C0 2 2 0 5 0 C7 0 8 1 9 3 C10 1 11 0 13 0 C16 0 18 2 18 5 C18 9 14 12 9 16 Z");filter:drop-shadow(0 0 3px rgba(255,90,60,.5))}.c2-heart.is-empty{background:linear-gradient(180deg,#3a2a22,#1d1410);filter:none}.c2-heart.is-lost{animation:c2-heart-break 1.1s cubic-bezier(.3,0,.6,1) forwards;animation-delay:calc(var(--i) * .08s)}@keyframes c2-heart-break{0%{transform:scale(1)}22%{transform:scale(1.6);filter:brightness(1.8) drop-shadow(0 0 10px #ff6a4a)}40%{transform:scale(1.3) rotate(-8deg)}to{transform:scale(1) translateY(0);background:linear-gradient(180deg,#3a2a22,#1d1410);filter:none}}.c2-hearts--num .c2-heart{margin-right:4px}.c2 .c2-ctrl{position:absolute;top:calc(12px + var(--safe-top, 0px));right:16px;z-index:8;display:flex;align-items:center;gap:8px}.c2 .c2-ctrl__round{display:none;font:900 13px var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--c2-gold);text-shadow:0 2px 6px #000}.c2 .c2-ctrl__btn{height:40px;min-width:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:99px;border:1px solid rgba(242,200,106,.35);background:#0c080499;color:#f3e6c8;font:800 14px var(--font-ui);cursor:pointer;backdrop-filter:blur(3px);transition:background .15s,border-color .15s,transform .1s}.c2 .c2-ctrl__btn:hover{background:#281a0ad9;border-color:var(--c2-gold)}.c2 .c2-ctrl__btn:active{transform:scale(.95)}.c2 .c2-ctrl__btn .ui-icon{width:18px;height:18px}.c2 .c2-ctrl__img{width:26px;height:26px;object-fit:contain}.c2 .c2-ctrl__btn--opt{padding:0 7px}.c2 .cb-unit .card.has-frame .card__atk,.c2 .cb-unit .card.has-frame .card__hp{font-size:calc(var(--w) * .105)}.c2 .c2-field{grid-area:field;min-height:0;position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;grid-template-areas:"hb" "rb" "line" "ra" "ha";align-content:space-evenly;justify-items:center;align-items:center;gap:8px}.c2 .c2-hero--b{grid-area:hb}.c2 .c2-row--b{grid-area:rb}.c2 .c2-field__line{grid-area:line}.c2 .c2-row--a{grid-area:ra}.c2 .c2-hero--a{grid-area:ha}.c2 .c2-terr--b{grid-area:tb}.c2 .c2-terr--a{grid-area:ta}.c2.has-terr .c2-field{--terr-w: clamp(190px, 19vw, 300px);grid-template-columns:minmax(0,1fr) var(--terr-w);grid-template-areas:"hb ." "rb tb" "line line" "ra ta" "ha .";column-gap:clamp(14px,1.8vw,28px)}.c2 .c2-field__line{width:min(92%,860px);height:2px;opacity:.6;background:linear-gradient(90deg,transparent,rgba(242,200,106,.55) 20%,rgba(255,236,190,.9) 50%,rgba(242,200,106,.55) 80%,transparent);box-shadow:0 0 12px #f2c86a80}.c2 .c2-row{display:flex;justify-content:center;gap:clamp(8px,1.3vw,20px)}.c2 .cb-slot,.c2 .cb-unit .card{--w: clamp(84px, min(calc((100vw - 290px - var(--terr-w, 0px)) / 5.6), calc((100dvh - 300px) / 3.05)), 184px);width:var(--w)}.c2 .cb-slot{aspect-ratio:2 / 3;position:relative;border-radius:10px}.c2 .cb-unit{position:relative;width:100%;height:100%;cursor:pointer}.c2 .cb-unit.is-giving .card{filter:brightness(1.2) drop-shadow(0 0 18px rgba(255,214,120,.95))}.c2 .cb-unit.is-debuffed .card{animation:c2-debuff .8s ease-out}@keyframes c2-debuff{25%{filter:brightness(.75) saturate(.6) drop-shadow(0 0 16px rgba(160,100,255,.95))}}.c2 .c2-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,auto) auto;align-items:center;column-gap:12px}.c2 .c2-hero__face{position:relative;width:clamp(60px,9vh,88px);aspect-ratio:1;border-radius:50%;overflow:visible;display:block}.c2 .c2-hero__face img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 18%;display:block;background:#1a0f07;box-shadow:0 0 0 3px #2a1a0a,0 0 0 5px var(--c2-gold),0 0 0 7px #3a240c,0 0 26px #f2c86a66}.c2 .c2-hero--b .c2-hero__face img{box-shadow:0 0 0 3px #2a0d0b,0 0 0 5px #c4573f,0 0 0 7px #3a120c,0 0 26px #e2453a59}.c2 .c2-hero__face.is-hit img{animation:c2-hero-hit .45s ease-out}@keyframes c2-hero-hit{15%{transform:scale(.9) rotate(-4deg);filter:brightness(1.8) saturate(1.4) sepia(.6) hue-rotate(-30deg)}45%{transform:scale(1.05) rotate(2deg)}}.c2 .c2-hero__face.is-target:after{content:"";position:absolute;inset:-16%;pointer-events:none;background:url(/img/ui/jeu/cible-attaque.webp) center / contain no-repeat;filter:drop-shadow(0 0 8px rgba(255,80,50,.85));animation:c2-aim .45s ease-out}@keyframes c2-aim{0%{transform:scale(1.6) rotate(-40deg);opacity:0}}.c2 .c2-hero.is-down .c2-hero__face img{filter:grayscale(1) brightness(.55)}.c2 .c2-hero__plate{display:grid;gap:5px;min-width:0}.c2 .c2-hero__name{font:800 14px var(--font-ui);color:var(--text, #f3e6c8);text-shadow:0 2px 4px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.c2 .c2-hero__bar{position:relative;display:block;width:clamp(150px,18vw,260px);height:16px;border-radius:99px;overflow:hidden;background:linear-gradient(180deg,#1a0907,#2e0f0c);box-shadow:inset 0 2px 4px #000c,0 0 0 1px #000,0 0 0 2px #f2c86a8c}.c2 .c2-hero__bar>i{position:absolute;inset:0 auto 0 0;display:block;border-radius:inherit}.c2 .c2-hero__trail{background:#ffe2a8;opacity:.85;transition:width .7s ease-in .35s}.c2 .c2-hero__fill{background:linear-gradient(180deg,#ff8a6e,#e2453a 45%,#9e1c16);transition:width .4s cubic-bezier(.2,.8,.3,1);box-shadow:inset 0 1px #ffffff59}.c2 .c2-hero--a .c2-hero__fill{background:linear-gradient(180deg,#ffe08a,#e0a43a 45%,#9a6118)}.c2 .c2-hero.is-low .c2-hero__fill{animation:c2-low .9s ease-in-out infinite}@keyframes c2-low{50%{filter:brightness(1.45)}}.c2 .c2-hero__num{position:absolute;inset:0;display:none;align-items:center;justify-content:center;gap:1px;font:900 13px var(--font-ui);color:#fff;text-shadow:0 1px 2px #000,0 0 4px #000}.c2 .c2-hero__num small{font-size:.75em;opacity:.8}.c2 .c2-hero__shield{width:58px;height:64px;display:grid;place-items:center;font:900 24px var(--font-ui);color:#fff;background:url(/img/ui/jeu/bouclier-heros.webp) center / contain no-repeat,radial-gradient(closest-side,rgba(150,30,20,.9),transparent);text-shadow:0 2px 0 #000,0 0 6px #000}.c2 .c2-pop{position:absolute;left:50%;top:34%;z-index:9;pointer-events:none;white-space:nowrap;font:900 clamp(18px,calc(var(--w, 120px) * .2),30px) var(--font-ui);letter-spacing:.01em;-webkit-text-stroke:1.5px rgba(20,6,2,.9);paint-order:stroke fill;text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 14px rgba(0,0,0,.7);animation:c2-pop 1.05s cubic-bezier(.2,.9,.3,1) forwards}.c2 .c2-pop--dmg{color:#ff5a46;font-size:clamp(22px,calc(var(--w, 120px) * .26),38px)}.c2 .c2-pop--heal{color:#8dff9e}.c2 .c2-pop--poison{color:#b6ff6a}.c2 .c2-pop--block{color:#bfe3ff;font-size:clamp(14px,calc(var(--w, 120px) * .14),20px)}.c2 .c2-pop--fatigue{color:#d7a8ff;font-size:clamp(14px,calc(var(--w, 120px) * .14),20px)}.c2 .c2-pop--debuff{color:#d6b0ff}.c2 .c2-pop--buff,.c2 .c2-pop--rage{color:#ffe08a;background:linear-gradient(180deg,#fffbe6,#ffe08a 45%,#e8a12e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #3a1d06) drop-shadow(0 0 10px rgba(255,200,90,.85));-webkit-text-stroke:0;text-shadow:none;animation:c2-pop-buff 1.15s cubic-bezier(.2,.9,.3,1) forwards}.c2 .c2-pop--rage{background-image:linear-gradient(180deg,#fff0e0,#ff8a5a 45%,#c42a1f);filter:drop-shadow(0 2px 0 #3a0806) drop-shadow(0 0 10px rgba(255,90,60,.85))}.c2 .c2-pop--hero{top:10%;left:50%;font-size:clamp(24px,3.4vh,38px)}@keyframes c2-pop{0%{opacity:0;transform:translate(-50%,8px) scale(.5)}16%{opacity:1;transform:translate(-50%,-8px) scale(1.3)}30%{transform:translate(-50%,-12px) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-44px) scale(.95)}}@keyframes c2-pop-buff{0%{opacity:0;transform:translate(-50%,18px) scale(.3) rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-6px) scale(1.45) rotate(2deg)}32%{transform:translate(-50%,-10px) scale(1) rotate(0)}78%{opacity:1;transform:translate(-50%,-22px) scale(1)}to{opacity:0;transform:translate(-50%,-48px) scale(.9)}}.c2 .c2-body{position:relative;width:100%;height:100%;will-change:transform}.c2 .cb-unit .card,.c2 .cb-unit.is-buffed .card{animation:none}.c2 .cb-unit.is-healed .c2-body .card{animation:heal-glow .9s ease-out}.c2 .cb-unit .card__shield{display:none}.c2 .cb-unit.is-giving .c2-body .card{filter:brightness(1.25) drop-shadow(0 0 20px rgba(255,214,120,.95))}.c2 .c2-body.is-hurt .card{animation:c2-hurt .6s ease-out}@keyframes c2-hurt{0%{filter:brightness(1.9) saturate(.5)}10%{filter:brightness(1.35) sepia(1) saturate(5) hue-rotate(-45deg) drop-shadow(0 0 16px rgba(255,40,20,.9))}to{filter:none}}.c2 .c2-body.is-hurt .card__hp{animation:c2-hp-hit .6s steps(1,end);z-index:5}@keyframes c2-hp-hit{0%{color:#fff;scale:1.55;text-shadow:0 0 6px #ff2a10,0 0 14px #ff2a10,0 2px 0 #000}15%{color:#ff3b2a;scale:1.45}30%{color:#fff;scale:1.5}45%{color:#ff3b2a;scale:1.4}60%,to{color:#ff5a46;scale:1.3}}.c2 .c2-body.is-hpdrop .card__hp{animation:c2-hp-drop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes c2-hp-drop{0%{translate:0 -55%;scale:1.6;color:#ff4a36;text-shadow:0 0 10px #ff2a10,0 2px 0 #000}55%{color:#ff7a64}to{translate:0 0;scale:1}}.c2 .c2-body.is-pumped .card{animation:c2-pump .55s cubic-bezier(.2,1.6,.4,1)}@keyframes c2-pump{0%{scale:1}35%{scale:1.09;filter:brightness(1.35) drop-shadow(0 0 18px rgba(255,210,110,.95))}to{scale:1}}.c2 .c2-body.is-pumped .card__atk,.c2 .c2-body.is-pumped .card__hp{animation:c2-stat-up .6s ease-out}@keyframes c2-stat-up{0%{scale:1.7;color:#fff3c0;text-shadow:0 0 12px #ffc84a,0 2px 0 #000}to{scale:1}}.c2 .c2-body.is-drained .card{animation:c2-debuff .8s ease-out}.c2 .c2-splat{--sz: clamp(52px, calc(var(--w, 120px) * .58), 92px);position:absolute;left:50%;top:44%;z-index:9;width:var(--sz);height:var(--sz);pointer-events:none;display:grid;place-items:center;translate:-50% -50%;animation:c2-splat 1.1s cubic-bezier(.2,.9,.3,1) forwards}.c2 .c2-splat:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 35%,#ff8a6a,#e2281a 45%,#7a0a06);clip-path:polygon(50% 0%,61% 18%,82% 7%,79% 30%,100% 32%,86% 50%,100% 68%,79% 70%,84% 93%,61% 82%,50% 100%,39% 82%,16% 93%,21% 70%,0% 68%,14% 50%,0% 32%,21% 30%,18% 7%,39% 18%);filter:drop-shadow(0 3px 0 rgba(30,4,2,.9));animation:c2-splat-spin 1.1s ease-out forwards}.c2 .c2-splat b{position:relative;font:900 calc(var(--sz) * .42) / 1 var(--font-ui);color:#fff;letter-spacing:-.03em;-webkit-text-stroke:2px #3a0604;paint-order:stroke fill;text-shadow:0 2px 0 #3a0604}.c2 .c2-splat--poison:before{background:radial-gradient(circle at 40% 35%,#d8ff8a,#4fae1e 45%,#1c4a08)}.c2 .c2-splat--poison b{font-size:calc(var(--sz) * .24)}.c2 .c2-splat--fatigue:before{background:radial-gradient(circle at 40% 35%,#e6c8ff,#8a4ad8 45%,#3a1468)}.c2 .c2-splat--hero{--sz: clamp(58px, 9vh, 96px);top:50%;left:clamp(30px,4.5vh,46px)}@keyframes c2-splat{0%{opacity:0;scale:.2}12%{opacity:1;scale:1.35}24%{scale:.95}34%{scale:1.05}42%,74%{opacity:1;scale:1;translate:-50% -50%}to{opacity:0;scale:.85;translate:-50% -95%}}@keyframes c2-splat-spin{0%{rotate:-25deg}to{rotate:8deg}}.c2 .c2-hero__face.is-hit img{animation:c2-hero-hit .5s ease-out}.c2 .c2-hero.is-hurt .c2-hero__bar{animation:c2-bar-hit .6s ease-out}@keyframes c2-bar-hit{0%,30%{box-shadow:inset 0 2px 4px #000c,0 0 0 1px #000,0 0 0 2px #ff5a3a,0 0 18px #ff3c1ee6}}.c2 .c2-hero__shield{animation:c2-num-drop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes c2-num-drop{0%{color:#ff5a46;scale:1.5;translate:0 -30%}to{color:#fff;scale:1;translate:0 0}}@property --c2-sheen{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.c2 .c2-bubble{position:absolute;inset:-9% -14%;z-index:5;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse 22% 14% at 30% 18%,#ffffff8c,#fff0),radial-gradient(closest-side,#ffd67800 0 70%,#ffd67829 82%,#ffeeb4bf 94%,#ffc85af2,#ffd67800);filter:drop-shadow(0 0 10px rgba(255,196,80,.75));animation:c2-bubble-in .5s cubic-bezier(.2,1.5,.4,1) both,c2-bubble-breathe 2.6s ease-in-out .5s infinite}.c2 .c2-bubble:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from var(--c2-sheen),transparent 0 12%,rgba(255,252,230,.95) 17%,transparent 24% 58%,rgba(255,226,150,.7) 63%,transparent 69%);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 93%,#000 97%,transparent 100%);mask:radial-gradient(closest-side,transparent 86%,#000 93%,#000 97%,transparent 100%);animation:c2-sheen 3.4s linear infinite}.c2 .c2-bubble:after{content:"";position:absolute;inset:4%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,220,140,0) 60%,rgba(255,220,140,.12) 90%,transparent);mix-blend-mode:screen}.c2 .c2-bubble.has-img{background:none;filter:drop-shadow(0 0 8px rgba(255,196,80,.6))}.c2 .c2-bubble.has-img:before,.c2 .c2-bubble.has-img:after{display:none}.c2 .c2-bubble img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.c2 .c2-bubble__n{position:absolute;top:2%;left:50%;translate:-50% 0;padding:1px 7px;border-radius:99px;font:900 max(11px,calc(var(--w, 120px) * .09)) var(--font-ui);color:#3a2206;background:linear-gradient(180deg,#fff1c4,#f2c86a);box-shadow:0 0 0 1px #5a3a10,0 0 10px #ffc85acc}.c2 .c2-bubble.is-popping{animation:c2-bubble-pop .42s ease-out forwards}@keyframes c2-bubble-in{0%{opacity:0;scale:1.45}60%{opacity:1}to{opacity:1;scale:1}}@keyframes c2-bubble-breathe{0%,to{scale:1;opacity:.92}50%{scale:1.035;opacity:1}}@keyframes c2-sheen{to{--c2-sheen: 360deg}}@keyframes c2-bubble-pop{0%{scale:1;opacity:1;filter:brightness(1) drop-shadow(0 0 10px rgba(255,196,80,.75))}25%{scale:.94;filter:brightness(2.2) drop-shadow(0 0 22px #fff)}to{scale:1.4;opacity:0;filter:brightness(2) drop-shadow(0 0 30px rgba(255,220,140,0))}}.c2 .c2-kw{position:absolute;left:-6%;top:24%;z-index:4;display:grid;gap:max(2px,calc(var(--w, 120px) * .025));pointer-events:none}.c2 .c2-kw__i{--kc: #c9a050;width:max(18px,calc(var(--w, 120px) * .2));aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff1cf;font-size:max(10px,calc(var(--w, 120px) * .11));background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--kc) 55%,#2a1a0a),#120b05 85%);box-shadow:0 0 0 1.5px #0a0603,0 0 0 3px var(--kc),0 3px 6px #000000b3}.c2 .c2-kw__i .ui-icon{width:62%;height:62%}.c2 .c2-kw__i.has-img{background:none;box-shadow:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8));width:max(20px,calc(var(--w, 120px) * .24))}.c2 .c2-kw__i img{width:100%;height:100%;object-fit:contain}.c2 .c2-kw__i--guard{--kc: #b9c3cf}.c2 .c2-kw__i--poison{--kc: #7fd84a}.c2 .c2-kw__i--reborn{--kc: #5fd6c8}.c2 .c2-kw__i--rage{--kc: #ff6a4a}.c2 .c2-kw__i--windfury{--kc: #8fc8ff}.c2 .c2-kw__i--cleave{--kc: #e0a060}.c2 .c2-kw__i--heal{--kc: #8dff9e}.c2 .c2-kw__i--triumph{--kc: #ffd36a}.c2 .c2-kw__i--phalanx{--kc: #d2483c}.c2 .c2-shards{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.c2 .c2-shards:empty{display:none}.c2 .c2-shard{position:absolute;will-change:transform,opacity,filter}.c2 .c2-shard .card{width:100%}.c2 .c2-terr{position:relative;width:100%;display:grid;justify-items:center;gap:10px;align-self:center;z-index:3}.c2 .c2-terr__art{all:unset;position:relative;display:block;width:100%;aspect-ratio:900 / 560;cursor:help;border-radius:10px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.6));transition:transform .2s}.c2 .c2-terr__art:hover,.c2 .c2-terr__art:focus-visible{transform:translateY(-2px)}.c2 .c2-terr__land{position:absolute;inset:17% 11.5%;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--civ) 60%,#2a1a0a),#0e0905)}.c2 .c2-terr__land img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 60%;animation:c2-terr-pan 16s ease-in-out infinite alternate}.c2 .c2-terr__land:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,230,170,.08),transparent 40%,rgba(10,6,2,.45))}@keyframes c2-terr-pan{0%{transform:scale(1.04) translate(-2%)}to{transform:scale(1.12) translate(2%)}}.c2 .c2-terr__frame{position:absolute;inset:0;pointer-events:none}.c2 .c2-terr__frame img{width:100%;height:100%;object-fit:fill;display:block}.c2 .c2-terr__frame:empty{inset:14% 9%;border-radius:10px;box-shadow:inset 0 0 0 2px #2a1a0a,inset 0 0 0 4px var(--c2-gold),0 0 0 2px #2a1a0a}.c2 .c2-terr__name{position:absolute;left:50%;bottom:1%;translate:-50% 0;max-width:92%;padding:4px 14px 5px;border-radius:6px;font:800 clamp(12px,1vw,15px) / 1.1 var(--font-title, serif);letter-spacing:.04em;color:#ffe9b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(180deg,#3a2610,#1a0f06);box-shadow:0 0 0 1px #000,0 0 0 2px var(--c2-gold-lo),0 4px 10px #0009;text-shadow:0 1px 2px #000}.c2 .c2-terr--b .c2-terr__name{color:#ffd2c4}.c2 .c2-terr__perks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.c2 .c2-perk{all:unset;position:relative;width:clamp(38px,3.2vw,50px);aspect-ratio:1;border-radius:50%;cursor:help;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--civ) 45%,#3a2610),#0e0905 80%);box-shadow:0 0 0 2px #1a0f06,0 0 0 4px var(--c2-gold),0 0 14px color-mix(in srgb,var(--civ) 50%,transparent),0 5px 10px #0009;transition:transform .15s}.c2 .c2-perk:hover,.c2 .c2-perk:focus-visible{transform:scale(1.1)}.c2 .c2-perk>img{width:76%;height:76%;object-fit:contain;border-radius:50%}.c2 .c2-perk__dot{width:40%;height:40%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c4,var(--civ))}.c2 .c2-tip{position:absolute;right:calc(100% + 12px);top:50%;translate:0 -50%;z-index:20;width:240px;padding:10px 12px;display:grid;gap:4px;text-align:left;border-radius:10px;pointer-events:none;font:500 13px / 1.35 var(--font-body, serif);color:var(--text, #f3e6c8);white-space:normal;background:linear-gradient(180deg,#24180cfa,#0e0905fa);box-shadow:0 0 0 1px #000,0 0 0 2px #f2c86a73,0 14px 30px #000000b3;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}.c2 .c2-tip b{font:800 14px var(--font-ui);color:var(--c2-gold)}.c2 .c2-terr__art:hover>.c2-tip,.c2 .c2-terr__art:focus>.c2-tip,.c2 .c2-perk:hover>.c2-tip,.c2 .c2-perk:focus>.c2-tip{opacity:1;visibility:visible}.c2 .c2-terr.is-firing .c2-terr__art{animation:c2-terr-fire .8s ease-out}@keyframes c2-terr-fire{0%{transform:scale(1)}25%{transform:scale(1.07);filter:brightness(1.45) drop-shadow(0 0 22px color-mix(in srgb,var(--civ) 70%,#ffd27a))}to{transform:scale(1)}}.reduce-motion .c2 .c2-bubble,.reduce-motion .c2 .c2-bubble:before,.reduce-motion .c2 .c2-terr__land img{animation:none}.c2-res{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;overflow-y:auto;background:radial-gradient(70% 65% at 50% 45%,#281a0a8c,#000000db)}.c2-res--loss{background:radial-gradient(70% 65% at 50% 45%,#3c080599,#000000e6)}.c2-res--draw{background:radial-gradient(70% 65% at 50% 45%,#28243c8c,#000000e0)}.c2-res__glow{position:fixed;left:50%;top:42%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);pointer-events:none;opacity:.9;background:repeating-conic-gradient(from 0deg,rgba(255,215,130,.14) 0deg 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 42%);mask:radial-gradient(circle,#000 0,transparent 42%);animation:c2-rays 22s linear infinite}.c2-res--loss .c2-res__glow{background:radial-gradient(circle,rgba(170,30,20,.35),transparent 55%);animation:c2-breath 3s ease-in-out infinite;-webkit-mask:none;mask:none}.c2-res--draw .c2-res__glow{background:repeating-conic-gradient(from 0deg,rgba(200,190,255,.1) 0deg 5deg,transparent 5deg 15deg)}@keyframes c2-rays{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes c2-breath{50%{opacity:.5}}.c2-res__panel{position:relative;width:min(560px,100%);display:grid;justify-items:center;gap:14px;text-align:center;padding:0 28px 26px;margin-top:50px;border-radius:18px;background:radial-gradient(120% 80% at 50% 0%,#543816f5,#100b06f7 65%);box-shadow:inset 0 0 0 1px #000,inset 0 0 0 2px var(--gold-3, #9a6a24),inset 0 0 0 6px #00000080,inset 0 0 0 7px #f2c86a59,0 30px 80px #000000bf,0 0 60px #f2c86a24}.c2-res--loss .c2-res__panel{background:radial-gradient(120% 80% at 50% 0%,#50140ef5,#0e0806f7 65%)}.c2-res--draw .c2-res__panel{background:radial-gradient(120% 80% at 50% 0%,#3a3450f5,#0c0a10f7 65%)}.c2-res__banner{position:relative;width:calc(100% + 90px);margin-top:-52px;height:120px;display:grid;place-items:center}.c2-res__banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.c2-res__banner:not(.has-img):before{content:"";position:absolute;inset:22px 0;background:linear-gradient(180deg,#ffe7a0,#e6b24c 18%,#b07a24,#7d5214 82%,#f4d07a);clip-path:polygon(0 0,100% 0,94% 50%,100% 100%,0 100%,6% 50%);box-shadow:0 8px 20px #0009;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}.c2-res__banner:not(.has-img):after{content:"";position:absolute;inset:30px 7%;background:linear-gradient(180deg,#5a1a12,#2a0a08);clip-path:polygon(0 0,100% 0,98% 50%,100% 100%,0 100%,2% 50%);box-shadow:inset 0 0 0 2px #ffdc9680}.c2-res--win .c2-res__banner:not(.has-img):after{background:linear-gradient(180deg,#5c1410,#300806)}.c2-res--loss .c2-res__banner:not(.has-img):before{background:linear-gradient(180deg,#c9b8a0,#8a7560 20%,#5a4636 50%,#3a2a20 82%,#a89070)}.c2-res--loss .c2-res__banner:not(.has-img):after{background:linear-gradient(180deg,#24120e,#0e0706)}.c2-res--draw .c2-res__banner:not(.has-img):before{background:linear-gradient(180deg,#f0ecff,#b8b0d8 20%,#7a7298 50%,#4c466a 82%,#d8d0f0)}.c2-res--draw .c2-res__banner:not(.has-img):after{background:linear-gradient(180deg,#2a2440,#141020)}.c2-res__title{position:relative;z-index:1;margin:0;font:900 clamp(40px,6vw,62px) var(--font-title);letter-spacing:.08em;text-transform:uppercase;line-height:1;background:linear-gradient(180deg,#fffbe6,#ffe08a 40%,#d89a2e 75%,#a8681a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #2a1204) drop-shadow(0 0 18px rgba(255,200,90,.55))}.c2-res--loss .c2-res__title{background-image:linear-gradient(180deg,#ffe0d8,#ff7a62 45%,#b0241a);filter:drop-shadow(0 3px 0 #200604) drop-shadow(0 0 16px rgba(255,70,50,.5))}.c2-res--draw .c2-res__title{background-image:linear-gradient(180deg,#fff,#d8d0ff 45%,#8a80c0);filter:drop-shadow(0 3px 0 #120e20) drop-shadow(0 0 16px rgba(190,170,255,.5))}.c2-res__banner.has-img .c2-res__title{font-size:clamp(34px,5vw,52px)}.c2-res__duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%}.c2-res__vs{font:900 20px var(--font-title);color:var(--c2-gold, #f2c86a);opacity:.85}.c2-res__hero{display:grid;justify-items:center;gap:6px;min-width:0}.c2-res__hero b{font:800 14px var(--font-ui);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2-res__face{position:relative;width:88px;aspect-ratio:1}.c2-res__face img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 18%;box-shadow:0 0 0 3px #2a1a0a,0 0 0 5px #8a6a3a,0 8px 18px #0009}.c2-res__hero.is-winner .c2-res__face img{box-shadow:0 0 0 3px #2a1a0a,0 0 0 5px #f2c86a,0 0 28px #ffc85abf}.c2-res__hero.is-fallen .c2-res__face img{filter:grayscale(.9) brightness(.6)}.c2-res__hero.is-fallen .c2-res__face:after{content:"";position:absolute;inset:18%;background:linear-gradient(45deg,transparent 45%,rgba(210,40,30,.85) 46% 54%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(210,40,30,.85) 46% 54%,transparent 55%)}.c2-res__crown{position:absolute;left:50%;top:-22px;width:38px;height:26px;transform:translate(-50%);background:linear-gradient(180deg,#fff1c4,#f2c86a 50%,#a8741f);clip-path:polygon(0 100%,0 25%,22% 60%,50% 0,78% 60%,100% 25%,100% 100%);filter:drop-shadow(0 0 6px rgba(255,200,90,.9));animation:c2-crown 2.4s ease-in-out infinite}@keyframes c2-crown{50%{transform:translate(-50%) translateY(-3px)}}.c2-res__hp{position:relative;width:110px;height:14px;border-radius:99px;overflow:hidden;background:#1a0907;box-shadow:0 0 0 1px #000,0 0 0 2px #f2c86a66}.c2-res__hp i{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#ff8a6e,#c42a1f)}.c2-res__hp em{position:absolute;inset:0;display:grid;place-items:center;font:800 11px var(--font-ui);font-style:normal;color:#fff;text-shadow:0 1px 2px #000}.c2-res__lives{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px}.c2-res__life{display:grid;gap:4px;justify-items:center;padding:8px 14px;border-radius:10px;background:#00000059;box-shadow:inset 0 0 0 1px #f2c86a38}.c2-res__life small{font:700 11px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim, #bca98a);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c2-res__life .c2-heart{--s: 24px}.c2-res__life.is-down{box-shadow:inset 0 0 0 1px #e2453a80,0 0 18px #e2453a40}.c2-res__note{margin:0}.c2-res__go{min-width:240px}.reduce-motion .c2-res__glow,.reduce-motion .c2-duel__vs span,.reduce-motion .c2-res__crown{animation:none}.reduce-motion .c2-heart.is-lost{animation-duration:.01s}@media(max-width:760px)and (orientation:portrait),(max-width:560px){.c2{grid-template-columns:minmax(0,1fr);grid-template-areas:"field";gap:0;padding:calc(52px + var(--safe-top, 0px)) 8px calc(10px + var(--safe-bottom, 0px))}.c2 .c2-duel{display:none}.c2 .c2-ctrl{top:calc(8px + var(--safe-top, 0px));left:10px;right:10px;justify-content:flex-end;gap:6px}.c2.has-terr .c2-field{grid-template-columns:minmax(0,1fr);grid-template-areas:"hb" "rb" "line" "ra" "ha";column-gap:0}.c2 .c2-terr--b{grid-area:hb}.c2 .c2-terr--a{grid-area:ha}.c2 .c2-terr{width:auto;justify-self:end;margin-right:8px;display:flex;align-items:center;gap:6px}.c2.has-terr .c2-hero--b{padding-right:var(--tpb, 10px)}.c2.has-terr .c2-hero--a{padding-right:var(--tpa, 10px)}.c2 .c2-terr__art{width:58px;aspect-ratio:16 / 10;border-radius:6px;filter:none;box-shadow:0 0 0 1px #000,0 0 0 2px var(--c2-gold),0 3px 8px #0009}.c2 .c2-terr__land{inset:0;border-radius:6px}.c2 .c2-terr__frame,.c2 .c2-terr__name{display:none}.c2 .c2-terr__perks{gap:4px;flex-wrap:nowrap}.c2 .c2-perk{width:22px;box-shadow:0 0 0 1px #1a0f06,0 0 0 2px var(--c2-gold),0 2px 5px #0009}.c2 .c2-tip{right:0;left:auto;top:calc(100% + 8px);translate:none;width:min(260px,calc(100vw - 32px))}.c2 .c2-terr--a .c2-tip{top:auto;bottom:calc(100% + 8px)}.c2 .c2-perk .c2-tip{right:-8px}.c2 .c2-kw{left:-8%;top:20%}.c2 .c2-kw__i{width:max(16px,calc(var(--w) * .19))}.c2 .c2-splat{--sz: clamp(46px, calc(var(--w) * .62), 72px)}.c2 .c2-splat--hero{--sz: 54px;left:30px}.c2 .c2-ctrl__round{display:block;margin-right:auto;font-size:12px}.c2 .c2-ctrl__btn{height:40px;min-width:40px;padding:0 10px;font-size:13px;background:#0c080480;border-color:#f2c86a38}.c2 .c2-ctrl__btn--skip span{display:none}.c2 .c2-field{align-content:space-evenly;gap:6px;grid-template-rows:auto 1fr auto 1fr auto}.c2 .c2-row{gap:6px;align-self:center}.c2 .cb-slot.is-empty{display:none}.c2 .cb-slot,.c2 .cb-unit .card{--w: min(calc((100vw - 16px - (var(--n) - 1) * 6px) / var(--n)), 136px, calc((100dvh - 290px) / 3))}.c2 .cb-unit .card{font-size:calc(var(--w) / 8)}.c2 .cb-unit .card.has-frame .card__atk,.c2 .cb-unit .card.has-frame .card__hp{font-size:max(14px,calc(var(--w) * .12))}.c2 .c2-field__line{width:96%}.c2 .c2-hero{width:100%;grid-template-columns:auto minmax(0,1fr);column-gap:10px;padding:6px 10px;border-radius:99px;background:#0a0704b8;box-shadow:inset 0 0 0 1px #f2c86a40}.c2 .c2-hero__face{width:42px}.c2 .c2-hero__face img{box-shadow:0 0 0 2px #2a1a0a,0 0 0 3px var(--c2-gold)}.c2 .c2-hero--b .c2-hero__face img{box-shadow:0 0 0 2px #2a0d0b,0 0 0 3px #c4573f}.c2 .c2-hero__shield{display:none}.c2 .c2-hero__name{font-size:13px;max-width:100%}.c2 .c2-hero__bar{width:100%;height:20px}.c2 .c2-hero__num{display:flex;font-size:14px}.c2 .c2-pop{font-size:20px}.c2 .c2-pop--dmg{font-size:24px}.c2 .c2-pop--hero{top:-6px;left:30%}.c2-res{padding:10px;align-items:center}.c2-res__panel{padding:0 14px 18px;gap:10px;margin-top:40px}.c2-res__banner{width:calc(100% + 24px);height:92px;margin-top:-40px}.c2-res__title{font-size:36px}.c2-res__banner.has-img .c2-res__title{font-size:30px}.c2-res__face{width:64px}.c2-res__hp{width:88px}.c2-res__hero b{font-size:12px}.c2-res__life .c2-heart{--s: 20px}.c2-res__go{min-width:0;width:100%;min-height:46px}.c2 .cb-inspect__panel{max-height:calc(100dvh - 24px);overflow-y:auto}}@media(orientation:landscape)and (max-height:500px){.c2{grid-template-columns:minmax(0,1fr);grid-template-areas:"field";gap:0;padding:calc(6px + var(--safe-top, 0px)) calc(58px + env(safe-area-inset-right,0px)) calc(6px + var(--safe-bottom, 0px)) max(8px,env(safe-area-inset-left,0px))}.c2 .c2-duel{display:none}.c2 .c2-ctrl{top:calc(8px + var(--safe-top, 0px));right:max(8px,env(safe-area-inset-right,0px));left:auto;flex-direction:column;gap:6px}.c2.has-terr .c2-field{grid-template-columns:150px minmax(0,1fr);grid-template-areas:"hb rb" "line line" "ha ra";column-gap:10px}.c2 .c2-terr--b{grid-area:hb;align-self:start}.c2 .c2-terr--a{grid-area:ha;align-self:end}.c2.has-terr .c2-hero--b{align-self:end}.c2.has-terr .c2-hero--a{align-self:start}.c2 .c2-terr{width:100%;display:flex;justify-content:center;align-items:center;gap:6px}.c2 .c2-terr__art{width:62px;aspect-ratio:16 / 10;border-radius:6px;filter:none;box-shadow:0 0 0 1px #000,0 0 0 2px var(--c2-gold),0 3px 8px #0009}.c2 .c2-terr__land{inset:0;border-radius:6px}.c2 .c2-terr__frame,.c2 .c2-terr__name{display:none}.c2 .c2-terr__perks{gap:4px;flex-wrap:nowrap}.c2 .c2-perk{width:22px;box-shadow:0 0 0 1px #1a0f06,0 0 0 2px var(--c2-gold),0 2px 5px #0009}.c2 .c2-tip{right:auto;left:0;top:calc(100% + 6px);translate:none;width:240px}.c2 .c2-terr--a .c2-tip{top:auto;bottom:calc(100% + 6px)}.c2 .c2-kw{left:-8%;top:20%}.c2 .c2-kw__i{width:max(15px,calc(var(--w) * .18))}.c2 .c2-splat{--sz: clamp(44px, calc(var(--w) * .6), 70px)}.c2 .c2-splat--hero{--sz: 52px;left:50%;top:30px}.c2 .c2-ctrl__round{display:block;font-size:10px;letter-spacing:.08em;text-align:center;writing-mode:horizontal-tb;max-width:44px;line-height:1.1}.c2 .c2-ctrl__btn{width:42px;height:42px;min-width:0;padding:0;font-size:12px;flex-direction:column;gap:0;background:#0c080480;border-color:#f2c86a38}.c2 .c2-ctrl__btn .ui-icon{width:16px;height:16px}.c2 .c2-ctrl__btn--skip span{display:none}.c2 .c2-field{grid-template-columns:150px minmax(0,1fr);grid-template-rows:1fr auto 1fr;grid-template-areas:"hb rb" "line line" "ha ra";align-content:stretch;column-gap:10px;row-gap:4px;justify-items:stretch}.c2 .c2-hero--b{grid-area:hb}.c2 .c2-row--b{grid-area:rb}.c2 .c2-field__line{grid-area:line;width:100%}.c2 .c2-row--a{grid-area:ra}.c2 .c2-hero--a{grid-area:ha}.c2 .c2-row{gap:6px;align-self:center}.c2 .cb-slot.is-empty{display:none}.c2 .cb-slot,.c2 .cb-unit .card{--w: min(calc((100vw - 240px - (var(--n) - 1) * 6px) / var(--n)), calc((100dvh - 34px) / 3.05), 140px)}.c2 .cb-unit .card{font-size:calc(var(--w) / 8)}.c2 .cb-unit .card.has-frame .card__atk,.c2 .cb-unit .card.has-frame .card__hp{font-size:max(14px,calc(var(--w) * .12))}.c2 .c2-hero{grid-template-columns:auto;justify-items:center;row-gap:4px;width:100%;padding:8px 6px;border-radius:14px;background:#0a0704b3;box-shadow:inset 0 0 0 1px #f2c86a40;align-self:center}.c2 .c2-hero__face{width:50px}.c2 .c2-hero__face img{box-shadow:0 0 0 2px #2a1a0a,0 0 0 3px var(--c2-gold)}.c2 .c2-hero--b .c2-hero__face img{box-shadow:0 0 0 2px #2a0d0b,0 0 0 3px #c4573f}.c2 .c2-hero__plate{justify-items:center;width:100%}.c2 .c2-hero__name{font-size:12px;max-width:136px}.c2 .c2-hero__bar{width:100%;height:18px}.c2 .c2-hero__num{display:flex;font-size:13px}.c2 .c2-hero__shield{display:none}.c2 .c2-pop{font-size:18px}.c2 .c2-pop--dmg{font-size:22px}.c2-res{padding:8px}.c2-res__panel{width:min(620px,100%);grid-template-columns:1fr 1fr;align-items:center;gap:8px 16px;padding:0 16px 14px;margin-top:34px}.c2-res__banner{grid-column:1 / -1;width:calc(100% + 30px);height:76px;margin-top:-34px}.c2-res__title{font-size:32px}.c2-res__banner.has-img .c2-res__title{font-size:28px}.c2-res__duel{grid-column:1;grid-row:2 / 4}.c2-res__lives{grid-column:2;grid-row:2 / 4;gap:6px 10px}.c2-res__face{width:56px}.c2-res__hp{width:80px}.c2-res__hero b{font-size:12px}.c2-res__life{padding:4px 10px}.c2-res__life .c2-heart{--s: 18px}.c2-res__note{grid-column:1 / -1}.c2-res__go{grid-column:1 / -1;min-width:0;width:100%;min-height:42px}}.c2 .c2-row{position:relative}.c2 .c2-row:before{content:"";position:absolute;inset:-12px -18px;pointer-events:none;border-radius:24px;background:radial-gradient(60% 70% at 50% 55%,#ffce6e42,#ffce6e00 72%);opacity:0;transition:opacity .25s ease}.c2 .c2-row--b:before{background:radial-gradient(60% 70% at 50% 45%,#ff60463d,#ff604600 72%)}.c2 .c2-row.is-turn:before{opacity:1}.c2 .c2-hero__face img{transition:filter .25s ease}.c2 .c2-hero.is-turn .c2-hero__face img{filter:brightness(1.15) drop-shadow(0 0 10px rgba(255,210,120,.85))}.c2 .c2-hero--b.is-turn .c2-hero__face img{filter:brightness(1.15) drop-shadow(0 0 10px rgba(255,100,70,.85))}.c2 .c2-hero.is-turn .c2-hero__name{color:#fff3cf}.c2 .c2-hero--b.is-turn .c2-hero__name{color:#ffd6c8}.c2 .c2-extra{position:absolute;left:50%;top:-4%;z-index:10;pointer-events:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 4px;border-radius:99px;background:linear-gradient(180deg,#fff1c4,#f2c86a 45%,#b07a24);box-shadow:0 0 0 1px #3a2206,0 0 0 2px #ffecb4b3,0 0 18px #ffc85ad9,0 4px 10px #0009;animation:c2-extra 1.8s cubic-bezier(.2,.9,.3,1) forwards}.c2 .c2-extra img{width:max(22px,calc(var(--w, 120px) * .22));height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.c2 .c2-extra b{font:900 max(13px,calc(var(--w, 120px) * .12)) / 1 var(--font-ui);color:#3a1d06;letter-spacing:.01em;text-transform:uppercase}@keyframes c2-extra{0%{opacity:0;transform:translate(-50%,10px) scale(.4)}14%{opacity:1;transform:translate(-50%,-4px) scale(1.18)}26%{transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%,-6px) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(.95)}}.c2 .cb-unit.is-extra .c2-body .card{box-shadow:0 0 0 2px #fff1c4,0 0 22px 4px #ffce6ee6;border-radius:8px}.reduce-motion .c2 .c2-extra{animation-duration:1.6s;animation-timing-function:steps(1,end)}@media(max-width:760px)and (orientation:portrait),(max-width:560px){.c2 .c2-row{--rw: max(56px, min(calc((100vw - 16px - (var(--cols, 5) - 1) * 6px) / var(--cols, 5)), calc((100dvh - 216px - (var(--tr, 2) - 2) * 6px) / var(--tr, 2) / 1.5), 150px));flex-wrap:wrap;justify-content:center;gap:6px;width:calc(var(--cols, 5) * var(--rw) + (var(--cols, 5) - 1) * 6px);max-width:100%}.c2 .c2-row .cb-slot,.c2 .c2-row .cb-unit .card{--w: var(--rw)}.c2 .c2-row:before{inset:-8px -6px}.c2 .c2-kw{left:-4%}.c2 .c2-extra{top:-6%}.c2 .c2-field{gap:4px}.c2-res__panel{margin-top:44px}}@media(max-width:380px)and (orientation:portrait){.c2 .c2-ctrl__btn{min-width:38px;height:38px;padding:0 8px}}.relic-icon{display:grid;place-items:center;width:132px;height:132px}.relic-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,190,80,.55)) drop-shadow(0 8px 10px rgba(0,0,0,.7))}.relic-icon__glyph{font-size:64px;filter:drop-shadow(0 0 12px rgba(255,190,80,.7))}.relic-icon.is-small{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#5a3c14cc,#0e0a06e6);border:1px solid rgba(242,200,106,.45);cursor:help}.relic-icon.is-small .relic-icon__glyph{font-size:22px}.relic-icon.is-small img{width:86%;height:86%;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.g-relics__list{display:flex;flex-wrap:wrap;gap:6px}.g-relics__none{font-size:14px;color:var(--text-dim);font-style:italic}.g-reroll.is-free{box-shadow:0 0 0 1px #8de07a,0 0 16px #8ce07a8c}.g-reroll__free{color:#9be37c;font-family:var(--font-ui)}.relic-choice{position:fixed;inset:0;z-index:150;display:grid;place-items:center;align-content:center;gap:10px;padding:20px;background:radial-gradient(70% 60% at 50% 45%,#8c5a1e8c,#0a0603f2 75%);backdrop-filter:blur(5px);animation:relic-in .5s ease-out both;overflow:hidden}@keyframes relic-in{0%{opacity:0}}.relic-choice__sand{position:absolute;inset:0;pointer-events:none}.relic-choice__sand i{position:absolute;left:-10%;top:calc(var(--i) * 2.5%);width:calc(60px + var(--i) * 3px);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(240,200,130,.55),transparent);animation:relic-wind calc(1.6s + (var(--i) * .07s)) linear infinite;animation-delay:calc(var(--i) * -.13s)}@keyframes relic-wind{to{transform:translate(130vw)}}.relic-choice__title{position:relative;margin:0;text-align:center;font:900 clamp(26px,3.6vw,52px)/1.05 var(--font-title);background:linear-gradient(180deg,#fff6d6,#f2c86a 55%,#b0761f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 10px #000);animation:relic-title .8s cubic-bezier(.2,1.4,.4,1) both}@keyframes relic-title{0%{opacity:0;transform:translateY(-30px) scale(1.2);letter-spacing:.3em}}.relic-choice__sub{position:relative;margin:0 0 18px;font:700 16px/1 var(--font-ui);letter-spacing:.22em;text-transform:uppercase;color:#ffd98a}.relic-choice__list{position:relative;display:flex;gap:clamp(12px,2.5vw,34px);justify-content:center;flex-wrap:wrap}.relic-card{position:relative;width:clamp(200px,22vw,290px);min-height:330px;display:grid;justify-items:center;align-content:start;gap:12px;padding:26px 20px 22px;border-radius:24px;text-align:center;overflow:hidden;background:radial-gradient(100% 70% at 50% 25%,#82541abf,#100a05f2 75%);border:1px solid rgba(255,210,120,.55);box-shadow:0 24px 50px #0009,inset 0 1px #fff0be33;animation:relic-deal .7s calc(.25s + var(--i) * .15s) cubic-bezier(.2,1.3,.35,1) both;transition:transform .25s cubic-bezier(.2,1.4,.4,1),box-shadow .25s,opacity .4s}@keyframes relic-deal{0%{opacity:0;transform:translateY(60px) rotateX(40deg) scale(.85)}}.relic-card:hover:not(:disabled){transform:translateY(-10px) scale(1.04);box-shadow:0 0 0 1px #fff0b8,0 0 40px #ffc85a99,0 24px 50px #0009}.relic-card:hover:not(:disabled) .relic-icon{animation:relic-bob 1.4s ease-in-out infinite}@keyframes relic-bob{50%{transform:translateY(-8px) rotate(-3deg) scale(1.05)}}.relic-card__glow{position:absolute;top:-30%;left:50%;width:140%;aspect-ratio:1;transform:translate(-50%);background:radial-gradient(closest-side,rgba(255,200,90,.45),transparent);pointer-events:none;animation:relic-pulse 2.6s ease-in-out infinite}@keyframes relic-pulse{50%{opacity:.5;transform:translate(-50%) scale(1.1)}}.relic-card__name{position:relative;font:900 21px/1.15 var(--font-ui);color:#fff3d6;text-shadow:0 2px 4px #000}.relic-card__text{position:relative;font:600 19px/1.35 var(--font-body);color:#f6e7c8}.relic-card.is-picked{transform:scale(1.12);box-shadow:0 0 0 2px #fff0b8,0 0 80px #ffd26ee6;z-index:2}.relic-card.is-gone{opacity:0;transform:scale(.8) translateY(30px)}@media(max-width:760px){.relic-choice__list{gap:10px}.relic-card{width:100%;max-width:360px;min-height:0;grid-template-columns:86px 1fr;justify-items:start;align-items:center;text-align:left;padding:12px 14px;gap:4px 12px}.relic-card .relic-icon{width:80px;height:80px;grid-row:1 / 3}.relic-card__name{font-size:17px}.relic-card__text{font-size:15px}}[data-plateau=forum]{--plateau-css: radial-gradient(60% 45% at 50% 38%, rgba(255, 214, 150, .32), transparent 70%), repeating-linear-gradient(90deg, transparent 0 46px, rgba(255, 240, 210, .09) 46px 62px, rgba(0, 0, 0, .12) 62px 66px, transparent 66px 150px), linear-gradient(180deg, transparent 72%, rgba(255, 236, 200, .12) 72% 74%, transparent 74%), linear-gradient(180deg, #4a2c1a 0%, #8a5a34 46%, #6b3e22 70%, #2a160c 100%)}[data-plateau=desert]{--plateau-css: radial-gradient(18% 14% at 74% 20%, rgba(255, 248, 210, .95), rgba(255, 210, 120, .4) 60%, transparent 72%), radial-gradient(130% 55% at 25% 108%, #b9772f 48%, transparent 49%), radial-gradient(130% 50% at 85% 112%, #9b5d24 50%, transparent 51%), conic-gradient(from 180deg at 30% 62%, transparent 0 135deg, rgba(120, 66, 22, .55) 135deg 225deg, transparent 225deg), linear-gradient(180deg, #f3c26a 0%, #d88d3c 42%, #9a5524 70%, #4a2410 100%)}[data-plateau=fjord]{--plateau-css: radial-gradient(80% 26% at 40% 6%, rgba(120, 255, 200, .32), transparent 70%), radial-gradient(60% 20% at 75% 14%, rgba(150, 120, 255, .22), transparent 70%), conic-gradient(from 200deg at 18% 70%, transparent 0 60deg, rgba(220, 240, 255, .16) 60deg 110deg, transparent 110deg), conic-gradient(from 110deg at 84% 66%, transparent 0 70deg, rgba(220, 240, 255, .12) 70deg 120deg, transparent 120deg), linear-gradient(180deg, #081627 0%, #17405a 48%, #0f2a3a 72%, #050c14 100%)}[data-plateau=bazar]{--plateau-css: radial-gradient(circle at 16% 18%, rgba(255, 190, 80, .75) 0 1.6%, rgba(255, 150, 40, .22) 3%, transparent 7%), radial-gradient(circle at 50% 12%, rgba(255, 190, 80, .75) 0 1.6%, rgba(255, 150, 40, .22) 3%, transparent 7%), radial-gradient(circle at 84% 18%, rgba(255, 190, 80, .75) 0 1.6%, rgba(255, 150, 40, .22) 3%, transparent 7%), repeating-linear-gradient(45deg, rgba(255, 200, 120, .06) 0 12px, transparent 12px 24px), repeating-linear-gradient(-45deg, rgba(60, 200, 190, .05) 0 12px, transparent 12px 24px), linear-gradient(180deg, #2c0b25 0%, #6a1f3c 48%, #4a1430 72%, #160612 100%)}[data-plateau=olympe]{--plateau-css: radial-gradient(55% 40% at 50% 26%, rgba(255, 250, 230, .75), transparent 70%), radial-gradient(42% 16% at 18% 82%, rgba(255, 255, 255, .55), transparent 70%), radial-gradient(46% 18% at 82% 78%, rgba(255, 255, 255, .45), transparent 70%), radial-gradient(60% 20% at 50% 96%, rgba(255, 255, 255, .5), transparent 70%), repeating-conic-gradient(from 0deg at 50% 26%, rgba(255, 236, 170, .12) 0 6deg, transparent 6deg 18deg), linear-gradient(180deg, #5b7cb8 0%, #b6a6dc 50%, #efd6a6 100%)}[data-dos]{--dos-frame: inset 0 0 0 3px #1a1006, inset 0 0 0 5px #d9a84e, inset 0 0 0 7px rgba(0, 0, 0, .55), inset 0 0 0 8px rgba(242, 200, 106, .45)}[data-dos=aigle]{--dos-css: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1c4'/%3E%3Cstop offset='.5' stop-color='%23f2c86a'/%3E%3Cstop offset='1' stop-color='%239a6a24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M50 32C40 20 20 22 6 34c14 0 24 4 30 10-10 0-18 6-22 14 12-4 20-4 26-2l4 14 6 10 6-10 4-14c6-2 14-2 26 2-4-8-12-14-22-14 6-6 16-10 30-10C80 22 60 20 50 32z'/%3E%3Ccircle cx='50' cy='27' r='6' fill='url(%23g)'/%3E%3Cpath d='M44 84h12l-6 8z' fill='url(%23g)'/%3E%3C/svg%3E") center 46% / 62% no-repeat, radial-gradient(60% 46% at 50% 46%, rgba(255, 120, 80, .35), transparent 70%), repeating-linear-gradient(0deg, rgba(255, 220, 160, .05) 0 2px, transparent 2px 9px), linear-gradient(160deg, #8e1f1a, #4a0c0a 60%, #260504)}[data-dos=scarabee]{--dos-css: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1c4'/%3E%3Cstop offset='.5' stop-color='%23f2c86a'/%3E%3Cstop offset='1' stop-color='%239a6a24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='17' r='9' fill='%23ff9a3a' stroke='url(%23g)' stroke-width='2'/%3E%3Cpath fill='url(%23g)' d='M36 48C20 36 8 42 4 54c12-2 22 0 32 8zM64 48c16-12 28-6 32 6-12-2-22 0-32 8z'/%3E%3Cellipse cx='50' cy='58' rx='15' ry='20' fill='url(%23g)'/%3E%3Cline x1='50' y1='40' x2='50' y2='78' stroke='%23123a6a' stroke-width='2'/%3E%3Ccircle cx='50' cy='34' r='7' fill='url(%23g)'/%3E%3Cpath d='M38 74l-8 12M62 74l8 12' stroke='url(%23g)' stroke-width='3'/%3E%3C/svg%3E") center 48% / 62% no-repeat, radial-gradient(60% 46% at 50% 46%, rgba(120, 190, 255, .35), transparent 70%), repeating-linear-gradient(90deg, rgba(242, 200, 106, .07) 0 3px, transparent 3px 14px), linear-gradient(160deg, #1d4d9a, #0d2552 60%, #061230)}[data-dos=loup]{--dos-css: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23c9d6e2'/%3E%3Cstop offset='1' stop-color='%23708494'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M26 22l14 22 10-4 10 4 14-22-2 34-8 14-14 12-14-12-8-14z'/%3E%3Cpath d='M40 52l6 3-6 2zM60 52l-6 3 6 2z' fill='%230a1a26'/%3E%3Cpath d='M46 70h8l-4 5z' fill='%230a1a26'/%3E%3Ccircle cx='50' cy='50' r='44' fill='none' stroke='url(%23g)' stroke-width='2' stroke-dasharray='4 5'/%3E%3C/svg%3E") center / 64% no-repeat, radial-gradient(60% 46% at 50% 46%, rgba(140, 220, 255, .28), transparent 70%), repeating-linear-gradient(135deg, rgba(220, 240, 255, .05) 0 2px, transparent 2px 10px), linear-gradient(160deg, #2c4a5c, #13242f 60%, #070f15)}[data-dos=rose-des-vents]{--dos-css: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1c4'/%3E%3Cstop offset='.5' stop-color='%23f2c86a'/%3E%3Cstop offset='1' stop-color='%239a6a24'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='url(%23g)' stroke-width='1.5'/%3E%3Ccircle cx='50' cy='50' r='33' fill='none' stroke='url(%23g)' stroke-width='.8'/%3E%3Cpolygon fill='url(%23g)' points='50.0,6.0 53.4,41.7 69.8,30.2 58.3,46.6 94.0,50.0 58.3,53.4 69.8,69.8 53.4,58.3 50.0,94.0 46.6,58.3 30.2,69.8 41.7,53.4 6.0,50.0 41.7,46.6 30.2,30.2 46.6,41.7'/%3E%3Ccircle cx='50' cy='50' r='4' fill='%23154a44'/%3E%3C/svg%3E") center / 70% no-repeat, radial-gradient(60% 46% at 50% 50%, rgba(90, 230, 200, .28), transparent 70%), repeating-radial-gradient(circle at 50% 50%, rgba(242, 200, 106, .06) 0 2px, transparent 2px 12px), linear-gradient(160deg, #1f6a5e, #0d342e 60%, #051a17)}[data-dos=eternum]{--dos-css: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff8dc'/%3E%3Cstop offset='.45' stop-color='%23ffd27a'/%3E%3Cstop offset='1' stop-color='%23a8641a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='url(%23g)' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='35' fill='none' stroke='url(%23g)' stroke-width='1' stroke-dasharray='2 3'/%3E%3Cpolygon fill='url(%23g)' points='50.0,20.0 55.7,44.3 80.0,50.0 55.7,55.7 50.0,80.0 44.3,55.7 20.0,50.0 44.3,44.3'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23c77dff' stroke='%23fff8dc' stroke-width='1.5'/%3E%3C/svg%3E") center / 72% no-repeat, conic-gradient(from 0deg at 50% 50%, rgba(255, 210, 122, 0), rgba(255, 210, 122, .22), rgba(199, 125, 255, .18), rgba(255, 210, 122, 0), rgba(255, 210, 122, .22), rgba(255, 210, 122, 0)), radial-gradient(60% 46% at 50% 50%, rgba(255, 220, 140, .4), transparent 70%), linear-gradient(160deg, #3a1b52, #1a0b28 60%, #0c0514)}html[data-plateau] .c2 .arena-bg{background:linear-gradient(#0000002e,#0000002e),var(--style-plateau, none) center / cover no-repeat,var(--plateau-css)}html[data-plateau] .c2 .arena-bg__img,html[data-plateau] .c2 .arena-bg .wip-tag{display:none}html[data-dos] .pk-card__back,html[data-dos] .pack-card__back{background:var(--style-dos, none) center / 100% 100% no-repeat,var(--dos-css)!important;box-shadow:var(--dos-frame),0 0 0 2px color-mix(in srgb,var(--rc, #f2c86a) 70%,transparent),0 14px 30px #000000b3!important;border-radius:6%/4%!important}html[data-dos] .pack-card__back>span{display:none}html[data-dos] .c2 .cb-slot.is-empty:after{content:"";position:absolute;inset:4%;border-radius:6%/4%;pointer-events:none;background:var(--style-dos, none) center / 100% 100% no-repeat,var(--dos-css);box-shadow:var(--dos-frame);opacity:.2;filter:saturate(.7)}[data-cadre=dore] .card.has-frame:not(.card--gold){--rk-x: 12.7%;--rk-y: 10.03%;--at-x: 11.13%;--at-y: 86.85%;--hp-x: 88.67%;--hp-y: 86.85%;--nm-x: 25.78%;--nm-y: 86.98%;--nm-w: 48.44%;--nm-h: 4.04%;--st-d: 12.11%}[data-cadre=dore] .card.has-frame:not(.card--gold) .card__frame{content:var(--style-cadre, url(/img/ui/kit/cadre-carte-doree.webp));filter:saturate(.85) brightness(.96)}.ch5{position:fixed;inset:0;z-index:190;display:grid;place-items:center;overflow:hidden;padding:16px;animation:ch5-in .3s ease-out both}@keyframes ch5-in{0%{opacity:0}}.ch5__veil{position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 42%,#503012e0,#060402f7 75%);backdrop-filter:blur(6px)}.ch5__rays{position:absolute;left:50%;top:42.5%;width:min(150vmin,1500px);aspect-ratio:1;translate:-50% -50%;opacity:0;pointer-events:none;transition:opacity .6s}.ch5__rays img,.ch5__rays-css{position:absolute;inset:0;width:100%;height:100%;animation:ch5-spin 24s linear infinite}.ch5__rays-css{border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,220,140,.34) 0 5deg,transparent 5deg 15deg);mask:radial-gradient(circle,#000 8%,transparent 62%);-webkit-mask:radial-gradient(circle,#000 8%,transparent 62%)}@keyframes ch5-spin{to{transform:rotate(360deg)}}.ch5.is-burst .ch5__rays,.ch5.is-gains .ch5__rays{opacity:1}.ch5__flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 34%,#fff 0,rgba(255,236,180,.9) 18%,rgba(255,200,100,.25) 45%,transparent 70%);opacity:0}.ch5.is-burst .ch5__flash{animation:ch5-flash .9s ease-out both}@keyframes ch5-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.ch5__stage{position:relative;z-index:1;width:min(560px,100%);max-height:100%;overflow:auto;display:grid;justify-items:center;gap:14px;text-align:center;scrollbar-width:thin}.ch5__head h2{margin:0;font:900 clamp(24px,4vw,34px)/1.05 var(--font-display, var(--font-ui));color:#ffe7a6;text-shadow:0 2px 0 #3a2208,0 0 24px rgba(255,200,100,.45)}.ch5__head p{margin:4px 0 0;color:var(--text-dim, #cdb98f);font-size:15px}.ch5-chest{position:relative;width:clamp(160px,34vmin,250px);aspect-ratio:6 / 5;display:grid;place-items:center;cursor:pointer;transform-origin:50% 90%}.ch5.is-odds .ch5-chest{animation:ch5-idle 3.2s ease-in-out infinite}@keyframes ch5-idle{50%{transform:translateY(-6px)}}.ch5.is-shake .ch5-chest{animation:ch5-shake .5s cubic-bezier(.36,.07,.19,.97) infinite}@keyframes ch5-shake{0%,to{transform:rotate(0) translate(0)}15%{transform:rotate(-4deg) translate(-4px,1px)}30%{transform:rotate(5deg) translate(5px,-2px)}45%{transform:rotate(-6deg) translate(-6px) scale(1.02)}60%{transform:rotate(6deg) translate(6px,-3px) scale(1.04)}80%{transform:rotate(-3deg) translate(-3px) scale(1.03)}}.ch5.is-burst .ch5-chest{animation:ch5-pop .9s cubic-bezier(.2,1.4,.4,1) both}@keyframes ch5-pop{0%{transform:scale(1.06)}30%{transform:scale(1.22) translateY(-8px)}to{transform:scale(1)}}.ch5-chest__img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65))}.ch5-chest__strip{position:relative;z-index:1;width:100%;height:100%;background-size:800% 100%;background-repeat:no-repeat;animation:ch5-strip .7s steps(7) forwards}@keyframes ch5-strip{0%{background-position:0 0}to{background-position:100% 0}}.ch5-chest__halo{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,122,.4),transparent 65%);filter:blur(4px);animation:ch5-breathe 2.4s ease-in-out infinite}.ch5.is-shake .ch5-chest__halo{animation-duration:.5s;background:radial-gradient(circle,rgba(255,220,140,.7),transparent 62%)}@keyframes ch5-breathe{50%{opacity:.55;transform:scale(.92)}}.ch5-chest__glow{position:absolute;z-index:2;left:18%;right:18%;top:30%;height:18%;border-radius:50%;background:radial-gradient(closest-side,#fff,rgba(255,220,140,.8),transparent);opacity:0;mix-blend-mode:screen;pointer-events:none}.ch5.is-shake .ch5-chest__glow{opacity:.35;animation:ch5-leak .25s ease-in-out infinite alternate}.ch5.is-burst .ch5-chest__glow,.ch5.is-gains .ch5-chest__glow{opacity:1;height:26%;top:24%;filter:blur(2px)}@keyframes ch5-leak{to{opacity:.7}}.ch5-chest__sparks{position:absolute;inset:0;z-index:3;pointer-events:none}.ch5-chest__sparks i{position:absolute;left:50%;top:36%;width:6px;height:6px;border-radius:50%;background:#fff1c4;box-shadow:0 0 10px 3px #ffd27ae6;opacity:0}.ch5.is-burst .ch5-chest__sparks i{animation:ch5-spark 1s cubic-bezier(.1,.8,.3,1) both;animation-delay:calc(var(--k) * 15ms)}@keyframes ch5-spark{0%{opacity:1;transform:rotate(calc(var(--k) * 25.7deg)) translateY(0) scale(1.4)}to{opacity:0;transform:rotate(calc(var(--k) * 25.7deg)) translateY(-160px) scale(.3)}}.ch5-svg{position:relative;z-index:1;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 14px 18px rgba(0,0,0,.65))}.ch5-svg__lid{transform-box:view-box;transform-origin:120px 98px;transition:transform .55s cubic-bezier(.2,1.5,.4,1)}.ch5-svg.is-open .ch5-svg__lid{transform:translateY(-34px) rotate(-12deg) scaleY(.78)}.ch5-svg__inner{opacity:0;transition:opacity .3s}.ch5-svg.is-open .ch5-svg__inner{opacity:1}.ch5-svg__lock{transition:opacity .2s}.ch5-svg.is-open .ch5-svg__lock{opacity:.4}.ch5-odds{width:100%;display:grid;gap:10px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#22170ceb,#0c0804f0);border:1px solid rgba(242,200,106,.35);box-shadow:0 18px 40px #0000008c;animation:ch5-rise .45s .1s both}.ch5-odds h3{margin:0;font:900 15px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#f2c86a}.ch5-odds ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.ch5-odds li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) auto;align-items:center;gap:10px;text-align:left;font-size:15px;color:#f3e6c8;animation:ch5-rise .4s calc(.15s + var(--i) * .05s) both}.ch5-odds li small{color:var(--text-dim, #b9a57e);font-size:12px}.ch5-odds__label{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.ch5-odds__label .hud-icon{width:22px;height:22px}.ch5-odds__bar{height:8px;border-radius:99px;background:#00000080;box-shadow:inset 0 0 0 1px #f2c86a33;overflow:hidden}.ch5-odds__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tone) 60%,#000),var(--tone));box-shadow:0 0 8px var(--tone);transform-origin:left;animation:ch5-grow .7s calc(.25s + var(--i) * .06s) cubic-bezier(.2,.8,.3,1) both}@keyframes ch5-grow{0%{transform:scaleX(0)}}.ch5-odds__value{font:900 16px/1 var(--font-ui);color:var(--tone);min-width:54px;text-align:right}.ch5-odds__note{margin:0;font-size:13px;color:var(--text-dim, #b9a57e)}.ch5-odds__why{margin:0;color:#ff9b8a;font-size:14px}.ch5__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.ch5__open{min-width:220px;min-height:54px;font-size:19px}.ch5__open .hud-icon{width:26px;height:26px}.ch5__hint{margin:0;font:700 16px/1 var(--font-ui);letter-spacing:.12em;color:#ffe7a6;animation:ch5-breathe 1s ease-in-out infinite}@keyframes ch5-rise{0%{opacity:0;transform:translateY(14px)}}.ch5-gains{width:100%;display:grid;gap:14px}.ch5-gains__note{margin:0;color:#e6c6ff;font-size:14px}.ch5-gains ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.ch5-gain{position:relative;display:grid;justify-items:center;gap:4px;width:116px;padding:14px 8px 12px;border-radius:16px;background:radial-gradient(100% 80% at 50% 20%,#ffd27a38,#100a04f0 70%);border:1px solid rgba(242,200,106,.5);box-shadow:0 10px 26px #0009,0 0 22px #ffd27a2e;animation:ch5-gain .6s calc(var(--i) * .14s) cubic-bezier(.2,1.5,.4,1) both}@keyframes ch5-gain{0%{opacity:0;transform:translateY(-40px) scale(.4) rotate(-8deg)}}.ch5-gain b{font:900 22px/1 var(--font-ui);color:#fff3d6;text-shadow:0 2px 3px #000}.ch5-gain small{font-size:12px;color:var(--text-dim, #b9a57e);line-height:1.2}.ch5-gain__art{width:56px;height:56px;display:grid;place-items:center}.ch5-gain__art .hud-icon,.ch5-gain__art img{width:52px;height:52px;object-fit:contain;border-radius:10px}.ch5-gain--hero .ch5-gain__art img{object-fit:cover;object-position:center 20%;box-shadow:0 0 0 2px #e6c6ff}.ch5-gain__pack{width:40px;height:54px;border-radius:6px;background:linear-gradient(160deg,#6b4a1e,#2a1a08);box-shadow:inset 0 0 0 2px var(--rc, #f2c86a),0 0 16px var(--rc, #f2c86a)}.ch5-gain__dust{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c9a3ff 40%,#5a2a8a 75%);box-shadow:0 0 18px #c77dffb3}.ch5-gain__style{width:44px;height:56px;border-radius:6px;background:conic-gradient(from 45deg,#f2c86a,#c77dff,#6fb2ff,#f2c86a);box-shadow:inset 0 0 0 3px #1a1006,0 0 16px #f2c86a99}.sh5-deal{overflow:hidden}.sh5-ribbon{position:absolute;top:14px;right:-36px;z-index:2;transform:rotate(35deg);padding:5px 44px;background:linear-gradient(90deg,#b8321e,#ff6a3d,#b8321e);color:#fff;font:900 14px/1 var(--font-ui);letter-spacing:.06em;box-shadow:0 4px 10px #00000080}.sh5-was{font-size:13px!important;color:var(--text-dim)!important}.sh5-was s{color:#ff9b8a;margin-right:4px}.sh5-buy{min-width:150px;min-height:50px;font-size:19px;gap:6px}.sh5-buy .hud-icon{width:26px;height:26px}.sh5-buy.is-armed,.st5-item__buy.is-armed,.pass3-prem__buy .btn.is-armed{animation:sh5-armed .8s ease-in-out infinite alternate}@keyframes sh5-armed{to{box-shadow:0 0 0 3px #fff1c4,0 0 24px #ffd27acc}}.sh5-link{background:none;border:0;padding:2px 6px;color:#f2c86a;font:700 13px/1 var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sh5-why{font-size:13px;color:#ff9b8a}.sh5-toast{z-index:120}.st5{display:grid;gap:22px}.st5-stage{position:relative;height:clamp(170px,26vw,250px);border-radius:22px;overflow:hidden;border:1px solid rgba(242,200,106,.45);box-shadow:0 18px 40px #0000008c,inset 0 0 60px #0009;display:grid;place-items:center}.st5-stage__bg{position:absolute;inset:0;background:url(/img/jeu/arene-pc.webp) center / cover,linear-gradient(180deg,#1d140c,#2b1d10 45%,#170f08);transition:opacity .3s}.st5-stage[data-plateau] .st5-stage__bg{background:var(--style-plateau, none) center / cover no-repeat,var(--plateau-css);animation:st5-fade .45s ease-out}@keyframes st5-fade{0%{opacity:.2;filter:brightness(1.6)}}.st5-stage__bg:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 50%,rgba(0,0,0,.55))}.st5-stage__cards{position:relative;display:flex;align-items:center;gap:clamp(14px,3vw,34px)}.st5-stage__cards .card{--w: clamp(84px, 11vw, 124px)}.st5-stage__cards>.st5-dos{width:clamp(84px,11vw,124px);transform:rotate(-6deg)}.st5-stage__cap{position:absolute;left:14px;bottom:10px;padding:4px 12px;border-radius:99px;background:#0009;font:700 12px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f2c86a}.st5-group{display:grid;gap:12px}.st5-group__title{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font:900 20px/1 var(--font-ui);color:#ffe7a6}.st5-group__title small{font:600 13px/1 var(--font-ui);color:var(--text-dim);letter-spacing:.04em}.st5-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px}.st5-item{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;padding:12px 12px 14px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#1e150ce6,#0a0704eb);border:1px solid rgba(242,200,106,.28);animation:shop2-rise .5s calc(var(--i) * .05s) both;transition:border-color .2s,transform .2s}.st5-item:hover{transform:translateY(-3px);border-color:#f2c86a99}.st5-item.is-sel{border-color:#f2c86a;box-shadow:0 0 0 1px #f2c86a,0 0 22px #f2c86a4d}.st5-item.is-on{background:linear-gradient(180deg,#32240ef2,#0e0a04f0)}.st5-item b{font:900 17px/1.1 var(--font-ui);color:#fff3d6}.st5-item small{font-size:13px;color:var(--text-dim);line-height:1.3;min-height:2.6em}.st5-item__art{position:relative;width:100%;aspect-ratio:4 / 3;display:grid;place-items:center;padding:0;border:0;border-radius:14px;overflow:hidden;background:#0006;cursor:pointer}.st5-item__art>.st5-plateau{position:absolute;inset:0}.st5-item__art>.st5-dos{height:88%;width:auto}.st5-item__badge{position:absolute;top:8px;left:8px;padding:4px 10px;border-radius:99px;background:linear-gradient(180deg,#ffe7a6,#c9963e);color:#2a1a08;font:900 11px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase}.st5-item__buy{min-width:130px;min-height:44px;gap:6px}.st5-item__buy .hud-icon{width:22px;height:22px}.st5-item.is-owned:not(.is-on) .st5-item__art:after{content:"✓";position:absolute;top:8px;right:10px;color:#8dff9e;font:900 18px/1 var(--font-ui);text-shadow:0 1px 2px #000}.st5-plateau{display:block;width:100%;height:100%;background:var(--style-plateau, none) center / cover no-repeat,var(--plateau-css, linear-gradient(180deg, #1d140c, #2b1d10))}.st5-plateau--mini{width:78%;height:auto;aspect-ratio:4 / 3;border-radius:10px;box-shadow:0 0 0 2px #f2c86a99,0 6px 12px #00000080}.st5-dos{display:block;aspect-ratio:2 / 3;border-radius:6%/4%;background:var(--style-dos, none) center / 100% 100% no-repeat,var(--dos-css, url(/img/ui/kit/dos-carte-v2.webp) center / 100% 100% no-repeat, #2a1a08);box-shadow:var(--dos-frame, none),0 10px 18px #0009}.st5-dos--mini{height:86%;width:auto}.st5-cadre{display:grid;place-items:center;height:100%}.st5-cadre .card{--w: clamp(70px, 9vw, 96px)}.ps5-badge{margin-left:10px;padding:3px 10px;border-radius:99px;background:linear-gradient(90deg,#8a3bc4,#d79bff);color:#fff;font:900 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;vertical-align:middle}.ps5-value{width:min(760px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 26px;align-items:center;padding:18px;border-radius:18px;background:#00000059;border:1px solid rgba(214,160,255,.3)}.ps5-value__ring{--p: 33;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#1b0c24 78%,transparent 79%),conic-gradient(#8dff9e 0 calc((100 - var(--p)) * 1%),#d79bff 0);box-shadow:0 0 30px #be78ff59;animation:pass3-rise .6s both}.ps5-value__ring b{font:900 30px/1 var(--font-ui);color:#8dff9e;text-shadow:0 0 14px rgba(141,255,158,.5)}.ps5-value__ring small{font:700 12px/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#e6c6ff}.ps5-value__rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ps5-value__rows li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(110px,auto);align-items:center;gap:12px;padding:6px 10px;border-radius:10px;background:#ffffff08;color:#f1d7ff;font-size:15px;text-align:left}.ps5-value__rows li>span{display:inline-flex;align-items:center;gap:8px}.ps5-value__rows li img,.ps5-value__rows .hud-icon{width:26px;height:26px;object-fit:contain}.ps5-value__rows b{font:900 17px/1 var(--font-ui);color:#fff;text-align:right}.ps5-value__rows small{color:#c9a3e6;font-size:13px;text-align:right}.ps5-value__total{background:linear-gradient(90deg,#8dff9e1f,#d79bff1f)!important;border:1px solid rgba(141,255,158,.35)}.ps5-value__total b{display:inline-flex;align-items:center;gap:6px;color:#8dff9e;font-size:20px}.ps5-value__note{grid-column:1 / -1;margin:0;font-size:13px;color:#c9a3e6;text-align:left}.ps5-value__note b{color:#8dff9e}.ps5-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;max-height:330px;overflow:auto;padding:4px;scrollbar-width:thin}.ps5-chip{position:relative;display:grid;justify-items:center;gap:2px;padding:6px 4px;border-radius:10px;background:#281034bf;border:1px solid rgba(214,160,255,.2);font-size:11px;color:#e6c6ff}.ps5-chip>small{position:absolute;top:3px;left:5px;font:700 10px/1 var(--font-ui);color:#a988c2}.ps5-chip b{font:700 11px/1.1 var(--font-ui);color:#f6e3ff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ps5-chip__art{width:38px;height:38px;display:grid;place-items:center}.ps5-chip__art img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}.ps5-chip--hero,.ps5-chip--style{border-color:#ffd27a8c;background:radial-gradient(100% 90% at 50% 20%,#823ca0cc,#1e0c28e6)}.ps5-chip.is-reached{box-shadow:inset 0 0 0 1px #f2c86a73}.ps5-chip.is-ready{border-color:#8dff9e;box-shadow:0 0 12px #8dff9e59}.ps5-chip.is-done{opacity:.55}.ps5-chip.is-done:after{content:"✓";position:absolute;top:2px;right:5px;color:#8dff9e;font-weight:900}.ps5-owned{padding:10px 18px;border-radius:99px;background:#8dff9e1f;border:1px solid rgba(141,255,158,.45);color:#8dff9e;font:800 15px/1 var(--font-ui)}.pass3-reward--prem.is-ready{border-color:#8dff9e;box-shadow:0 0 16px #8dff9e73;animation:pass3-pulse 1.6s ease-in-out infinite}.pass3-reward--prem:not(.is-locked) .st5-plateau--mini,.pass3-reward--prem:not(.is-locked) .st5-dos--mini{filter:none}.pass3-reward--prem .st5-dos--mini{height:70px}.pass3-reward--prem .st5-plateau--mini{width:74px}.pass3-reward--prem.is-locked{cursor:pointer}@media(max-width:760px){.ps5-value{grid-template-columns:1fr;justify-items:center}.ps5-value__rows{width:100%}.ps5-value__rows li{grid-template-columns:minmax(0,1fr) auto}.ps5-value__rows small{grid-column:1 / -1;text-align:left}.ch5-odds li{grid-template-columns:minmax(0,1fr) auto}.ch5-odds__bar{grid-column:1 / -1;grid-row:2}.ch5-gain{width:100px}}html.reduce-motion .ch5-chest,html.reduce-motion .ch5__rays img,html.reduce-motion .ch5__rays-css,html.reduce-motion .ch5-chest__halo{animation:none!important}@media(prefers-reduced-motion:reduce){.ch5-chest,.ch5__rays img,.ch5__rays-css,.ch5-chest__halo,.ch5-gain{animation:none!important}}.ch5__rays img{animation:ch5-breathe 3.2s ease-in-out infinite}@keyframes ch5-breathe{0%,to{transform:scale(.94);opacity:.85}50%{transform:scale(1.04);opacity:1}}@media(max-width:760px),(orientation:landscape)and (max-height:500px){html,body{max-width:100%;overflow-x:hidden}.modal{padding:10px;overflow:hidden}.modal__panel{max-height:calc(100dvh - 20px);max-width:calc(100vw - 20px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal__panel p{font-size:16px}.toast{max-width:calc(100vw - 24px)}}@media(max-width:760px){.home{grid-template-columns:minmax(0,1fr)}.bottombar{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0}.bottombar .navbtn{min-width:0}.navbtn__label{font-size:12px;letter-spacing:.02em}.play-wrap{min-width:0}.play-wrap__frame{inset:-18px -22px;width:calc(100% + 44px);height:calc(100% + 36px)}.title__sub{font-size:12px;letter-spacing:.16em}.pass__bar{height:18px}.pass__txt{font-size:12px;line-height:16px}.promo__title--sm{font-size:13px}.iconbtn{width:42px;height:42px}.topbar__right{gap:5px}}@media(max-width:760px){.game{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto auto auto;grid-template-areas:"menu   stats" "side   pbtn" "tier   ctl" "shop   shop" "board  board" "detail detail" "hand   hand" "civs   civs" "act    act";column-gap:8px;row-gap:6px}.game:has(.g-relics){grid-template-areas:"menu   stats" "side   pbtn" "tier   ctl" "shop   shop" "board  board" "detail detail" "hand   hand" "civs   relics" "act    act"}.game>.g-side,.game>.g-top,.game>.g-right{display:contents}.g-side>.g-menu{grid-area:menu;position:static;justify-self:start;align-self:center;min-width:0}.g-menu .btn{min-width:44px;min-height:44px;padding:0 10px}.g-round{font-size:14px;white-space:nowrap}.g-lives{grid-area:menu;justify-self:end;align-self:center}.g-gold{grid-area:stats;justify-self:stretch;align-self:center;justify-content:center}.g-gold,.g-lives{height:42px;font-size:18px}.g-side>.players{grid-area:side;min-width:0;align-self:center}.g-side>.g-players-btn{grid-area:pbtn;justify-self:stretch;justify-content:center;min-height:44px;font-size:14px}.g-tier{grid-area:tier;min-width:0;padding:3px 4px 3px 10px;gap:8px;grid-template-columns:minmax(0,1fr) auto}.g-tier__up{white-space:nowrap}.g-tier__chev{display:none}.g-tier__info b{font-size:14px}.g-tier__up{height:42px;padding:0 12px;font-size:14px}.g-tier__up .g-tier__txt{font-size:13px}.g-shopctl{grid-area:ctl;position:static;justify-self:end;align-self:stretch;gap:6px}.g-reroll,.g-freeze{height:auto;min-height:44px}.g-reroll{padding:0 10px;gap:4px;font-size:17px}.g-reroll__icon{font-size:22px}.g-freeze{min-width:46px;justify-content:center;padding:0 10px}.shop{min-width:0}.g-terr,.g-counter-panel{display:none!important}.g-right>.g-civs:not(.g-relics):not(.g-counter-panel){grid-area:civs;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:4px 8px}.g-civs__list{gap:6px;flex-wrap:nowrap}.g-civ{width:40px;height:40px}.g-civ svg{width:22px;height:22px}.g-civ em{min-width:18px;height:18px;font-size:12px}.g-counters--inline{margin-top:0;gap:4px}.g-counters--inline .g-counter{font-size:12px;padding:2px 7px}.g-relics{grid-area:relics;min-width:0;max-width:44vw;padding:4px 8px;align-content:center}.g-relics__none{font-size:12px;line-height:1.2;text-align:center}.g-actions{grid-area:act}.game .toast{top:auto;bottom:calc(150px + var(--safe-bottom))}}@media(max-width:380px){.g-menu{gap:4px}.g-round{font-size:13px;letter-spacing:0}.g-gold,.g-lives{padding:0 8px;gap:4px;font-size:17px}.g-reroll{padding:0 8px}.g-civs__list{gap:4px}.g-tier{gap:6px;padding-left:8px}.g-reroll__free{font-size:13px}}@media(max-width:760px){.modal__panel.peek{padding:14px 10px;gap:10px}.peek .card{--w: min(200px, 54vw, calc((100dvh - 330px) / 1.5))}.peek--owned .card{--w: min(180px, 48vw, calc((100dvh - 440px) / 1.5))}.peek__actions .btn{min-height:52px}.peek__actions{position:sticky;bottom:-14px;z-index:5;margin:0 -10px -14px;padding:10px 10px 14px;width:calc(100% + 20px);background:linear-gradient(180deg,#140f0a00,#140f0af5 26%)}.peek--owned .peek__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.peek--owned .peek__actions .btn{min-width:0;padding:0 10px;font-size:16px;white-space:nowrap}.peek--owned .peek__actions .btn--gold{grid-column:1 / -1}.peek--owned .peek__actions .btn:only-child{grid-column:1 / -1}.peek__close{top:4px;right:4px}.players-sheet{max-height:calc(100dvh - 20px)}.kw-chip b{font-size:12px}.player__name .tag{font-size:11px}}@media(max-width:760px),(orientation:landscape)and (max-height:500px){.card.has-frame .card__rank,.card.has-frame .card__atk,.card.has-frame .card__hp{font-size:max(12px,calc(var(--w) * .1));width:max(var(--st-d),18px);background:radial-gradient(circle,#0c0804e0 0 56%,#0c080400 72%)}}@media(orientation:landscape)and (max-height:500px){.game{--lw: min(calc((100dvh - 100px) / 4.6), calc((100vw - 470px) / 5.4), 104px);grid-template-columns:minmax(150px,178px) minmax(0,1fr) minmax(196px,228px);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"menu  shop  tier" "stats shop  ctl" "side  board civs" "side  hand  detail" "side  hand  act";column-gap:10px;row-gap:5px;padding:calc(6px + var(--safe-top)) max(8px,env(safe-area-inset-right)) calc(6px + var(--safe-bottom)) max(8px,env(safe-area-inset-left))}.game:has(.g-relics){grid-template-areas:"menu  shop  tier" "stats shop  ctl" "side  board civs" "side  hand  relics" "side  hand  act"}.game:has(.g-relics) .detail{display:none}.game>.g-side,.game>.g-top,.game>.g-right{display:contents}.g-side>.g-menu{grid-area:menu;position:static;align-self:center;gap:8px}.g-menu .btn{min-width:44px;min-height:44px;padding:0 10px}.g-round{font-size:15px;white-space:nowrap}.g-lives{grid-area:stats;justify-self:start;align-self:center}.g-gold{grid-area:stats;justify-self:end;align-self:center;min-width:0}.g-gold,.g-lives{height:42px;padding:0 10px;gap:5px;font-size:18px}.g-gold svg,.g-lives svg{width:22px;height:22px}.g-players-btn{display:none!important}.g-side>.players{grid-area:side;align-self:stretch;grid-auto-flow:row;grid-auto-columns:auto;overflow-x:hidden;overflow-y:auto;align-content:start;gap:3px;min-height:0}.players .player{grid-template-columns:20px 28px minmax(0,1fr) auto;grid-template-rows:auto;column-gap:6px;padding:3px 8px 3px 4px}.players .player__pos{grid-row:auto;display:grid;width:20px;height:20px;font-size:12px}.players .player__avatar{grid-row:auto;width:28px;height:28px;border-width:1.5px}.players .player__name{display:block;font-size:13px}.players .player__lives{font-size:13px;white-space:nowrap}.g-side .player__name .tag{display:none}.shop{grid-area:shop;align-self:center;gap:6px;padding:5px 8px 3px}.board{grid-area:board;align-self:center;gap:6px;padding:3px}.hand{grid-area:hand;align-self:center;gap:6px;padding:3px 8px}.shop .card,.offer__empty,.board .card,.slot__empty,.hand__card .card,.hand__empty{--w: var(--lw);width:var(--w)}.card{font-size:calc(var(--w) / 8)}.shop .card.has-frame .card__name,.board .card.has-frame .card__name,.hand .card.has-frame .card__name{display:none}.offer{gap:1px}.offer__price{font-size:13px}.offer__price svg{width:15px;height:15px}.hand__label{display:none}.shop.is-frozen:after{top:-9px;font-size:11px;padding:0 8px}.g-tier{grid-area:tier;padding:3px 4px 3px 10px;gap:8px;grid-template-columns:minmax(0,1fr) auto;align-self:center}.g-tier__up{white-space:nowrap}.g-tier__chev{display:none}.g-tier__info b{font-size:15px;white-space:nowrap}.g-tier__up{height:42px;padding:0 10px;font-size:15px}.g-tier__up .g-tier__txt{font-size:13px}.g-shopctl{grid-area:ctl;position:static;justify-self:stretch;align-self:center;display:flex;gap:6px}.g-shopctl>*{flex:1;justify-content:center}.g-reroll,.g-freeze{height:44px;padding:0 8px}.g-reroll{font-size:17px;gap:4px}.g-reroll__txt{display:none}.g-reroll__icon{font-size:22px}.g-terr,.g-counter-panel{display:none!important}.g-right>.g-civs:not(.g-relics):not(.g-counter-panel){grid-area:civs;align-self:center;min-width:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;padding:5px 6px}.g-civs__title{display:none}.g-civs__list{gap:5px;flex-wrap:wrap;justify-content:center}.g-civ{width:40px;height:40px}.g-civ svg{width:22px;height:22px}.g-civ em{min-width:18px;height:18px;font-size:12px}.g-counters--inline{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0}.g-counters--inline .g-counter{font-size:12px;padding:1px 7px}.g-relics{grid-area:relics;padding:5px 6px;gap:4px;align-self:stretch;align-content:center}.g-relics .g-civs__title{display:none}.g-relics__none{font-size:12px;text-align:center}.detail{grid-area:detail;justify-self:stretch;align-self:stretch;min-height:0;max-width:none;overflow-y:auto;text-align:left;font-size:14px;line-height:1.3;padding:4px 8px;border-radius:8px;background:#0806048c}.detail__card,.detail__kw{display:none}.g-actions{grid-area:act;flex-direction:row;justify-content:stretch;align-items:stretch;gap:6px;min-width:0}.g-actions .btn--fight{flex:1;min-width:0;min-height:50px;padding:0 10px;font-size:14px;gap:6px;text-align:left}.g-actions .btn--fight:not(.btn--ghost){border-width:14px 22px;border-image-width:14px 22px}.g-actions .btn--fight svg{width:22px;height:22px}.fight__txt{white-space:normal;line-height:1.1;overflow:hidden;font-size:13px}.g-actions .fight__txt>span{display:block}.g-actions:has(.g-sell) .fight__txt>span{display:none}.g-actions .g-sell{flex:none;min-height:50px;padding:0 10px;font-size:13px}.game .toast{top:auto;bottom:calc(8px + var(--safe-bottom));font-size:14px;padding:6px 14px}.round-banner{top:50%;padding:8px 36px}.round-banner__n{font-size:34px}.flourish{top:50%}}@media(orientation:landscape)and (max-height:500px)and (max-width:760px){.game{--lw: min(calc((100dvh - 100px) / 4.6), calc((100vw - 380px) / 5.3), 104px);grid-template-columns:120px minmax(0,1fr) 190px;column-gap:8px}.g-round{font-size:13px}.g-menu{gap:4px}.g-gold,.g-lives{padding:0 7px;font-size:16px}.players .player{grid-template-columns:26px minmax(0,1fr) auto}.players .player__pos,.g-freeze__txt,.g-tier__up .g-tier__txt{display:none}.g-actions .btn--fight svg{display:none}.g-actions .btn--fight{font-size:12px;padding:0 6px}.fight__txt{font-size:12px;letter-spacing:0}}@media(orientation:landscape)and (max-height:500px){.combat{grid-template-columns:118px minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"vs field";gap:10px;padding:calc(6px + var(--safe-top)) calc(128px + env(safe-area-inset-right)) calc(6px + var(--safe-bottom)) max(8px,env(safe-area-inset-left))}.cb-terrs{display:none}.cb-vs{grid-template-columns:1fr;grid-template-rows:none;align-self:center;margin-top:0;padding:8px 6px;gap:4px}.cb-vs__p,.cb-vs__p.is-me{grid-column:auto;grid-row:auto;grid-template-columns:none;justify-items:center;text-align:center;gap:3px}.cb-vs__img{width:54px;height:54px;border-radius:50%}.cb-vs__terr{display:none}.cb-vs__p b{font-size:12px;max-width:104px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.cb-vs__lives{width:28px;height:26px;font-size:12px;clip-path:path("M14 25 C6 19 1 14 1 8 C1 3 4 1 8 1 C10 1 12 2 14 4 C16 2 18 1 20 1 C24 1 27 3 27 8 C27 14 22 19 14 25 Z")}.cb-vs__sep{grid-column:auto;grid-row:auto;font-size:16px}.cb-ctrl{left:auto;right:max(8px,env(safe-area-inset-right));top:calc(8px + var(--safe-top));width:112px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px}.cb-round{margin:0 0 2px;font-size:14px;text-align:center}.cb-ctrl .btn{min-height:44px;padding:0 8px;font-size:14px}.cb-field{grid-template-columns:auto auto;grid-template-rows:auto auto;grid-template-areas:"hb rb" "ha ra";align-content:center;justify-content:center;column-gap:12px;row-gap:14px}.cb-hero--b{grid-area:hb}.cb-row--b{grid-area:rb;margin-bottom:0;align-self:center}.cb-row--a{grid-area:ra;align-self:center}.cb-hero--a{grid-area:ha}.cb-hero,.cb-hero--b{grid-template-columns:auto;grid-template-rows:auto auto auto;justify-items:center;row-gap:3px;align-self:center}.cb-hero__portrait{grid-row:auto;width:54px}.cb-hero__shield{width:40px;height:44px;font-size:16px}.cb-hero__bar{width:72px;height:8px}.cb-row{gap:6px}.cb-slot,.cb-unit .card{--w: min(calc((100dvh - 56px) / 3.15), calc((100vw - 380px) / 5.4), 120px)}.cb-unit .card{font-size:calc(var(--w) / 8)}.cb-unit .card.has-frame .card__name{display:none}.pop{font-size:16px!important}.cb-log{display:none}.cb-intro__p img{width:120px}.cb-result{padding:8px;overflow-y:auto}.cb-result__panel.frame{padding:2px 14px;gap:6px}.cb-result h2{font-size:34px}.cb-result__icon{font-size:30px}.cb-inspect{padding:8px}.cb-inspect__panel{max-height:calc(100dvh - 16px);overflow-y:auto;gap:14px;border-width:22px;border-image-width:22px;grid-template-columns:auto minmax(0,360px);justify-items:start;text-align:left}.cb-inspect__panel .card{--w: min(200px, calc((100dvh - 80px) / 1.5))}.cb-inspect__text{font-size:15px}.cb-inspect__text h3{font-size:22px}.cb-inspect .btn{justify-self:start}}@media(orientation:landscape)and (max-height:500px){.recap,.final{max-height:calc(100dvh - 12px)}.recap.frame,.final.frame{border-width:22px;border-image-width:22px}.recap{width:min(760px,calc(100vw - 20px));padding:4px 10px 70px!important;gap:8px}.recap h2{font-size:22px}.recap .recap__next{bottom:8px;min-height:46px}.recap .players{grid-auto-flow:row;grid-template-columns:1fr 1fr;overflow:visible}.recap .player{grid-template-columns:20px 28px minmax(0,1fr) auto}.recap .player__pos,.recap .player__name{display:grid}.final{padding:4px 18px;gap:6px;overflow-y:auto}.final__rank{font-size:64px}.final p{font-size:16px}.mreveal{padding:10px 16px;gap:8px;overflow-y:auto;align-content:safe center}.mreveal__title{font-size:26px}.mreveal__list{grid-template-columns:repeat(7,minmax(0,96px));gap:6px}.mreveal__foe{padding:6px 4px;gap:3px}.mreveal__portrait{width:62%}.mreveal__portrait--me{width:54px}.mreveal__me{grid-auto-flow:column;align-items:center;gap:14px}.mreveal__go{min-height:48px}.howto{max-height:calc(100dvh - 20px);overflow-y:auto}.howto__icon{width:52px;height:52px;font-size:26px}.howto p{font-size:16px}}@media(orientation:landscape)and (max-height:500px){.modal__panel{border-width:22px!important;border-image-width:22px}.modal__panel.peek,.modal__panel.card-detail{grid-template-columns:auto minmax(0,1fr);justify-items:stretch;text-align:left;gap:18px;padding:6px 12px;max-width:min(820px,calc(100vw - 20px));align-items:center}.peek .card,.card-detail .card{--w: min(240px, calc((100dvh - 76px) / 1.5))}.peek__info,.card-detail__info{gap:8px;align-self:center}.peek__info h3,.card-detail__info h3{font-size:24px;text-align:left}.peek__text,.card-detail__text{font-size:17px;text-align:left}.kw-list{gap:5px}.kw-list li{font-size:14px;padding:5px 10px;gap:8px}.kw-list li b{font-size:12px}.peek__actions{justify-content:flex-start;gap:10px}.peek__actions .btn{min-height:48px;font-size:17px}.peek__tip{font-size:13px}.peek__close{top:2px;right:2px}.players-sheet{max-height:calc(100dvh - 20px);width:min(560px,92vw)}.players-sheet .players{grid-template-columns:1fr 1fr}.relic-choice{place-items:center;align-content:safe center;overflow-y:auto;padding:10px 14px;gap:6px}.relic-choice__title{font-size:26px}.relic-choice__sub{margin:0 0 6px;font-size:13px}.relic-choice__list{flex-wrap:nowrap;gap:12px}.relic-card{width:min(250px,30vw);min-height:0;padding:12px 12px 14px;gap:6px;border-radius:18px}.relic-card .relic-icon{width:70px;height:70px}.relic-card__name{font-size:17px}.relic-card__text{font-size:15px}html body .war-guide{padding:4px 14px;gap:8px}html body .war-guide__art img{width:96px;height:96px}}@media(orientation:landscape)and (max-height:500px){.home{grid-template-columns:minmax(190px,230px) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"top top" "side ." "bottom bottom";gap:8px;padding:calc(8px + var(--safe-top)) max(12px,env(safe-area-inset-right)) calc(8px + var(--safe-bottom)) max(12px,env(safe-area-inset-left))}.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.profile{padding:3px 14px 3px 3px;gap:8px;min-width:0;max-width:100%}.profile__avatar{width:46px;height:46px;padding:2px}.profile__level{min-width:22px;height:22px;font-size:12px}.profile__text{min-width:0}.profile__name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.profile__trophies{font-size:13px}.title__ornament{width:140px}.title__word{font-size:38px}.title__sub{display:none}.topbar__right{gap:6px;min-width:0}.currency{height:40px;gap:4px;padding:0 10px 0 4px}.currency__icon,.currency__icon .hud-icon{width:34px;height:34px;margin-left:-6px}.currency__value{min-width:0;font-size:15px}.currency__add{display:none}.iconbtn{width:44px;height:44px;flex:none}.side{grid-area:side;position:static;flex-direction:column;align-self:stretch;height:100%;min-height:0;gap:8px;padding-top:0}.promo{flex:1 1 0;min-height:0;max-height:none;height:auto;aspect-ratio:auto}.promo__body{padding:8px 10px;gap:3px}.promo__kicker{display:none}.promo__title{font-size:15px}.promo__title--sm,.promo__timer{font-size:13px}.pass__tier{width:24px;height:28px;font-size:12px}.pass__bar{height:18px}.pass__txt{font-size:12px;line-height:16px}.bottombar{width:auto;max-width:100%;grid-template-columns:repeat(2,minmax(74px,104px)) minmax(200px,300px) repeat(2,minmax(74px,104px));grid-template-areas:none;gap:8px;padding:6px 14px;align-items:center}.play-wrap{grid-area:auto;height:64px;margin:0 4px}.play-wrap__frame{inset:-18px -26px;width:calc(100% + 52px);height:calc(100% + 36px)}.play__label{font-size:30px}.play__icon{width:34px;height:34px}.navbtn{height:60px;gap:2px}.navbtn__icon,.navbtn__icon .medallion{width:38px;height:38px;margin-top:0}.navbtn__label{font-size:12px}}@media(pointer:coarse){.help__btn{position:relative}.help__btn:after{content:"";position:absolute;inset:-6px}.currency__add{position:relative}.currency__add:after{content:"";position:absolute;inset:-6px}.card-detail__close,.peek__close{z-index:6}}@media(pointer:coarse)and (max-width:760px),(pointer:coarse)and (orientation:landscape)and (max-height:500px){.btn--sm,.btn--sm:not(.btn--ghost){min-height:40px}.btn--ghost{min-height:40px}.filters .chip,.subtabs .chip,.chip--sm{min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center}.cb-ctrl .btn{min-height:44px;min-width:44px}html body .shop2-pay__opt{min-height:42px}.page .tab{min-height:40px}}@media(max-width:760px),(orientation:landscape)and (max-height:500px){.player__name .tag,.mreveal__tag,.cb-vs__p b,.tag-lock,.tag-gold,.hero-card .tag-lock,.recap__sub{font-size:12px}.myfight__board .card.has-frame .card__name{display:none}.myfight h4{font-size:13px}html body .pass3-level__lbl{font-size:12px;letter-spacing:.04em}html body .shop2-pack__civname small{font-size:12px;letter-spacing:.02em;line-height:1.1;white-space:normal}html body .ev-me__stats{grid-template-columns:repeat(2,minmax(0,1fr))}html body .ev-me__stats span{font-size:12px;letter-spacing:.04em;padding:6px 4px}html body .ev-me__stats b{font-size:20px}html body .cq-city__name{font-size:12px;padding:0 5px}html body .cq-legend{font-size:12px}html body .war-clans em{font-size:12px;line-height:1.25}html body .war-week__day small{font-size:12px;letter-spacing:.02em}html body .tag-lock,html body .tag-gold{font-size:12px}.card-grid .card.has-frame .card__name{font-size:max(12px,calc(var(--w) * .07))}}@media(max-width:760px){html body .war-week{justify-content:center}html body .war-week__day small{display:none}html body .war-week__day.is-on small{display:block;font-size:12px;letter-spacing:.02em;white-space:nowrap}html body .war-week__gem{width:34px;height:34px}}@media(max-width:440px){.g-tier{padding-left:8px;gap:5px}.g-tier__up{padding:0 7px;gap:3px}.g-tier__up .g-tier__txt{font-size:12px;letter-spacing:0}.g-tier__info b{font-size:13px;white-space:nowrap;letter-spacing:0}.g-reroll{padding:0 6px;gap:2px}.g-reroll__icon{font-size:20px}.g-freeze{min-width:44px;padding:0 6px}}@media(max-width:370px){.g-tier__up .g-tier__txt{display:none}.g-tier__up:before{content:"⇧";font-size:17px;line-height:1}}@media(max-width:380px){.g-actions .btn--fight .fight__txt{white-space:normal;line-height:1.1;text-overflow:clip;font-size:14px}.g-actions:not(:has(.g-sell)) .fight__txt>span{display:inline}}