@font-face{font-family:Cinzel;font-style:normal;font-weight:400 900;font-display:swap;src:url(/assets/fonts/cinzel.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/inter.woff2)format("woff2")}@font-face{font-family:Crimson Pro;font-style:normal;font-weight:300 600;font-display:swap;src:url(/assets/fonts/crimson-pro.woff2)format("woff2")}@font-face{font-family:Crimson Pro;font-style:italic;font-weight:300 400;font-display:swap;src:url(/assets/fonts/crimson-pro-italic.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090c11;--bg2:#0d121a;--surface:#131b26;--surface2:#1a2533;--border:#253244;--border2:#3a4b61;--text:#f0e8d8;--text2:#cfc7b6;--muted:#8f9bab;--faint:#5e6a79;--accent:#2a8a96;--accent2:#5ccad3;--accent-bg:#5ccad31f;--gold:#d8b26a;--gold2:#f3da9c;--gold3:#a67c37;--ember:#f26a3d;--success:#62c27f;--danger:#e5605a;--potion:#5ccad3;--potion-glow:#5ccad32e;--potion-dark:#174a52;--monarque:#82aeea;--monarque-bg:#82aeea26;--general:#eea45c;--general-bg:#eea45c26;--primordiale:#a9c867;--primordiale-bg:#a9c86726;--sorcier:#bb97ea;--sorcier-bg:#bb97ea26;--brute:#e17766;--brute-bg:#e1776626;--rang-or:#f0c64e;--rang-or-bg:#f0c64e26;--rang-cristal:#c9b2ff;--rang-cristal-bg:#c9b2ff29;--rang-cristal-iris:linear-gradient(100deg, #f4eeff 0%, #c9b2ff 22%, #9fe8ff 42%, #fff 52%, #ffd8f4 66%, #b49cf0 84%, #f4eeff 100%);--rang-bronze:#c47a3c;--rang-bronze-bg:#c47a3c29;--rang-argent:#a9c4e2;--rang-argent-bg:#a9c4e224;--line:#d8b26a42;--line2:#f0ce8c99;--panel-bg:linear-gradient(180deg, #192330f2, #0d121af5);--panel-edge:linear-gradient(180deg, #f0ce8c8c, #be965029 28%, #be96501a 72%, #f0ce8c4d);--metal-gold:linear-gradient(180deg, #f8e6ae 0%, #e6c073 36%, #c99744 72%, #a97a30 100%);--shadow-1:0 10px 24px -14px #000000e6;--shadow-2:0 24px 48px -24px #000000f0;--r-sm:6px;--r-md:10px;--r-lg:14px;--row-bg:linear-gradient(180deg, #18212eeb, #0c1119f0);--modal-bg:linear-gradient(180deg, #182333, #0a0f16);--modal-shadow:0 32px 80px -24px #000000f2, inset 0 1px 0 #fff0d20f;--scrim:#040609c7;--parchment-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.30'/></svg>");--orn-tl:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform=''%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='%23e2b45a'/%3E%3Cstop offset='1' stop-color='%239c6c22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 37V12Q3 3 12 3h25' stroke-width='1.6'/%3E%3Cpath d='M8 27v-11q0-8 8-8h11' stroke-width='1' opacity='.7'/%3E%3Cpath d='M3 18q6 0 7.5-5.5M18 3q0 6-5.5 7.5' stroke-width='1.2'/%3E%3Cpath d='M37 3q-3 3.5-7 3.5M3 37q3.5-3 3.5-7' stroke-width='1.1' opacity='.8'/%3E%3C/g%3E%3Cpath d='M12.5 7.5l5 5-5 5-5-5z' fill='url(%23g)' stroke='%234a3010' stroke-width='.7'/%3E%3Ccircle cx='12.5' cy='12.5' r='1.4' fill='%23fff8de'/%3E%3C/g%3E%3C/svg%3E");--orn-tr:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(40 0) scale(-1 1)'%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='%23e2b45a'/%3E%3Cstop offset='1' stop-color='%239c6c22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 37V12Q3 3 12 3h25' stroke-width='1.6'/%3E%3Cpath d='M8 27v-11q0-8 8-8h11' stroke-width='1' opacity='.7'/%3E%3Cpath d='M3 18q6 0 7.5-5.5M18 3q0 6-5.5 7.5' stroke-width='1.2'/%3E%3Cpath d='M37 3q-3 3.5-7 3.5M3 37q3.5-3 3.5-7' stroke-width='1.1' opacity='.8'/%3E%3C/g%3E%3Cpath d='M12.5 7.5l5 5-5 5-5-5z' fill='url(%23g)' stroke='%234a3010' stroke-width='.7'/%3E%3Ccircle cx='12.5' cy='12.5' r='1.4' fill='%23fff8de'/%3E%3C/g%3E%3C/svg%3E");--orn-bl:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(0 40) scale(1 -1)'%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='%23e2b45a'/%3E%3Cstop offset='1' stop-color='%239c6c22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 37V12Q3 3 12 3h25' stroke-width='1.6'/%3E%3Cpath d='M8 27v-11q0-8 8-8h11' stroke-width='1' opacity='.7'/%3E%3Cpath d='M3 18q6 0 7.5-5.5M18 3q0 6-5.5 7.5' stroke-width='1.2'/%3E%3Cpath d='M37 3q-3 3.5-7 3.5M3 37q3.5-3 3.5-7' stroke-width='1.1' opacity='.8'/%3E%3C/g%3E%3Cpath d='M12.5 7.5l5 5-5 5-5-5z' fill='url(%23g)' stroke='%234a3010' stroke-width='.7'/%3E%3Ccircle cx='12.5' cy='12.5' r='1.4' fill='%23fff8de'/%3E%3C/g%3E%3C/svg%3E");--orn-br:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg transform='translate(40 40) scale(-1 -1)'%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='%23e2b45a'/%3E%3Cstop offset='1' stop-color='%239c6c22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 37V12Q3 3 12 3h25' stroke-width='1.6'/%3E%3Cpath d='M8 27v-11q0-8 8-8h11' stroke-width='1' opacity='.7'/%3E%3Cpath d='M3 18q6 0 7.5-5.5M18 3q0 6-5.5 7.5' stroke-width='1.2'/%3E%3Cpath d='M37 3q-3 3.5-7 3.5M3 37q3.5-3 3.5-7' stroke-width='1.1' opacity='.8'/%3E%3C/g%3E%3Cpath d='M12.5 7.5l5 5-5 5-5-5z' fill='url(%23g)' stroke='%234a3010' stroke-width='.7'/%3E%3Ccircle cx='12.5' cy='12.5' r='1.4' fill='%23fff8de'/%3E%3C/g%3E%3C/svg%3E");--orn-flourish:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16'%3E%3Cdefs%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='200' y2='0'%3E%3Cstop offset='0' stop-color='%23c9973c' stop-opacity='0'/%3E%3Cstop offset='.3' stop-color='%23e8c271'/%3E%3Cstop offset='.5' stop-color='%23fff1c4'/%3E%3Cstop offset='.7' stop-color='%23e8c271'/%3E%3Cstop offset='1' stop-color='%23c9973c' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff1c4'/%3E%3Cstop offset='1' stop-color='%23a8701f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 8H84M116 8H196' stroke='url(%23f)' stroke-width='1.2'/%3E%3Cg fill='none' stroke='%23e2b45a' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M84 8q4-6 9-3.5M116 8q-4-6-9-3.5M84 8q4 6 9 3.5M116 8q-4 6-9 3.5'/%3E%3C/g%3E%3Cpath d='M100 1.5l6.5 6.5-6.5 6.5-6.5-6.5z' fill='url(%23d)' stroke='%234a3010' stroke-width='.8'/%3E%3Ccircle cx='100' cy='8' r='1.8' fill='%23fff8de'/%3E%3C/svg%3E");--orn-sz:30px;--orn-in:3px;--orn-frame:var(--orn-tl) left var(--orn-in) top var(--orn-in)/var(--orn-sz) var(--orn-sz) no-repeat, var(--orn-tr) right var(--orn-in) top var(--orn-in)/var(--orn-sz) var(--orn-sz) no-repeat, var(--orn-bl) left var(--orn-in) bottom var(--orn-in)/var(--orn-sz) var(--orn-sz) no-repeat, var(--orn-br) right var(--orn-in) bottom var(--orn-in)/var(--orn-sz) var(--orn-sz) no-repeat;--pc-w-fill:#f3e9d2;--pc-w-line:#2a1c10;--pc-b-fill:#221c33;--pc-b-line:#ecd9a6;--f-display:"Cinzel", serif;--f-lore:"Crimson Pro", Georgia, serif;--f-title:"Cinzel", serif;--f-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--chrome-h:0px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--page-top:calc(var(--safe-t) + 16px);--menu-top:calc(var(--safe-t) + 48px);--tabbar-h:64px;--page-bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:auto}html,body{min-height:100%;color:var(--text);font-family:var(--f-ui);overflow-x:hidden}body{background-color:var(--bg);background-image:var(--parchment-noise), radial-gradient(ellipse 120% 60% at 50% -12%, #d8b26a1f, transparent 62%), radial-gradient(ellipse 90% 50% at 50% 112%, #3c608c24, transparent 62%);background-blend-mode:overlay, normal, normal;background-size:180px 180px,100% 100%,100% 100%;background-attachment:fixed}::selection{color:#fff;background:#d8b26a73}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--gold3)}.page{display:none}.page.active{animation:.32s both pageFadeIn;display:block}#page-combat.active,#page-game.active{animation:.4s both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cinzel{font-family:var(--f-title)}.glow-text{background:linear-gradient(#fff3cf 0%,#ecca82 52%,#b98b3d 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 3px #000000bf);-webkit-background-clip:text;background-clip:text}button,.btn,.nav-arrow,.jouer-btn,.chest-card,.army-card,.adv-card,a,[role=button]{outline:none}@media (pointer:coarse){input,select,textarea{font-size:max(16px,1em)!important}}button,.gc{touch-action:manipulation}.btn{border-radius:var(--r-md);min-height:44px;font-family:var(--f-ui);letter-spacing:.01em;cursor:pointer;text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14.5px;font-weight:650;line-height:1.15;transition:transform .12s,filter .16s,color .16s,box-shadow .16s;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary,.btn-gold{color:#241706;background:var(--metal-gold);text-shadow:0 1px #fff0c873;border-color:#6d4e1b;font-weight:750;box-shadow:inset 0 1px #fffceccc,inset 0 -2px #6e4a1466,0 8px 20px -10px #000000f2,0 0 0 1px #00000059}.btn-primary:hover:not(:disabled),.btn-gold:hover:not(:disabled){filter:brightness(1.07)}.btn-ghost{color:var(--text);background:linear-gradient(#212e3ef5,#111822f5) padding-box padding-box,linear-gradient(#f0ce8c8c,#aa823e33) border-box;box-shadow:inset 0 1px #fff0d212,0 6px 14px -8px #000000e6}.btn-ghost:hover:not(:disabled){color:var(--gold2);background:linear-gradient(#283749f5,#141c28f5) padding-box padding-box,linear-gradient(#f8dea0d9,#be965059) border-box}.btn-text{color:var(--gold2);border-radius:var(--r-md);background:0 0;border:none;align-items:center;gap:5px;min-height:44px;padding:0 12px;font-weight:600;display:inline-flex}.btn-text svg{opacity:.8;width:15px;height:15px}.btn-text:hover{color:#fff3cf;background:#d8b26a14}.btn-danger{color:#ff9d8f;background:linear-gradient(#4a1818e6,#280d0feb) padding-box padding-box,linear-gradient(#f4786899,#96342e47) border-box;box-shadow:inset 0 1px #ffc8be0f,0 6px 14px -8px #000000e6}.btn-danger:hover:not(:disabled){color:#ffc0b5;filter:brightness(1.12)}.btn:disabled{opacity:.38;cursor:not-allowed;filter:saturate(.4);transform:none!important}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.ec-sec,.acc-sec-title,.rs-sec-title,.rw-sec-title,.psheet-sec-title,.pf-sec-title{font-family:var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:#cdab6a;align-items:center;gap:10px;font-size:11px;font-weight:700;line-height:1.2;display:flex}.ec-sec:before,.acc-sec-title:before,.rs-sec-title:before,.rw-sec-title:before,.psheet-sec-title:before,.pf-sec-title:before{content:"";background:linear-gradient(135deg,#f6e0a0,#a47a33);flex:none;width:6px;height:6px;transform:rotate(45deg);box-shadow:0 0 6px #f0c87873}.ec-sec:after,.acc-sec-title:after,.rs-sec-title:after,.rw-sec-title:after,.psheet-sec-title:after,.pf-sec-title:after{content:"";background:linear-gradient(90deg,#d8b26a73,#d8b26a00);flex:1;height:1px}.ec-sec{margin:22px 0 12px}.ec-page-title,.shop-title,.var-title,.rs-title,.voie-title,.armies-title,.adv-page-title{font-family:var(--f-title);letter-spacing:.03em;background:linear-gradient(#fff3cf 0%,#ecca82 52%,#b98b3d 100%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 2px 3px #000000bf);-webkit-background-clip:text;background-clip:text;font-size:clamp(24px,6.2vw,32px);font-weight:700;line-height:1.15}.ec-page-title:after,.shop-title:after,.var-title:after,.rs-title:after,.voie-title:after,.armies-title:after,.adv-page-title:after{content:"";background:var(--orn-flourish) left center/100% 100% no-repeat;-webkit-text-fill-color:initial;width:min(230px,100%);height:16px;margin-top:4px;display:block}@keyframes nIn{0%{opacity:0;transform:translate(-50%,-50px)}to{opacity:1;transform:translate(-50%)}}.vial{width:40px;height:56px;margin:0 auto;display:block;position:relative}.vial:before{content:"";border:3px solid var(--gold2);border-bottom:none;border-radius:3px 3px 0 0;width:12px;height:20px;margin-left:-6px;position:absolute;top:0;left:50%}.vial:after{content:"";border:3px solid var(--gold2);background:linear-gradient(180deg, transparent 0 45%, var(--potion) 45%);border-top:none;border-radius:2px 2px 18px 18px;width:36px;height:34px;margin-left:-18px;position:absolute;bottom:0;left:50%;overflow:hidden}.vial-bubble{background:var(--potion-glow);border-radius:50%;width:4px;height:4px;margin-left:-2px;animation:2.6s ease-in infinite vialBubble;position:absolute;bottom:8px;left:50%}.vial-lg{width:64px;height:90px}.vial-lg:before{border-width:4px;width:18px;height:30px;margin-left:-9px}.vial-lg:after{border-width:4px;width:58px;height:56px;margin-left:-29px}.vial-missions:before,.vial-missions:after{border-color:var(--accent2)}.vial-missions:after{background:linear-gradient(180deg, transparent 0 45%, var(--accent2) 45%)}.vial-variantes:before,.vial-variantes:after{border-color:var(--danger)}.vial-variantes:after{background:linear-gradient(180deg, transparent 0 45%, var(--danger) 45%)}@keyframes vialBubble{0%{opacity:.9;transform:translateY(0)}90%{opacity:.5}to{opacity:0;transform:translateY(-30px)}}#settings-btn{display:none}body.main-menu #settings-btn{top:calc(var(--safe-t) + 10px);z-index:8000;cursor:pointer;width:44px;height:44px;color:var(--gold2);background:radial-gradient(circle at 34% 27%,#cde4ff6b,#cde4ff00 34%) padding-box padding-box,radial-gradient(circle at 50% 58%,#22477a 0%,#122a4a 46%,#081427 78%,#040a14 100%) padding-box padding-box,conic-gradient(from 200deg,#fff1c4,#d8a84c 14%,#6b4714 28%,#c99744 42%,#fff1c4 54%,#b8862f 68%,#5c3c10 82%,#e6c073 92%,#fff1c4) border-box;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .16s,box-shadow .18s,transform .12s;display:flex;position:fixed;right:12px;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #0009,inset 0 -3px 6px #0009,inset 0 2px 3px #96beff2e,0 6px 16px -5px #000000d9,0 0 14px -4px #f0c87859}body.main-menu #settings-btn:after{content:"";pointer-events:none;border:1px solid #f0ce8c61;border-radius:50%;position:absolute;inset:1px}#settings-btn svg{filter:drop-shadow(0 1px #000c)drop-shadow(0 0 4px #f0c87859);width:20px;height:20px;transition:transform .45s cubic-bezier(.3,.8,.35,1);position:relative}#settings-btn:hover{color:#fff1c4;box-shadow:0 0 0 1px #000000b3,inset 0 0 0 1px #0009,inset 0 -3px 6px #0000008c,inset 0 2px 3px #96beff47,0 6px 18px -5px #000000d9,0 0 18px -3px #f0c8788c}#settings-btn:active{transform:scale(.95)}#settings-btn:hover svg{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){#settings-btn:hover svg{transform:none}}#settings-panel{top:calc(var(--chrome-h) + var(--safe-t) + 62px);z-index:7999;--orn-sz:26px;background:var(--orn-frame), var(--modal-bg) padding-box, var(--panel-edge) border-box;box-shadow:var(--modal-shadow), 0 0 0 1px #0000008c;border-radius:var(--r-lg);border:1px solid #0000;min-width:250px;padding:14px 20px 20px;animation:.18s settingsPanelIn;display:none;position:fixed;right:12px}#settings-panel:before{content:"Réglages";content:"Réglages"/"";text-align:center;font:700 18px/1 var(--f-title);letter-spacing:.1em;color:var(--gold2);text-shadow:0 1px #000000e6,0 0 12px #f0c87840;background:var(--orn-flourish) center bottom/150px 12px no-repeat;margin:0 0 12px;padding:6px 0 18px;display:block}#settings-panel.open{box-shadow:var(--modal-shadow), 0 0 0 1px #0000008c, 0 0 0 100vmax #0305088c;display:block}.sp-close{z-index:1;border:1px solid var(--border2);width:40px;height:40px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:7px;right:7px}.sp-close:hover{color:var(--gold2);border-color:var(--gold3)}.sp-close svg{width:15px;height:15px}body:not(.main-menu) #settings-panel{display:none}@keyframes settingsPanelIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){#settings-panel{animation:none}}.sp-row{font-family:var(--f-ui);color:var(--text);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;display:flex}.sp-row:last-child{margin-bottom:0}.sp-label{font-size:11px;font-weight:650;font-family:var(--f-ui);color:var(--text2);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.sp-switch{cursor:pointer;background:0 0;border:none;border-radius:99px;flex:none;width:56px;height:36px;padding:0;position:relative}.sp-switch:before{content:"";background:linear-gradient(#03060a,#101823) padding-box padding-box,linear-gradient(#f0d48c,#8a6324 45%,#5a3d12 60%,#c99744) border-box;border:1.5px solid #0000;border-radius:99px;position:absolute;inset:5px 0;box-shadow:inset 0 2px 5px #000000e6,0 1px #fff0c814}.sp-switch .sp-knob{z-index:1;background:radial-gradient(circle at 38% 32%,#e6e9ee 0 14%,#8a929d 46%,#3d434b 100%);border-radius:50%;width:20px;height:20px;margin-top:-10px;transition:transform .2s cubic-bezier(.3,.8,.4,1);position:absolute;top:50%;left:5px;box-shadow:0 0 0 1.5px #6b5a3a,0 2px 4px #000c}.sp-switch[aria-checked=true]:before{background:linear-gradient(#78480e8c,#2e1c08e6) padding-box padding-box,linear-gradient(#fff1c4,#c99744 45%,#7a5418 62%,#e6c073) border-box}.sp-switch[aria-checked=true] .sp-knob{background:radial-gradient(circle at 38% 32%,#fff8e0 0 12%,#ffd27a 30%,#e08a24 60%,#7a3a06 100%);transform:translate(26px);box-shadow:0 0 0 1.5px #f3da9c,0 0 0 2.5px #3c2408e6,0 0 12px 1px #ffb45099}.sp-switch:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sp-switch .sp-knob{transition:none}}.sp-slider{appearance:none;--v:0%;box-sizing:border-box;cursor:pointer;background:0 0;outline:none;width:110px;height:36px;margin:0;padding:0}.sp-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, #8a6324, #e6c073 calc(var(--v) - 2%), #fff1c4 var(--v), transparent var(--v)), linear-gradient(180deg, #02050a, #111a26);border:1px solid #d8b26a73;border-radius:99px;height:8px;box-shadow:inset 0 1px 3px #000000e6,0 1px #fff0c80f}.sp-slider::-moz-range-track{background:linear-gradient(#02050a,#111a26);border:1px solid #d8b26a73;border-radius:99px;height:8px}.sp-slider::-moz-range-progress{background:linear-gradient(90deg,#8a6324,#e6c073,#fff1c4);border-radius:99px;height:8px}.sp-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:radial-gradient(circle at 38% 32%,#fff8e0 0 12%,#ffd27a 30%,#e08a24 60%,#7a3a06 100%);border-radius:50%;width:20px;height:20px;margin-top:-7px;box-shadow:0 0 0 1.5px #f3da9c,0 0 0 2.5px #3c2408f2,0 2px 5px #000c}.sp-slider::-moz-range-thumb{cursor:pointer;background:radial-gradient(circle at 38% 32%,#fff8e0 0 12%,#ffd27a 30%,#e08a24 60%,#7a3a06 100%);border:1.5px solid #f3da9c;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #3c2408f2,0 2px 5px #000c}.sp-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1.5px #f3da9c,0 0 0 4px #f0ce8c73}@keyframes sfxShake{0%,to{transform:translate(0,0)}20%{transform:translate(-2px,1px)}45%{transform:translate(2px,-1px)}70%{transform:translate(-1px)}}@keyframes sfxShakeHard{0%,to{transform:translate(0,0)}12%{transform:translate(-4px,2px)}28%{transform:translate(4px,-2px)}44%{transform:translate(-3px,-1px)}62%{transform:translate(3px,1px)}80%{transform:translate(-1px)}}.sfx-shake{animation:.18s cubic-bezier(.36,.07,.19,.97) both sfxShake}.sfx-shake-hard{animation:.26s cubic-bezier(.36,.07,.19,.97) both sfxShakeHard}@media (prefers-reduced-motion:reduce){.sfx-shake,.sfx-shake-hard{animation:none}}.mp-hdr-title{font-family:var(--f-title);margin-bottom:6px;font-size:18px;font-weight:900}.mp-hdr-sub{color:var(--muted);margin-bottom:16px;font-size:13px}.mp-wait-title{font-family:var(--f-ui);letter-spacing:.5px;margin-bottom:12px;font-size:15px;font-weight:700}.mp-lbl{color:var(--muted);font-size:11px;font-family:var(--f-ui);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.mp-code{font-family:var(--f-ui);letter-spacing:8px;color:var(--gold);background:var(--bg);border:2px solid var(--border2);-webkit-user-select:all;user-select:all;border-radius:12px;margin-bottom:12px;padding:14px 10px;font-size:38px;font-weight:900}.mp-code-input{box-sizing:border-box;width:100%;font-family:var(--f-ui);letter-spacing:6px;text-align:center;text-transform:uppercase;color:var(--gold);background:var(--bg);border:2px solid var(--border2);border-radius:12px;outline:none;margin-bottom:12px;padding:12px 10px;font-size:26px;font-weight:900}.mp-code-input:focus{border-color:var(--gold)}.mp-status{color:var(--muted);min-height:18px;margin-top:12px;font-size:12px;line-height:1.5}.mp-status.mp-err{color:var(--danger)}.mp-status.mp-ok{color:var(--success)}.mp-status.mp-wait:after{content:"";text-align:left;width:10px;animation:1.2s steps(4,end) infinite mpDots;display:inline-block}@keyframes mpDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.pc-svg{width:100%;height:100%;display:block;overflow:visible}.pc-svg .b{fill:var(--pc-fill);stroke:var(--pc-line);stroke-width:3.2px;stroke-linejoin:round;stroke-linecap:round}.pc-svg .g{fill:var(--pc-gold);stroke:var(--pc-line);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.pc-svg .e{fill:var(--pc-gem);stroke:var(--pc-line);stroke-width:1.6px}.pc-svg .s{fill:var(--pc-shade);stroke:none}.pc-svg .h{fill:var(--pc-hi);stroke:none}.pc-svg .l{fill:none;stroke:var(--pc-line);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.pc-svg .t{fill:none;stroke:var(--pc-line);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.8}.pc-svg .k{fill:var(--pc-line)}.pc-svg .v{fill:var(--pc-void)}.pc-w,.pc-n{--pc-fill:url(#pcg-w) var(--pc-w-fill);--pc-line:var(--pc-w-line);--pc-gold:url(#pcg-gold) #e2b453;--pc-gem:url(#pcg-gem-w) #3c8be0;--pc-shade:#603e1633;--pc-hi:#ffffffc7;--pc-void:#24170c}.pc-b{--pc-fill:url(#pcg-b) var(--pc-b-fill);--pc-line:var(--pc-b-line);--pc-gold:url(#pcg-gold-b) #c9973c;--pc-gem:url(#pcg-gem-b) #d0283c;--pc-shade:#0000006b;--pc-hi:#cec0ff4d;--pc-void:#040307}.pc-icon{vertical-align:middle;flex-shrink:0;width:1.5em;height:1.5em;display:inline-block}.pc-icon .pc-svg{width:100%;height:100%}.pmv-wrap{--pmv-cell:15px;flex-direction:column;align-items:center;gap:9px;max-width:100%;display:flex}.pmv-sm{--pmv-cell:11px;gap:6px}.pmv-lg{--pmv-cell:clamp(13px, 1.9vh, 20px)}.pmv{flex-direction:column;align-items:center;gap:3px;display:flex}.pmv-grid{grid-template-columns:repeat(9, var(--pmv-cell));grid-auto-rows:var(--pmv-cell);--pmv-bevel:linear-gradient(#ffe2ac26 1px, transparent 1px), linear-gradient(90deg, #ffe2ac1a 1px, transparent 1px), linear-gradient(0deg, #0e060052 1px, transparent 1px), linear-gradient(270deg, #0e06003d 1px, transparent 1px);border:1px solid #c99a429e;border-radius:5px;display:grid;overflow:hidden;box-shadow:0 0 0 1px #0c0602b3,0 2px 10px #00000059}.pmv-c{justify-content:center;align-items:center;display:flex;position:relative}.pmv-light{background:var(--pmv-bevel), linear-gradient(135deg, #663f22, #53331b)}.pmv-dark{background:var(--pmv-bevel), linear-gradient(135deg, #3c2411, #2e1b0c)}.pmv-c.pmv-on{box-shadow:inset 0 0 0 99px color-mix(in srgb, currentColor 30%, transparent)}.pmv-i{fill:currentColor;width:76%;height:76%;display:block}.pmv-piece{filter:drop-shadow(0 1px 2px #0000008c);width:100%;height:100%;display:block}.pmv-piece .pc-svg{width:100%;height:100%}.pmv-walk{color:#e9e2d2}.pmv-fly{color:var(--gold2)}.pmv-kill{color:var(--danger)}.pmv-peace{color:#6fa8dc}.pmv-bar{stroke:currentColor}.pmv-fwd{font-family:var(--f-ui);letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:9.5px}.pmv-legend{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.pmv-l{font-size:10.5px;line-height:1.3;font-family:var(--f-ui);align-items:center;gap:7px;display:flex}.pmv-l .pmv-i{flex-shrink:0;width:14px;height:14px}.pmv-l-txt{color:var(--muted)}.ac-nostock{font-family:var(--f-ui);color:var(--danger);background:#d4453f17;border:1px solid #d4453f40;border-radius:8px;margin-top:10px;padding:6px 9px;font-size:10.5px;line-height:1.4}.army-card.army-card-nostock{opacity:.78}.army-card.army-card-nostock:before{background:var(--danger)}.proto-note{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:30px 0 8px;padding-top:18px;font-size:12.5px;font-style:italic;line-height:1.6}.notif-host{left:50%;top:calc(var(--safe-t) + 12px);z-index:11000;pointer-events:none;flex-direction:column;align-items:stretch;gap:8px;width:min(440px,100vw - 24px);display:flex;position:fixed;translate:-50%}.notif{--notif-c:var(--danger);--notif-glow:#ff5c4866;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(ellipse 60% 140% at 0% 50%, var(--notif-glow), transparent 70%) padding-box, linear-gradient(180deg, #1a2536f7, #090d14fa) padding-box, linear-gradient(180deg, #ffecbed9, #b8862fbf 45%, #5c3c10d9) border-box;box-shadow:0 18px 40px -14px #000000f2, 0 0 26px -10px var(--notif-glow), inset 0 1px 0 #fff0d21f;color:var(--text);font-family:var(--f-ui);transform-origin:50% 0;border:1.5px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:11px 16px 13px 11px;font-size:14px;font-weight:600;line-height:1.4;transition:translate .18s;animation:.62s cubic-bezier(.2,1.25,.35,1) both notifIn;display:flex;position:relative;overflow:hidden}.notif:before{content:"";background:var(--sheen,linear-gradient(105deg, transparent 30%, #fff6d666 50%, transparent 70%));pointer-events:none;animation:1.1s ease-out .28s both notifSheen;position:absolute;inset:0;transform:translate(-120%)}.notif-ico{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--notif-c) 70%, #fff), var(--notif-c) 60%, color-mix(in srgb, var(--notif-c) 60%, #000));width:30px;height:30px;box-shadow:0 0 0 1.5px #0a0e14e6, 0 0 0 3px color-mix(in srgb, var(--notif-c) 55%, transparent), 0 0 16px -2px var(--notif-glow);border-radius:50%;flex:none;place-items:center;animation:.7s cubic-bezier(.3,1.6,.5,1) .18s both notifIco;display:grid;position:relative}.notif-ico:before{content:"!";font:900 17px/1 var(--f-title,serif);color:#fff;text-shadow:0 1px 1px #0009}.notif-ico:after{content:"";border:2px solid var(--notif-c);opacity:0;border-radius:50%;animation:1s ease-out .4s notifRing;position:absolute;inset:0}.notif-txt{text-shadow:0 1px 1px #0009;flex:auto;min-width:0;position:relative}.notif-bar{background:linear-gradient(90deg, transparent, var(--notif-c), transparent);opacity:.8;transform-origin:50%;height:2px;animation:notifBar var(--notif-ms,4.2s) linear forwards;border-radius:2px;position:absolute;bottom:4px;left:14px;right:14px}.notif-err .notif-txt{animation:.42s .42s notifShake}.notif-ok{--notif-c:var(--success);--notif-glow:#5ac87859}.notif-ok .notif-ico:before{content:"✓";font:900 16px/1 var(--f-ui)}.notif-info{--notif-c:var(--gold);--notif-glow:#f0c87859}.notif-info .notif-ico:before{content:"i";font-style:italic}.notif-out{pointer-events:none;animation:.3s cubic-bezier(.5,0,.75,0) forwards notifOut}.notif-pop{animation:.36s notifPop}@keyframes notifIn{0%{opacity:0;transform:translateY(-130%)scale(.86,.7)}55%{opacity:1;transform:translateY(8%)scale(1.02,1.04)}78%{transform:translateY(-2%)scale(.995,.99)}to{opacity:1;transform:none}}@keyframes notifOut{to{opacity:0;transform:translateY(-120%)scale(.92)}}@keyframes notifPop{0%,to{transform:none}45%{transform:scale(1.04)}}@keyframes notifSheen{to{transform:translate(120%)}}@keyframes notifIco{0%{transform:scale(0)rotate(-90deg)}to{transform:none}}@keyframes notifRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes notifBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes notifShake{0%,to{transform:none}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}@media (max-width:640px){.notif{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.notif,.notif:before,.notif-ico,.notif-ico:after,.notif-err .notif-txt{animation:none}.notif-out{animation:.2s forwards notifFade}@keyframes notifFade{to{opacity:0}}}.emblem{width:100%;height:100%;display:block}.emblem .em-ring{fill:none;stroke:var(--gold);stroke-width:3px}.emblem .em-ring-in{fill:none;stroke:var(--gold);stroke-width:1.2px;opacity:.5}.emblem .em-ticks{fill:none;stroke:var(--gold);stroke-width:2.4px;stroke-dasharray:1 8.24;opacity:.45}.emblem .em-liquid{fill:var(--accent2);opacity:.92}.emblem .em-surface{fill:none;stroke:#8ff0dc;stroke-width:1.1px;opacity:.5;stroke-linecap:round}.emblem .em-piece,.emblem .em-gem,.emblem .em-stud{fill:var(--gold2)}.game-emblem{display:block}.login-emblem{width:78px;height:78px;margin:0 auto 10px}.emblem .em-bubble{fill:#eafffb;opacity:0;animation:3.4s ease-in infinite emBubble}.emblem .em-bubble2{animation-delay:1.5s}@keyframes emBubble{0%{opacity:0;transform:translateY(0)}18%{opacity:.6}to{opacity:0;transform:translateY(-14px)}}.ac-btns .btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.ac-btns .btn svg,.ac-name-edit-btn svg{display:block}.tuto-progress{font-family:var(--f-ui);letter-spacing:1px;color:var(--muted);background:var(--bg);border:1px solid var(--border);vertical-align:1px;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:9.5px;font-weight:700}.tuto-progress:empty{display:none}.rarity-common,.rarity-rare,.rarity-epic{--rarity:var(--rang-argent)}.rarity-legendary{--rarity:var(--rang-bronze)}.rarity-champion{--rarity:var(--rang-or)}.piece-card{aspect-ratio:2/3;border-radius:var(--r-md);background:linear-gradient(180deg, #1a2434, #0d131c) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--rarity) 22%, #fff3cf) 0%, color-mix(in srgb, var(--rarity) 30%, #c99744) 26%, color-mix(in srgb, var(--rarity) 34%, #5a3d14) 52%, color-mix(in srgb, var(--rarity) 28%, #b98b3d) 78%, color-mix(in srgb, var(--rarity) 22%, #f8e6ae) 100%) border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:2px solid #0000;flex-direction:column;transition:transform .16s,box-shadow .2s,filter .2s;display:flex;position:relative;overflow:visible;box-shadow:0 10px 18px -10px #000000f2,0 0 0 1px #0009;container-type:inline-size}:where(.piece-card){--rarity:var(--muted)}.piece-card:hover{box-shadow:0 16px 26px -12px #000000f2, 0 0 0 1px #00000080, 0 0 18px -4px color-mix(in srgb, var(--rarity) 55%, transparent);transform:translateY(-3px)}.piece-card:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.piece-card:after{content:"";z-index:3;pointer-events:none;border-radius:calc(var(--r-md) - 2px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rarity) 75%, transparent), inset 0 0 0 2px #0000008c, inset 0 0 14px -4px color-mix(in srgb, var(--rarity) 55%, transparent);position:absolute;inset:0}.piece-card-art{border-radius:calc(var(--r-md) - 2px) calc(var(--r-md) - 2px) 0 0;background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--rarity) 28%, transparent) 0%, transparent 72%);flex:0 0 78%;justify-content:center;align-items:center;width:100%;height:78%;min-height:0;font-size:0;line-height:0;display:flex;position:relative;overflow:hidden}.piece-card-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080b10cc);height:28%;position:absolute;bottom:0;left:0;right:0}.piece-card-img{object-fit:cover;width:100%;height:100%;display:block}.piece-card-img+.piece-card-svg{display:none}.piece-card-svg{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:16% 12% 8%;display:flex}.piece-card-svg .pc-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.piece-card-svg .pc-svg{width:100%;height:100%;max-height:100%}.piece-card-name{text-align:center;border-radius:0 0 calc(var(--r-md) - 2px) calc(var(--r-md) - 2px);background:linear-gradient(90deg, transparent 8%, #e2b45a4d 50%, transparent 92%) center 3px/100% 1px no-repeat, radial-gradient(ellipse 80% 90% at 50% 0, color-mix(in srgb, var(--rarity) 14%, transparent), transparent 70%), linear-gradient(180deg, #151e2b, #080c12);border-top:1px solid color-mix(in srgb, var(--rarity) 50%, #e2b45a);color:#f6eedc;text-shadow:0 1px 1px #000000e6;width:100%;min-height:0;font-family:var(--f-ui);letter-spacing:.015em;font-size:clamp(8.5px,2.6vw,12px);font-weight:650;line-height:1.08;flex:auto;justify-content:center;align-items:center;padding:3px 6% 2px;font-size:min(12.5px,13.5cqw);display:flex;position:relative;overflow:visible}.piece-card-name:before{content:"";z-index:2;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--rarity) 35%, #fff), var(--rarity) 55%, color-mix(in srgb, var(--rarity) 55%, #000));width:7px;height:7px;box-shadow:0 0 0 1px #281a08d9, 0 0 7px color-mix(in srgb, var(--rarity) 80%, transparent);border:1px solid #e9c375;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.piece-card-name>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.piece-card-cost{z-index:4;isolation:isolate;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:27px;height:30px;font-family:var(--f-ui);font-variant-numeric:tabular-nums;color:#fff6df;text-shadow:0 1px 2px #000;filter:drop-shadow(0 2px 3px #000000b3);background:linear-gradient(160deg,#fff1c4,#d9a94e 40%,#7a561d 78%,#c99744);justify-content:center;align-items:center;font-size:13px;font-weight:800;line-height:1;display:flex;position:absolute;top:-7px;left:-7px}.piece-card-cost:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(150deg,#a0c8ff38 0 30%,#0000 30%),linear-gradient(210deg,#0000 62%,#00000059 62%),radial-gradient(circle at 40% 30%,#34496a,#0c131e 75%);position:absolute;inset:2px}.piece-card-qty{z-index:4;min-width:20px;height:19px;font-family:var(--f-ui);font-variant-numeric:tabular-nums;color:#f6eedc;background:linear-gradient(#0b1018,#161f2c) padding-box padding-box,linear-gradient(#8a6526,#f0d08a 70%,#b98b3d) border-box;border:1px solid #0000;border-top:0;border-radius:0 0 6px 6px;justify-content:center;align-items:center;padding:1px 6px 0;font-size:10.5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-2px;right:8px;box-shadow:0 3px 6px -2px #000000d9}.piece-card-qty:before{content:"×";color:var(--gold);margin-right:1px;font-size:.85em}.piece-card-qty-out{color:#ffd9d2;background:linear-gradient(#4a0f0b,#7a1a14) padding-box padding-box,linear-gradient(#9a3326,#ff8c78 70%,#b5402f) border-box}@container (width<=115px){.piece-card-qty{height:17px;padding:1px 4px 0;font-size:9.5px;right:5px}.piece-card-name{padding-top:5px}.piece-card-name:before{width:6px;height:6px;top:-4px}}.piece-card-out{opacity:.8}.piece-card-sel .piece-card-img,.piece-card-sel .piece-card-svg{filter:brightness(.42)saturate(.5)}.piece-card-sel .piece-card-art:before{content:"";z-index:3;aspect-ratio:1;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23241706' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center/58% no-repeat, var(--metal-gold);border-radius:50%;width:38%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,0 6px 14px -4px #000000e6,0 0 14px #f0ce8c73}.piece-card-locked{cursor:pointer}.piece-card-locked .piece-card-img,.piece-card-locked .piece-card-svg{filter:grayscale();opacity:.2}.piece-card-locked .piece-card-name{color:var(--muted)}.piece-card-locked{filter:saturate(.35)}.piece-card-locked .piece-card-cost{background:linear-gradient(160deg,#9aa3ad,#5b636d 45%,#2b3138)}.piece-card-lockbadge{filter:none;opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:clamp(26px,8vw,34px);height:clamp(26px,8vw,34px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1a}.piece-card-lockbadge .lock-icon{filter:none;opacity:1;width:clamp(11px,3.4vw,15px);height:clamp(13px,4.1vw,18px)}.piece-card-req{z-index:2;font-family:var(--f-ui);white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--gold2);background:#0a0c0eb8;border:1px solid #c19a4552;border-radius:6px;padding:0 6px;font-size:clamp(8px,2.4vw,10.5px);font-weight:700;line-height:1.5;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.piece-card-actions{z-index:30;border-radius:var(--r-md);background:linear-gradient(180deg, #1b2635, #0e141d) padding-box, var(--panel-edge) border-box;border:1px solid #0000;flex-direction:column;gap:4px;padding:4px;animation:.16s both pieceCardActIn;display:none;position:absolute;top:calc(100% + 6px);left:-4%;right:-4%;box-shadow:0 16px 32px -8px #000000e6}@keyframes pieceCardActIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.piece-card-open{z-index:31;box-shadow:0 16px 26px -12px #000000f2, 0 0 0 1px #00000080, 0 0 18px -4px color-mix(in srgb, var(--rarity) 55%, transparent)}.piece-card-open .piece-card-actions{display:flex}.piece-card-act{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;font-family:var(--f-ui);letter-spacing:.4px;background:#04060a80;border-radius:7px;align-items:center;gap:6px;padding:8px;font-size:clamp(8.5px,2.5vw,11px);font-weight:700;transition:border-color .15s,background .15s;display:flex}.piece-card-act svg{flex:none;width:clamp(10px,3vw,13px);height:clamp(10px,3vw,13px)}.piece-card-act:hover{background:#ffffff0d}.piece-card-use{color:var(--rarity);border-color:color-mix(in srgb, var(--rarity) 45%, transparent)}.piece-card-infos{color:var(--text2)}#cards-container,#ar-cards-container{padding-bottom:110px}.psheet{z-index:9600;--pcls:var(--gold);display:none;position:fixed;inset:0}.psheet.show{display:block}.psheet-scrim{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.2s both psheetFade;position:absolute;inset:0}@keyframes psheetFade{0%{opacity:0}to{opacity:1}}.psheet-panel{background:var(--orn-frame), var(--modal-bg) padding-box, var(--panel-edge) border-box;width:min(560px,100%);max-height:88vh;box-shadow:var(--modal-shadow);padding-bottom:env(safe-area-inset-bottom,0);border:1px solid #0000;border-bottom:0;border-radius:22px 22px 0 0;flex-direction:column;margin:0 auto;transition:transform .22s;animation:.26s cubic-bezier(.22,.61,.36,1) both psheetUp;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes psheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.psheet-grab{background:var(--border2);border-radius:2px;flex:none;width:44px;height:4px;margin:9px auto 0}.psheet-head{flex:none;align-items:center;gap:3.5%;padding:3.5% 5% 3%;display:flex}.psheet-logo{aspect-ratio:2/3;border-radius:var(--r-md);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--rarity,var(--pcls)) 28%, transparent), transparent 72%), linear-gradient(180deg, #1a2434, #0d131c) padding-box, linear-gradient(165deg, color-mix(in srgb, var(--rarity,var(--pcls)) 65%, #fff), color-mix(in srgb, var(--rarity,var(--pcls)) 45%, #000)) border-box;border:1.5px solid #0000;flex:none;justify-content:center;align-items:center;width:clamp(58px,17vw,78px);font-size:0;line-height:0;display:flex;overflow:hidden;box-shadow:0 8px 18px -8px #000000f2}.psheet-logo .piece-card-img{object-fit:cover;width:100%;height:100%}.psheet-logo .piece-card-svg{padding:14% 10%}.psheet-logo>.pc-icon,.psheet-logo>.pc-svg{width:76%;height:76%}.psheet-id{flex:1;min-width:0}.psheet-name{font-family:var(--f-title);letter-spacing:.02em;color:var(--text);font-size:clamp(19px,5.4vw,24px);font-weight:700;line-height:1.15}.psheet-meta{font-family:var(--f-ui);letter-spacing:.5px;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:clamp(9px,2.7vw,11px);display:flex}.psheet-class{color:var(--pcls);background:color-mix(in srgb, var(--pcls) 14%, transparent);border:1px solid color-mix(in srgb, var(--pcls) 35%, transparent);text-transform:uppercase;border-radius:6px;padding:2px 7px}.psheet-val{color:var(--gold);background:#c19a451f;border:1px solid #c19a4552;border-radius:6px;padding:2px 7px}.psheet-stock{color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:2px 7px}.psheet-close{cursor:pointer;border:1px solid var(--border2);width:38px;height:38px;color:var(--muted);background:#04060a73;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.psheet-close svg{width:15px;height:15px}.psheet-close:hover{color:var(--text);border-color:var(--border2)}.psheet-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:5%;min-height:0;padding:0 5% 6%;display:flex;overflow-y:auto}.psheet-sec-title{margin-bottom:10px}.psheet-mvt{border:1px solid var(--line);border-radius:var(--r-lg);background:#04060a80;justify-content:center;padding:4% 3%;display:flex}.psheet-mvt .pmv-wrap{--pmv-cell:clamp(15px, 7vw, 30px);gap:12px}.psheet-empty{color:var(--muted);font-size:13px;font-style:italic}.power-card{background:linear-gradient(135deg, color-mix(in srgb, var(--pw) 15%, transparent), transparent 62%), var(--bg);border:1px solid color-mix(in srgb, var(--pw) 38%, transparent);border-left:4px solid var(--pw);border-radius:14px;align-items:flex-start;gap:4%;padding:4.5% 5%;display:flex;position:relative;overflow:hidden}.power-icon{aspect-ratio:1;width:clamp(38px,12vw,52px);color:var(--pw);background:color-mix(in srgb, var(--pw) 16%, transparent);border:1px solid color-mix(in srgb, var(--pw) 42%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.power-i{width:56%;height:56%;display:block}.power-body{flex:1;min-width:0}.power-name{font-family:var(--f-ui);letter-spacing:.5px;color:var(--pw);font-size:clamp(13px,4vw,16px);font-weight:800;line-height:1.2}.power-text{color:var(--text);opacity:.9;font-size:clamp(12.5px,3.6vw,15px);line-height:1.55;font-family:var(--f-lore);margin-top:4px}.power-card.power-none{border-style:dashed}.power-card.power-none .power-name{color:var(--muted)}:where(button,.btn,[role=button],.nav-tab,summary).is-pressed:not(:disabled){filter:brightness(1.15);scale:.96}@media (prefers-reduced-motion:reduce){:where(button,.btn,[role=button],.nav-tab,summary).is-pressed:not(:disabled){scale:none}}:root{--skin-light:#efe4cc;--skin-dark:#2a2420}.pc-flat.pc-w,.pc-flat.pc-n{--sil-fill:var(--skin-light);--sil-ink:color-mix(in srgb, var(--skin-dark) 75%, #000);--sil-hi:color-mix(in srgb, var(--skin-light) 45%, #fff);--sil-void:var(--sil-ink)}.pc-flat.pc-b{--sil-fill:var(--skin-dark);--sil-ink:color-mix(in srgb, var(--skin-light) 78%, var(--skin-dark));--sil-hi:color-mix(in srgb, var(--skin-dark) 70%, #fff);--sil-void:color-mix(in srgb, var(--skin-dark) 35%, #000)}.pc-flat :is(.sil-edge,.sil-fill) *{stroke-dasharray:none;opacity:1}.pc-flat .sil-edge *{fill:var(--sil-edge);stroke:var(--sil-edge);stroke-width:9px;stroke-linejoin:round;stroke-linecap:round}.pc-flat .sil-fill *{--tone:var(--sil-fill);fill:var(--tone);stroke:var(--tone);stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.pc-flat .sil-fill .s{fill:color-mix(in srgb, var(--sil-fill) 74%, var(--sil-ink));stroke:none}.pc-flat .sil-fill .h{fill:var(--sil-hi);stroke:none}.pc-flat .sil-fill .g{--tone:color-mix(in srgb, var(--sil-fill) 70%, var(--sil-ink))}.pc-flat .sil-fill :is(.e,.k){fill:var(--sil-ink);stroke:none}.pc-flat .sil-fill .v{fill:var(--sil-void);stroke:none}.pc-flat .sil-edge :is(.l,.t){fill:none;stroke-width:9px}.pc-flat .sil-fill .l{fill:none;stroke:var(--sil-ink);stroke-width:3px}.pc-flat .sil-fill .t{display:none}.login-logo{text-align:center;margin-bottom:28px}.login-emblem-img{border-radius:18px;width:78px;height:78px;margin:0 auto 10px;display:block}.login-logo h1{font-family:var(--f-display);background:linear-gradient(#fff3cf,#ecca82 52%,#b98b3d);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #00000059;-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,7vw,48px)}.login-logo p{color:var(--muted);margin-top:6px;font-size:13px;font-style:italic}.rk-name.rk-cristal{background:var(--rang-cristal-iris);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:#0000!important}.rk-name.rk-cristal:is(.pg-hero-rank,.veb-rank-name,.acc-rank,.cine-rank-name){animation:5s linear 2 rkIris}.acc-medal.rk-cristal{background:radial-gradient(circle at 35% 28%,#c9b2ff66,#0d0a1c 72%) padding-box padding-box,conic-gradient(#f4eeff,#c9b2ff,#9fe8ff,#ffd8f4,#b49cf0,#f4eeff) border-box;box-shadow:0 6px 14px -6px #000000e6,0 0 14px -2px #c9b2ffa6,inset 0 1px #ffffff2e}.acc-medal.rk-cristal .acc-medal-letter{color:#f6f1ff;text-shadow:0 0 8px #c9b2ffe6,0 1px 3px #000c}[data-rank=cristal] .pg-hero-halo{filter:hue-rotate(215deg)saturate(1.5)brightness(1.25);opacity:.75}@keyframes rkIris{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.rk-name.rk-cristal{animation:none}}.info-body{padding:0}.info-wrap{width:100%;max-width:640px;margin:0 auto;padding:48px 20px 60px}.info-play{text-align:center;width:100%;padding:13px 20px;font-size:14px;text-decoration:none;display:block}.info-wrap .lore{color:var(--text)}.info-wrap .lore p{color:var(--muted)}.info-back{text-align:center;font-family:var(--f-ui);margin-top:26px;font-size:12px}.info-back a{color:var(--gold2);letter-spacing:.6px;text-decoration:none}.info-back a:hover{color:var(--gold2)}.lore{border-top:1px solid var(--border);color:var(--muted);font-size:15px;line-height:1.68;font-family:var(--f-lore);margin-top:34px;padding-top:26px}.lore p{margin:0 0 12px}.lore strong{color:var(--text);font-weight:600}.lore-h{font-family:var(--f-ui);letter-spacing:0;color:var(--gold);margin:0 0 14px;font-size:14px;font-weight:700}.lore-h:not(:first-child){margin-top:28px}.lore-list{margin:0 0 16px;padding:0;list-style:none}.lore-list li{margin-bottom:7px;padding-left:18px;position:relative}.lore-list li:before{content:"";background:var(--gold);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:0;box-shadow:0 0 6px #f0ce8c80}.lore-faq{border-bottom:1px solid var(--border);padding:2px 0}.lore-faq summary{cursor:pointer;font-family:var(--f-ui);color:var(--text);align-items:center;gap:9px;padding:10px 0;font-size:13px;font-weight:600;list-style:none;transition:color .15s;display:flex}.lore-faq summary::-webkit-details-marker{display:none}.lore-faq summary:hover{color:var(--gold2)}.lore-faq summary:before{content:"";border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);flex-shrink:0;width:5px;height:5px;transition:transform .2s;transform:rotate(-45deg)}.lore-faq[open] summary:before{transform:rotate(45deg)}.lore-faq[open] summary{color:var(--gold2)}.lore-faq p{padding:0 0 12px 14px;font-size:13.5px}@media (prefers-reduced-motion:reduce){.lore-faq summary:before{transition:none}}