@font-face{font-family:Marcellus SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marcellus-sc-latin-400-normal-BVWXGf4k.woff2)format("woff2"),url(/assets/marcellus-sc-latin-400-normal-BE55TSha.woff)format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-normal-BLlBRtDv.woff2)format("woff2"),url(/assets/alegreya-latin-400-normal-BuQWlRPA.woff)format("woff")}@font-face{font-family:Alegreya;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-italic-BXpar-rJ.woff2)format("woff2"),url(/assets/alegreya-latin-400-italic-CJvUQvZT.woff)format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-latin-500-normal-C25lLdV_.woff2)format("woff2"),url(/assets/alegreya-latin-500-normal-B7TqNLeg.woff)format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/alegreya-latin-800-normal-BcufLBxY.woff2)format("woff2"),url(/assets/alegreya-latin-800-normal-C-QiqklE.woff)format("woff")}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/alegreya-latin-900-normal-BUtBFJj0.woff2)format("woff2"),url(/assets/alegreya-latin-900-normal-DhPeLNrY.woff)format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/josefin-sans-latin-600-normal-DXjG1Gv0.woff2)format("woff2"),url(/assets/josefin-sans-latin-600-normal-CcMFZ0n5.woff)format("woff")}@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/josefin-sans-latin-700-normal-dFmzeJn3.woff2)format("woff2"),url(/assets/josefin-sans-latin-700-normal-DDiyraUl.woff)format("woff")}@font-face{font-family:GFS Didot;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gfs-didot-greek-400-normal-DZxOyfIP.woff2)format("woff2"),url(/assets/gfs-didot-greek-400-normal-COn5i8GL.woff)format("woff")}@font-face{font-family:Noto Sans Runic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-runic-runic-400-normal-BZc_rAOQ.woff2)format("woff2"),url(/assets/noto-sans-runic-runic-400-normal-DYBj2eoI.woff)format("woff")}@font-face{font-family:Noto Sans Egyptian Hieroglyphs;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-egyptian-hieroglyphs-egyptian-hieroglyphs-400-normal-BokTPaJH.woff2)format("woff2"),url(/assets/noto-sans-egyptian-hieroglyphs-egyptian-hieroglyphs-400-normal-DRY7XQ7Z.woff)format("woff")}:root{--nuit:#0d0b09;--suie:#16120f;--basalte:#211b16;--cendre:#3a3129;--ivoire:#ede5d3;--parchemin:#a99e8a;--sepia:#6f6557;--or:#c9a04a;--or-clair:#f1d79a;--or-sombre:#7a5a22;--vermillon:#c4432b;--laurier:#8ba35b;--lapis:#2c5aa0;--lapis-clair:#7ea6e6;--marbre:#e9e3d6;--veine:#b8b0a1;--egee:#1d4e89;--egee-nuit:#0f2c4f;--terre-cuite:#b4552d;--bois:#2a1e16;--ecorce:#4a3527;--acier:#7d8890;--acier-clair:#bcc6cc;--givre:#d9eef4;--glacier:#7fb9cf;--braise:#a63a22;--sable:#d8bb82;--gres:#a9814b;--or-egypte:#d4a63a;--faience:#2fa39a;--faience-clair:#7fd1c4;--noir-basalte:#12100e;--m-pierre:linear-gradient(155deg, #8d8274 0%, #6c6358 30%, #9a8f80 52%, #5f574d 74%, #847a6c 100%);--m-bronze:linear-gradient(135deg, #5a3517 0%, #e0a86a 18%, #a8713a 36%, #6b4220 54%, #c98d52 72%, #7a4a22 88%, #e8b47a 100%);--m-electrum:linear-gradient(135deg, #6f6c66 0%, #f5f2e8 18%, #c9c5ba 36%, #85817a 54%, #e6e2d6 72%, #8d8a83 88%, #faf8f0 100%);--m-or:linear-gradient(135deg, #7a5a22 0%, #f6e3a8 16%, #c9a04a 32%, #8a6526 50%, #ecc97c 68%, #9b7330 84%, #f4dfa0 100%);--m-obsidienne:linear-gradient(135deg, #040404 0%, #2b2622 18%, #0b0a09 38%, #1f1b18 58%, #050505 78%, #2a2420 100%);--f-display:"Marcellus SC", "Times New Roman", serif;--f-text:"Alegreya", Georgia, serif;--f-ui:"Josefin Sans", "Futura", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-snap:cubic-bezier(.2, .9, .25, 1.15);--chamfer:polygon(14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px);--chamfer-sm:polygon(9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.g-greek{font-family:GFS Didot,serif}.g-norse{font-family:Noto Sans Runic,sans-serif}.g-egypt{font-family:Noto Sans Egyptian Hieroglyphs,sans-serif}.label{font-family:var(--f-ui);letter-spacing:.28em;text-transform:uppercase;color:var(--or);font-size:11px;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--nuit);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--f-text);color:var(--ivoire);background:radial-gradient(ellipse at 50% 40%, #1a1511, var(--nuit) 70%);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;overflow:hidden}body:after{content:"";pointer-events:none;z-index:1000;background-image:var(--grain);opacity:.08;mix-blend-mode:overlay;position:fixed;inset:0}@media (pointer:coarse){body:after{mix-blend-mode:normal;opacity:.035}}button{font:inherit;color:inherit}img{display:block}:focus-visible{outline:2px solid var(--or-clair);outline-offset:3px}.btn{font-family:var(--f-ui);letter-spacing:.24em;text-transform:uppercase;color:var(--nuit);background:var(--m-or);cursor:pointer;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);transition:filter .2s, transform .15s var(--ease-snap);border:none;padding:14px 24px 12px;font-size:12px;font-weight:600}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.card{--w:196px;--rx:0deg;--ry:0deg;--mx:50%;--my:30%;width:var(--w);aspect-ratio:5/7;font-size:calc(var(--w) / 13.5);transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .14s linear, filter .4s var(--ease-out);filter:drop-shadow(0 16px 20px #0009)drop-shadow(0 2px 3px #0009);flex:none;position:relative}.card__frame{clip-path:var(--chamfer);background:var(--material);position:absolute;inset:0}.card__frame:after{content:"";clip-path:var(--chamfer);pointer-events:none;position:absolute;inset:4px;box-shadow:inset 0 0 0 1px #00000073}.card__inner{clip-path:var(--chamfer-sm);background:var(--tablet);color:var(--ink);flex-direction:column;display:flex;position:absolute;inset:.44em}.card__inner:before{content:"";background-image:var(--grain);opacity:.18;mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.card__arch{background:var(--material);border-radius:999px 999px 0 0;flex:none;height:50%;margin:.56em .56em 0;padding:.19em;position:relative}.card__name{z-index:3;text-align:center;font-family:var(--f-display);letter-spacing:.07em;background:var(--plate);color:var(--plate-ink);white-space:nowrap;text-overflow:ellipsis;box-shadow:0 1px 0 var(--plate-line,var(--or)), 0 -1px 0 var(--plate-line,var(--or)), 0 4px 8px #0006;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);margin:-.95em .25em 0;padding:.45em .4em .4em;font-size:1em;font-weight:400;line-height:1;position:relative;overflow:hidden}.card__body{z-index:2;text-align:center;flex-direction:column;flex:1;justify-content:center;gap:.4em;padding:.5em 1em 1.7em;display:flex;position:relative}.card__text{font-size:.94em;font-weight:500;line-height:1.28}.card__text b{color:var(--kw);font-variant:small-caps;letter-spacing:.03em;font-size:1.08em;font-weight:800}.card__flavor{opacity:.75;font-size:.8em;font-style:italic;line-height:1.3}.card__gem{z-index:4;background:var(--material);width:.8em;height:.8em;box-shadow:0 0 0 1.5px var(--nuit), 0 0 8px var(--gem-glow,transparent);position:absolute;bottom:.4em;left:50%;translate:-50%;rotate:45deg}.card__sheen{clip-path:var(--chamfer);pointer-events:none;z-index:6;background:radial-gradient(circle at var(--mx) var(--my), #fff8e161, #fff8e100 42%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s var(--ease-out);position:absolute;inset:0}.card.is-lit .card__sheen{opacity:1}.art{background:var(--sky);border-radius:999px 999px 0 0;place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.art:before{content:"";background:repeating-conic-gradient(from 0deg at 50% 78%, #f1d79a29 0 1.2deg, transparent 1.2deg 10deg);position:absolute;inset:-60% -40% -20%}.art:after{content:"";background:radial-gradient(circle at 50% 62%, var(--disc) 0 22%, transparent 22.5%), linear-gradient(transparent 78%, #00000059 78.5%, #00000026);opacity:.9;position:absolute;inset:0}.art__glyph{z-index:2;color:var(--glyph,#f6e3a8);text-shadow:0 -1px #ffffff59,0 2px #0000008c,0 0 22px #00000059;margin-top:18%;font-size:4em;line-height:1;position:relative}.art--image:before,.art--image:after{display:none}.art__img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.stat{z-index:7;pointer-events:none;place-items:center;width:2.875em;height:2.875em;display:grid;position:absolute}.stat svg{filter:drop-shadow(0 3px 4px #0000008c);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stat b{font-family:var(--f-text);color:#fffaf0;text-shadow:0 1px #000,0 0 2px #000,0 0 6px #000c;font-variant-numeric:lining-nums;font-size:1.45em;font-weight:900;line-height:1;position:relative}.stat--hp b{margin-top:.3em}.stat.is-hurt b{color:#ff9c86}.card .stat--cost{width:3em;height:3em;top:-.75em;left:-.75em}.card .stat--atk{bottom:-.625em;left:-.75em}.card .stat--hp{bottom:-.625em;right:-.75em}.card.is-unaffordable .stat--cost b{color:#ff9c86}.p-greek{--tablet:linear-gradient(112deg, transparent 38%, #8c806e38 39.2%, transparent 41%), linear-gradient(158deg, transparent 63%, #8c806e2e 64%, transparent 65.5%), linear-gradient(72deg, transparent 18%, #a0968424 19%, transparent 20.5%), radial-gradient(ellipse at 30% 10%, #f4f0e7, #ddd5c5 80%);--ink:#26221c;--kw:var(--egee);--plate:linear-gradient(180deg, #23599a, var(--egee) 50%, #143a68);--plate-ink:var(--or-clair);--sky:linear-gradient(180deg, #0a213d 0%, var(--egee) 58%, #b9ad8e 100%);--disc:#f1d79a38}.p-norse{--tablet:repeating-linear-gradient(91deg, #0000 0 7px, #0000002e 7px 8px, #ffffff05 8px 13px), linear-gradient(180deg, #33251b, var(--bois) 60%, #20170f);--ink:var(--ivoire);--kw:var(--givre);--plate:linear-gradient(180deg, #dfe6ea, var(--acier-clair) 45%, var(--acier));--plate-ink:#121619;--sky:linear-gradient(180deg, #0d1316 0%, #2c3c45 52%, #9cc6d4 100%);--disc:#d9eef433;--glyph:#e9f6fa}.p-egypt{--tablet:repeating-linear-gradient(0deg, #6e502317 0 1px, transparent 1px 4px), repeating-linear-gradient(90deg, #6e502312 0 1px, transparent 1px 6px), radial-gradient(ellipse at 40% 10%, #e8d3a2, var(--sable) 75%);--ink:#23190c;--kw:#16766d;--plate:linear-gradient(180deg, #1b1714, var(--noir-basalte));--plate-ink:var(--or-egypte);--plate-line:var(--faience);--sky:linear-gradient(180deg, #0e0c0a 0%, #3a2913 46%, var(--or-egypte) 100%);--disc:#ffe29647}.r-common{--material:var(--m-pierre)}.r-rare{--material:var(--m-bronze)}.r-epic{--material:var(--m-electrum);--gem-glow:#f5f2e899}.r-legendary{--material:var(--m-or);--gem-glow:#ffd678e6}.r-mythic{--material:var(--m-obsidienne);--gem-glow:#f2a33ae6}.card.r-legendary{filter:drop-shadow(0 16px 20px #0009)drop-shadow(0 0 14px #f1c86e73)}.card.r-legendary .card__frame:before{content:"";z-index:1;animation:sweep 4.5s var(--ease-out) infinite;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 35%,#fffae6bf 46%,#0000 57%) 0 0/260% 100%;position:absolute;inset:0}@keyframes sweep{0%{background-position:130% 0}55%,to{background-position:-130% 0}}.card.r-mythic{filter:drop-shadow(0 16px 20px #000000b3)}.card.r-mythic:before{content:"";z-index:-1;background:conic-gradient(from var(--a,0deg), #fff1cf, #f2a33a 10%, #b8401e00 24%, #b8401e00 38%, #f6c46a 48%, #b8401e8c 58%, #f2a33a00 72%, #f2a33a00 84%, #fff1cf);filter:blur(16px);opacity:.95;border-radius:26px;animation:7s linear infinite corona;position:absolute;inset:-9px}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes corona{to{--a:360deg}}.card-back{--w:96px;width:var(--w);aspect-ratio:5/7;filter:drop-shadow(0 10px 14px #0009);flex:none;position:relative}.card-back__frame{clip-path:var(--chamfer);background:var(--m-or);position:absolute;inset:0}.card-back__in{clip-path:var(--chamfer-sm);background:radial-gradient(circle,#1b1612,#070605 75%);place-items:center;display:grid;position:absolute;inset:6px;overflow:hidden}.card-back__in:before{content:"";background:repeating-conic-gradient(from 0deg, #c9a04a47 0 .7deg, transparent .7deg 7.5deg);position:absolute;inset:-20%;-webkit-mask:radial-gradient(circle,#0000 20%,#000 24% 52%,#0000 72%);mask:radial-gradient(circle,#0000 20%,#000 24% 52%,#0000 72%)}.card-back__in:after{content:"";clip-path:var(--chamfer-sm);position:absolute;inset:8%;box-shadow:inset 0 0 0 1px #c9a04a8c,inset 0 0 0 5px #0000,inset 0 0 0 6px #c9a04a4d}.card-back__seal{aspect-ratio:1;background:#050404;border-radius:50%;width:34%;position:relative;box-shadow:0 0 0 2px #fbefc8,0 0 14px 4px #f1d79a99,0 0 40px 10px #c9a04a40}.card--spell .card__arch{aspect-ratio:1;border-radius:50%;width:70%;height:auto;margin:.7em auto 0}.card--spell .art{border-radius:50%}.card--spell .art__glyph{margin-top:0}.card--spell .card__name{margin-top:-.6em}.card__kind{z-index:5;font-family:var(--f-ui);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);opacity:.6;font-size:.55em;font-weight:700;position:absolute;bottom:1.25em;left:50%;translate:-50%}.card--spell .card__gem{bottom:.45em}.card__text+.card__text{margin-top:-.1em}.viewport{position:fixed;inset:0;overflow:hidden}.stage{left:calc(50% + var(--stage-dx,0px));top:calc(50% + var(--stage-dy,0px));width:var(--stage-w,1280px);height:720px;translate:-50% -50%;scale:var(--stage-scale,1);position:absolute}.arena{--arena-light:#1d4e8959;background:radial-gradient(ellipse at 50% 50%, transparent 50%, #000000b3), radial-gradient(ellipse 55% 48% at 50% 50%, var(--arena-light), transparent 72%), radial-gradient(ellipse at 50% 120%, #0009, transparent 60%), linear-gradient(180deg, #14110e, #1b1612 50%, #14110e);position:absolute;inset:0;overflow:hidden}.arena[data-arena=norse]{--arena-light:#7fb9cf38}.arena[data-arena=egypt]{--arena-light:#d4a63a33}.arena__rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #c9a04a0d 0 .6deg, transparent .6deg 9deg);will-change:rotate;border-radius:50%;width:1500px;animation:400s linear infinite spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 12%,#000 20%,#0000 62%);mask:radial-gradient(circle,#0000 12%,#000 20%,#0000 62%)}@keyframes spin{to{rotate:360deg}}.frontline{color:#c9a04a8c;background:linear-gradient(90deg,#0000,#0006 18% 82%,#0000);border-block:1px solid #c9a04a59;place-items:center;height:34px;display:grid;position:absolute;top:350px;left:0;right:0;overflow:hidden}.frontline__band{white-space:nowrap;letter-spacing:.35em;font-size:20px;line-height:1}.frontline__meander{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18'%3E%3Cpath d='M0 17h20V1H4v12h12V5H8v4h4' fill='none' stroke='%23c9a04a' stroke-opacity='.6' stroke-width='1.4'/%3E%3C/svg%3E") 50%/24px 18px repeat-x;width:100%;height:18px}.lane{justify-content:center;align-items:center;gap:18px;height:150px;display:flex;position:absolute;left:190px;right:190px}.lane--enemy{top:180px}.lane--player{top:404px}.dropzone{pointer-events:none;border:1px solid #0000;height:178px;transition:border-color .25s,background .25s,box-shadow .25s;position:absolute;top:390px;left:170px;right:170px}.dropzone.is-armed{background:#c9a04a08;border-color:#c9a04a40}.dropzone.is-hot{background:#c9a04a14;border-color:#f1d79ab3;box-shadow:inset 0 0 40px #f1d79a1f}.token-slot{flex:none}.token{--w:104px;width:var(--w);height:calc(var(--w) * 1.3);transition:transform .25s var(--ease-snap), filter .3s, opacity .3s;filter:drop-shadow(0 10px 12px #0009);-webkit-tap-highlight-color:transparent;position:relative}.token__frame{background:var(--material);border-radius:999px 999px 6px 6px;padding:4px;position:absolute;inset:0}.token .art{border-radius:999px 999px 3px 3px}.token .art__glyph{margin-top:14%;font-size:42px}.token .stat{width:40px;height:40px}.token .stat b{font-size:20px}.token .stat--atk{bottom:-9px;left:-11px}.token .stat--hp{bottom:-9px;right:-11px}.token .stat--hp b{margin-top:6px}.token.is-ready{cursor:grab;filter:drop-shadow(0 10px 12px #0009)drop-shadow(0 0 7px #ffd682bf)}.token.is-ready .token__frame:after{content:"";border-radius:inherit;pointer-events:none;animation:2.4s ease-in-out infinite breathe;position:absolute;inset:-1px;box-shadow:0 0 0 1.5px #ffe2a0e6}.token.is-ready:hover{transform:translateY(-4px)}@keyframes breathe{50%{opacity:.35}}.token.is-attacker{transform:translateY(-12px)scale(1.06)}.token.is-target{cursor:crosshair;filter:drop-shadow(0 10px 12px #0009)drop-shadow(0 0 10px #e25034f2)}.token.is-target .token__frame:after{content:"";border-radius:inherit;pointer-events:none;animation:1.2s ease-in-out infinite breathe;position:absolute;inset:-2px;box-shadow:0 0 0 2px #ff785ae6}.token.is-dimmed{opacity:.45}.token.has-guard .token__frame{background:var(--m-pierre);padding:7px;box-shadow:inset 0 0 0 1px #00000080}.token.has-guard:before{content:"";z-index:8;filter:drop-shadow(0 2px 2px #0009);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23cfc5b4'/%3E%3Cstop offset='.5' stop-color='%23857a6b'/%3E%3Cstop offset='1' stop-color='%23b3a896'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M12 1.5l10 3.6v7.6c0 6.3-4.2 11.3-10 13.8C6.2 24 2 19 2 12.7V5.1z' fill='url(%23g)' stroke='%230d0b09' stroke-width='1.6'/%3E%3Cpath d='M12 6v15M7 11h10' stroke='%230d0b09' stroke-opacity='.55' stroke-width='1.4'/%3E%3C/svg%3E") 50%/contain no-repeat;width:28px;height:32px;position:absolute;top:-13px;left:50%;translate:-50%}.token__badges{z-index:8;gap:2px;display:flex;position:absolute;bottom:-6px;left:50%;translate:-50%}.token__badge{background:var(--m-bronze);width:22px;height:22px;box-shadow:0 0 0 1.5px var(--nuit), 0 2px 4px #0009;border-radius:50%;place-items:center;display:grid}.token__badge svg{fill:none;stroke:#1a1209;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.token.has-flying .token__frame{animation:3.2s ease-in-out infinite soar}.token.has-flying:after{content:"";background:radial-gradient(#00000073,#0000 70%);border-radius:50%;height:10px;animation:3.2s ease-in-out infinite soar-shadow;position:absolute;bottom:-14px;left:12%;right:12%}@keyframes soar{50%{translate:0 -7px}}@keyframes soar-shadow{50%{opacity:.6;scale:.8}}.hero{justify-items:center;gap:10px;width:150px;display:grid;position:absolute}.hero--enemy{top:34px;left:22px}.hero--player{top:488px;left:22px}.medallion{background:var(--m-or);width:112px;height:112px;transition:box-shadow .3s, transform .25s var(--ease-snap);border-radius:50%;padding:5px;position:relative;box-shadow:0 12px 22px #0009}.medallion__in{width:100%;height:100%;color:var(--or-clair);background:radial-gradient(circle at 50% 35%,#2c241d,#0d0a08 75%);border-radius:50%;place-items:center;font-size:50px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,inset 0 0 18px #000c}.medallion__in img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.medallion .stat{width:48px;height:48px;bottom:-6px;right:-14px}.medallion .stat b{font-size:23px}.medallion .stat--hp b{margin-top:7px}.mini-eclipse{aspect-ratio:1;background:#050404;border-radius:50%;width:42%;box-shadow:0 0 0 1.5px #fbefc8,0 0 12px 3px #f1d79a99}.hero__name{font-family:var(--f-display);letter-spacing:.08em;color:var(--parchemin);text-align:center;font-size:14px;line-height:1.2}.hero.is-target .medallion{cursor:crosshair;box-shadow:0 12px 22px #0009,0 0 0 3px #ff785ad9,0 0 26px #e25034cc}.hero.is-thinking .medallion{animation:1.4s ease-in-out infinite think}@keyframes think{50%{box-shadow:0 12px 22px #0009,0 0 26px #f1d79a8c}}.side{justify-items:center;gap:14px;width:150px;display:grid;position:absolute;right:26px}.side--enemy{top:40px}.side--player{top:488px}.mana{flex-direction:column;align-items:center;gap:8px;display:flex}.mana__gems{flex-wrap:wrap;justify-content:center;gap:6px;max-width:120px;display:flex}.mana__gem{background:linear-gradient(135deg, #a9c8f5, var(--lapis) 45%, #163566);width:14px;height:14px;transition:background .3s,box-shadow .3s;rotate:45deg;box-shadow:0 0 0 1px #000000b3,0 0 8px #7ea6e68c}.mana__gem.is-spent{background:#15120f;box-shadow:0 0 0 1px #7ea6e659}.mana__label{font-family:var(--f-ui);letter-spacing:.22em;color:var(--lapis-clair);text-transform:uppercase;font-size:10px}.mana__label b{font-family:var(--f-text);letter-spacing:0;color:var(--ivoire);margin-right:5px;font-size:20px;font-weight:900}.deck{font-family:var(--f-ui);letter-spacing:.22em;color:var(--sepia);text-transform:uppercase;align-items:center;gap:10px;font-size:10px;display:flex}.deck .card-back{--w:30px}.deck b{font-family:var(--f-text);letter-spacing:0;color:var(--parchemin);font-size:18px;font-weight:900}.end-turn{cursor:pointer;background:var(--m-bronze);width:112px;height:112px;transition:transform .18s var(--ease-snap), box-shadow .3s, filter .3s;perspective:600px;z-index:5;border:none;border-radius:50%;padding:5px;position:absolute;top:311px;right:45px;box-shadow:0 10px 22px #0009,0 0 0 1px #0009}.end-turn__face{text-align:center;font-family:var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--or-clair);backface-visibility:hidden;transition:transform .6s var(--ease-snap);background:radial-gradient(circle at 50% 30%,#3a2a1a,#171009 80%);border-radius:50%;place-items:center;font-size:11px;font-weight:700;line-height:1.5;display:grid;position:absolute;inset:5px;box-shadow:inset 0 0 0 1px #f1d79a59,inset 0 0 0 5px #00000059,inset 0 0 0 6px #f1d79a2e}.end-turn__face--back{color:var(--sepia);transform:rotateY(180deg)}.end-turn.is-enemy .end-turn__face--front{transform:rotateY(-180deg)}.end-turn.is-enemy .end-turn__face--back{transform:rotateY(0)}.end-turn:not(:disabled):hover{transform:translateY(-2px)scale(1.04);box-shadow:0 14px 26px #0009,0 0 0 1px #0009,0 0 26px #f1d79a59}.end-turn:not(:disabled):active{transform:scale(.95)}.end-turn:disabled{cursor:default}.end-turn.is-done{background:var(--m-or)}.end-turn.is-done:after{content:"";animation:pulse 1.8s var(--ease-out) infinite;border:1.5px solid #f1d79acc;border-radius:50%;position:absolute;inset:-6px}@keyframes pulse{0%{opacity:.9;scale:1}to{opacity:0;scale:1.28}}.hand{z-index:20;width:0;height:0;position:absolute;bottom:0;left:50%}.hand-card{transform-origin:50% 100%;touch-action:none;cursor:pointer;width:150px;position:absolute;bottom:-104px;left:-75px}.hand-card .card{--w:150px}.hand-card.is-playable .card{filter:drop-shadow(0 16px 20px #0009)drop-shadow(0 0 9px #ffd682d9)}.hand-card.is-dragging{pointer-events:none;cursor:grabbing}.enemy-hand{z-index:4;width:0;height:0;position:absolute;top:0;left:50%}.enemy-hand__card{transform-origin:50% 0;position:absolute;top:-78px;left:-42px}.enemy-hand__card .card-back{--w:84px}.sound{z-index:40;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:16px;left:22px}.sound__btn{cursor:pointer;background:var(--m-bronze);border:none;border-radius:50%;flex:none;order:-1;width:40px;height:40px;padding:3px;box-shadow:0 6px 12px #0000008c}.sound__btn svg{fill:none;width:100%;height:100%;stroke:var(--or-clair);stroke-width:1.6px;stroke-linecap:round;background:radial-gradient(circle at 50% 30%,#3a2a1a,#171009 80%);border-radius:50%;padding:6px}.sound__panel{background:#0a0806f0;border:1px solid #c9a04a66;gap:12px;min-width:220px;padding:14px 16px;animation:.18s ease-out fade-in;display:grid}.sound__panel label{font-family:var(--f-ui);letter-spacing:.22em;text-transform:uppercase;color:var(--parchemin);gap:6px;font-size:10px;font-weight:600;display:grid}.sound__panel input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.sound__panel input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--or-sombre), var(--or));height:3px}.sound__panel input[type=range]::-moz-range-track{background:linear-gradient(90deg, var(--or-sombre), var(--or));height:3px}.sound__panel input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--m-or);border:1px solid var(--nuit);width:16px;height:16px;margin-top:-6.5px;rotate:45deg}.sound__panel input[type=range]::-moz-range-thumb{background:var(--m-or);border:1px solid var(--nuit);border-radius:0;width:14px;height:14px;rotate:45deg}.sound__mute{color:var(--or-clair);cursor:pointer;font-family:var(--f-ui);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:1px solid #c9a04a73;justify-self:start;padding:9px 12px 7px;font-size:10px;font-weight:600}.is-touch .sound__btn{width:64px;height:64px;padding:4px}.is-touch .sound__btn svg{padding:11px}.is-touch .sound__panel{gap:18px;min-width:300px;padding:18px 20px}.is-touch .sound__panel label{font-size:13px}.is-touch .sound__panel input[type=range]{height:34px}.is-touch .sound__mute{padding:14px 16px 12px;font-size:13px}.fx-layer{pointer-events:none;z-index:60;position:absolute;inset:0}.dmg{pointer-events:none;z-index:2;font-family:var(--f-text);color:#ff8a70;text-shadow:0 2px #000,0 0 3px #000,0 0 18px #c4432be6;animation:dmg 1.1s var(--ease-out) forwards;font-size:46px;font-weight:900;line-height:1;position:absolute;translate:-50% -50%}@keyframes dmg{0%{opacity:0;scale:2.1}12%{opacity:1;scale:.9}22%{scale:1.05}70%{opacity:1;translate:-50% -90%}to{opacity:0;translate:-50% -140%;scale:.95}}.flash{background:radial-gradient(circle,#fff0d2bf,#ffc88c40 35%,#0000 65%);border-radius:50%;width:260px;height:260px;animation:.32s ease-out forwards flash;position:absolute;translate:-50% -50%}@keyframes flash{0%{opacity:1;scale:.6}to{opacity:0;scale:1.2}}.dust{width:190px;height:60px;animation:dust .6s var(--ease-out) forwards;border:2px solid #f1d79a73;border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:0 0 24px #c9a04a59}@keyframes dust{0%{opacity:1;scale:.4}to{opacity:0;scale:1.4}}.shard{clip-path:polygon(50% 0,100% 80%,0 100%);width:14px;height:14px;position:absolute}.crack{z-index:6;pointer-events:none;border-radius:999px 999px 4px 4px;position:absolute;inset:4px;overflow:hidden}.crack svg{width:100%;height:100%}.crack path{stroke-dasharray:120;stroke-dashoffset:120px;animation:crack .26s var(--ease-out) forwards}@keyframes crack{to{stroke-dashoffset:0}}.banner{z-index:70;pointer-events:none;animation:banner 1.25s var(--ease-out) forwards;background:linear-gradient(90deg,#0000,#080605e0 22% 78%,#0000);place-items:center;padding:26px 0 22px;display:grid;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.banner:before,.banner:after{content:"";background:linear-gradient(90deg, transparent, var(--or-clair), transparent);height:1px;position:absolute;left:18%;right:18%}.banner:before{top:0}.banner:after{bottom:0}.banner span{font-family:var(--f-display);letter-spacing:.12em;background:linear-gradient(#fbefc8 0%,#e2bd6c 45%,#8a6526 52%,#c9a04a 68%,#f1d79a 100%);color:#0000;filter:drop-shadow(0 2px #000000b3);-webkit-background-clip:text;background-clip:text;font-size:58px;line-height:1}.banner.is-enemy span{background:linear-gradient(#d8d2c8,#8e877d 55%,#c9c2b6);-webkit-background-clip:text;background-clip:text}@keyframes banner{0%{opacity:0;clip-path:inset(0 50%)}18%{opacity:1;clip-path:inset(0)}75%{opacity:1}to{opacity:0}}.showcase{z-index:65;pointer-events:none;perspective:1200px;position:absolute;top:50%;left:50%;translate:-50% -50%}.showcase .card{--w:230px;animation:showcase .5s var(--ease-snap) both}@keyframes showcase{0%{opacity:0;transform:perspective(900px)rotateY(-100deg)scale(.6)}to{opacity:1;transform:perspective(900px)rotateY(0)scale(1)}}.preview{z-index:80;pointer-events:none;gap:10px;animation:.18s ease-out fade-in;display:grid;position:absolute}.preview .card{--w:210px}.preview--large .card{--w:280px}.preview--large .preview__kw{width:280px;font-size:17px}.preview__kw{width:210px;color:var(--parchemin);background:#0a0806eb;border:1px solid #c9a04a59;padding:10px 12px;font-size:14px;line-height:1.35}.preview__kw b{font-family:var(--f-display);color:var(--or-clair);letter-spacing:.04em;font-weight:400}@keyframes fade-in{0%{opacity:0;translate:0 6px}}.arrow{pointer-events:none;z-index:55;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.arrow path{fill:none;stroke-width:7px;stroke-linecap:round;stroke-dasharray:2 14;animation:.5s linear infinite march}.arrow polygon{stroke-width:2px}@keyframes march{to{stroke-dashoffset:-16px}}.toasts{z-index:75;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;top:120px;left:50%;translate:-50%}.toast{font-family:var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ivoire);animation:toast 2.2s var(--ease-out) forwards;background:#0a0806eb;border:1px solid #c9a04a73;padding:12px 20px 10px;font-size:12px;font-weight:600}@keyframes toast{0%{opacity:0;translate:0 -8px}10%{opacity:1;translate:0}80%{opacity:1}to{opacity:0}}.gameover{z-index:90;background:radial-gradient(#080605bf,#040302f2);align-content:center;place-items:center;gap:28px;animation:.6s ease-out fade-in;display:grid;position:absolute;inset:0}.gameover__emblem{aspect-ratio:1;pointer-events:none;border-radius:50%;width:520px;position:absolute;top:50%;left:50%;translate:-50% -58%}.gameover__emblem:before{content:"";background:repeating-conic-gradient(from 0deg, #f1d79a24 0 .8deg, transparent .8deg 7deg);border-radius:50%;animation:120s linear infinite spin;position:absolute;inset:-20%;-webkit-mask:radial-gradient(circle,#0000 22%,#000 28%,#0000 68%);mask:radial-gradient(circle,#0000 22%,#000 28%,#0000 68%)}.gameover__emblem:after{content:"";background:#050404;border-radius:50%;position:absolute;inset:30%;box-shadow:0 0 0 2px #fbefc8,0 0 30px 8px #f1d79a8c,0 0 120px 40px #c9a04a38}.gameover.is-defeat .gameover__emblem{filter:grayscale()brightness(.6)}.gameover__title{font-family:var(--f-display);letter-spacing:.1em;background:linear-gradient(#fbefc8 0%,#e2bd6c 42%,#8a6526 50%,#c9a04a 66%,#f1d79a 100%);color:#0000;filter:drop-shadow(0 3px #000000b3);animation:rise .9s var(--ease-out) both;-webkit-background-clip:text;background-clip:text;font-size:104px;line-height:1;position:relative}.gameover.is-defeat .gameover__title{background:linear-gradient(#cfc8bd,#6f6a62 55%,#a49d92);-webkit-background-clip:text;background-clip:text}.gameover__sub{color:var(--parchemin);animation:rise .9s .15s var(--ease-out) both;font-size:20px;font-style:italic;position:relative}.gameover .btn{animation:rise .9s .3s var(--ease-out) both;position:relative}@keyframes rise{0%{opacity:0;translate:0 18px}}.rotate-hint{z-index:2000;background:var(--nuit);text-align:center;align-content:center;place-items:center;gap:22px;padding:32px;display:grid;position:fixed;inset:0}.rotate-hint svg{fill:none;width:76px;height:76px;stroke:var(--or-clair);stroke-width:1.4px;animation:tilt 2.4s var(--ease-out) infinite}@keyframes tilt{0%,20%{rotate:0deg}50%,80%{rotate:-90deg}to{rotate:0deg}}.rotate-hint h1{font-family:var(--f-display);letter-spacing:.06em;color:var(--ivoire);font-size:26px;font-weight:400}.rotate-hint p{color:var(--parchemin);max-width:30ch;font-size:17px;line-height:1.5}.orb{background:radial-gradient(circle, #fffaf0 0 18%, var(--orb) 40%, transparent 70%);width:26px;height:26px;box-shadow:0 0 18px 6px color-mix(in srgb, var(--orb) 60%, transparent);border-radius:50%;position:absolute;translate:0}.float-text{white-space:nowrap;pointer-events:none;font-family:var(--f-text);text-shadow:0 2px #000,0 0 3px #000;animation:float-up 1.2s var(--ease-out) forwards;font-size:34px;font-weight:900;line-height:1;position:absolute;translate:-50% -50%}.float-text--heal{color:#b9e08a;text-shadow:0 2px #000,0 0 3px #000,0 0 16px #8ba35be6}.float-text--buff{color:var(--or-clair);text-shadow:0 2px #000,0 0 3px #000,0 0 16px #f1d79acc}.float-text--trigger{font-family:var(--f-display);letter-spacing:.08em;color:var(--or-clair);background:#0a0806e0;border:1px solid #c9a04a8c;padding:6px 14px 5px;font-size:22px;font-weight:400}@keyframes float-up{0%{opacity:0;translate:-50% -20%;scale:1.4}15%{opacity:1;translate:-50% -50%;scale:1}75%{opacity:1}to{opacity:0;translate:-50% -130%}}.rebirth{background:repeating-conic-gradient(from 0deg, #7fd1c459 0 2deg, transparent 2deg 14deg);width:220px;height:220px;animation:rebirth 1s var(--ease-out) forwards;border-radius:50%;position:absolute;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 18%,#000 24%,#0000 66%);mask:radial-gradient(circle,#0000 18%,#000 24%,#0000 66%)}@keyframes rebirth{0%{opacity:1;rotate:0deg;scale:.3}to{opacity:0;rotate:40deg;scale:1.4}}.hand-card.is-casting .card{filter:drop-shadow(0 16px 20px #0009)drop-shadow(0 0 14px #ffd682)}