@layer arkanum{:root{--bg:#06070d;--light-gold:#e6c074;--light-gold-soft:#f6e3ab;--light-deep:#9a7626;--light-blue:#67b7ff;--silver:#cdd6e8;--shadow-violet:#9a5bd0;--shadow-violet-soft:#c79bf0;--shadow-deep:#3a1a52;--ember:#e8915a;--crimson:#c97da6;--crimson-soft:#e3b3d4;--teal:#5fc7a8;--teal-soft:#a7e6cf;--ink:#f4e8d0;--ink-dim:#cdb98f;--ink-faint:#9a8a64;--frame:#c79a52;--panel:#24190f99;--panel-solid:#1a120af5;--panel-edge:#d8b56a6b;--parchment:linear-gradient(180deg,#f1e3c2,#e7d6ad);--parchment-edge:#b89a58}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);background:var(--bg);justify-content:center;align-items:center;min-height:100vh;font-family:EB Garamond,Georgia,serif;display:flex;overflow:hidden}.stage{aspect-ratio:16/9;background:linear-gradient(#1a10082e,#1a10081a 45%,#180c0652),url(/assets/background.png) 50%/cover no-repeat,#1a1208;grid-template-rows:clamp(64px,9%,104px) 1fr;width:100%;max-width:1760px;max-height:100vh;display:grid;position:relative;overflow:hidden;container-type:size}.ambient-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.ambient-layer canvas{filter:blur(.4px)brightness(1.06);mix-blend-mode:screen;display:block;width:100%!important;height:100%!important}.stage:after{content:"";z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>");position:absolute;inset:0}.stage:before{content:"";z-index:55;pointer-events:none;background:radial-gradient(120% 80% at 50% 42%,#0000 58%,#0009);position:absolute;inset:0}.phase-tint{z-index:6;pointer-events:none;background:var(--shadow-violet);opacity:0;transition:opacity .55s;position:absolute;inset:0}.stage.enemy-acting .phase-tint{opacity:.13}.danger-vignette{z-index:56;pointer-events:none;opacity:calc(var(--danger,0) * .85);background:radial-gradient(135% 100%,#0000 46%,#78161c6b 82%,#560c12a8);transition:opacity .8s;position:absolute;inset:0}.danger-vignette.pulse{animation:3.2s ease-in-out infinite dangerPulse}@keyframes dangerPulse{0%,to{opacity:calc(var(--danger,0) * .55)}50%{opacity:calc(var(--danger,0) * .95)}}.pips{flex-wrap:wrap;gap:3px;display:flex}.pip{clip-path:polygon(50% 0,100% 32%,80% 100%,20% 100%,0 32%);background:#1c2233;border:1px solid #ffffff1a;width:10px;height:14px}.pip.t{background:linear-gradient(180deg,var(--teal-soft),#1c6f68);box-shadow:0 0 7px #46d6c4b3}.dtrack{gap:4px;margin-top:2px;display:flex}.dia{background:#161320;border:1px solid #ffffff2e;border-radius:2px;width:13px;height:13px;transform:rotate(45deg)}.dia.r{background:linear-gradient(135deg,#ff6a5a,#7a1a1f);border-color:#ff968c80;box-shadow:0 0 8px #ff4d5eb3}.dia.b{background:linear-gradient(135deg,#8fd0ff,#1c4f8a);border-color:#a0d2ff80;box-shadow:0 0 8px #67b7ffb3}.overload{justify-content:center;align-items:center;gap:6px;display:flex}.center{z-index:15;flex-direction:column;min-width:0;min-height:0;padding:10px 18px 12px;display:flex;position:relative}.board{flex:1;justify-content:center;align-items:center;gap:0;min-height:0;display:flex}.zone{flex:1 1 0;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;justify-items:center;gap:1.8cqw 1.5cqw;min-width:0;padding:0 1.6cqw;display:grid;position:relative}.bund{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:visible}.bund-mark{aspect-ratio:1;place-items:center;width:10%;animation:.5s cubic-bezier(.2,.7,.3,1) bundMarkIn;display:grid;position:absolute;transform:translate(-50%,-50%)}.bund-mark:before{content:"";mix-blend-mode:screen;background:radial-gradient(circle,#ffd6828c,#ffbe502e 45%,#0000 68%);border-radius:50%;animation:2.1s ease-in-out infinite bundGlowPulse;position:absolute;inset:-24%}.bund-mark img{object-fit:contain;filter:drop-shadow(0 0 6px #ffcd64d9)drop-shadow(0 2px 4px #00000080);width:100%;height:100%;animation:2.1s ease-in-out infinite bundBreath;position:relative}@keyframes bundMarkIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes bundGlowPulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bundBreath{0%,to{transform:scale(.97)}50%{transform:scale(1.05)}}.slot-empty{aspect-ratio:1013/1518;background:radial-gradient(60% 48% at 50% 42%,#d8b56a14,#0000 70%),linear-gradient(#2c201252,#1a120a66);border:1.5px dashed #d8b56a66;border-radius:12px;place-items:center;width:min(100%,19cqh);height:auto;display:grid;position:relative;box-shadow:inset 0 0 26px #140c0473}.slot-empty:before{content:"";border:1px solid #d8b56a24;border-radius:6px;position:absolute;inset:6px}.slot-empty .mk{color:#d8b56a52;text-shadow:0 0 10px #d8b56a2e;font-family:Cinzel,serif;font-size:24px}.zone.shadow .slot-empty{border-color:#9a5bd052}.zone.shadow .slot-empty:before{border-color:#9a5bd029}.zone.shadow .slot-empty .mk{color:#c79bf052}.ley-gap{flex:none;align-self:stretch;width:clamp(48px,5.5vw,96px)}.board-card-wrap{z-index:1;aspect-ratio:1013/1518;width:min(100%,19cqh);height:auto;display:flex;position:relative}.board-card-wrap .card{width:100%}.break-stage{pointer-events:none;z-index:8;place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.break-stage .frag,.break-card-layer{display:flex;position:absolute;inset:0}.break-flash{aspect-ratio:1;mix-blend-mode:screen;border-radius:50%;width:82%;position:absolute}.break-ring{aspect-ratio:1;border:2px solid;border-radius:50%;width:46%;position:absolute}.bruch-cracks{pointer-events:none;mix-blend-mode:screen;z-index:4;width:100%;height:100%;position:absolute;inset:0}.bruch-ray{transform-origin:50% 0;pointer-events:none;mix-blend-mode:screen;z-index:5;filter:blur(.5px);border-radius:45%;width:3.2%;height:62%;margin-left:-1.6%;position:absolute;top:50%;left:50%}.bruch-mote{pointer-events:none;mix-blend-mode:screen;z-index:6;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.card{aspect-ratio:1013/1518;cursor:pointer;isolation:isolate;filter:drop-shadow(0 8px 16px #281c0c73);background:0 0;width:min(100%,19cqh);height:auto;transition:transform .2s cubic-bezier(.2,.8,.25,1),filter .2s;position:relative;container-type:size}.card:hover{z-index:30;filter:drop-shadow(0 16px 28px #281c0c8c)brightness(1.05);transform:translateY(-8px)scale(1.04)}.card:before{content:"";z-index:2;pointer-events:none;background:url(/assets/card.png) 50%/100% 100% no-repeat;position:absolute;inset:0}.card.shadow:before,.card.boss:before{background:url(/assets/card-dark.png) 50%/100% 100% no-repeat}.card:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:soft-light;opacity:.35;background:radial-gradient(58% 34% at 50% 26%,var(--tint,transparent),transparent 70%);position:absolute;inset:0}.card.light{--tint:#78c89680}.card.shadow{--tint:#aa78d280}.card.boss{--tint:#e6965a80}.c-cost{z-index:3;color:#3c2c12;text-shadow:0 1px #ffffff73;font-family:Cinzel,serif;font-size:8.4cqw;font-weight:900;line-height:1;position:absolute;top:10%;left:13%;transform:translate(-50%,-50%)}.c-art{z-index:0;background:var(--art,url(/assets/cover-light.png));background-position:50% 16%;background-size:cover;border-radius:8px;width:71.8%;height:47%;position:absolute;top:15.2%;left:13.5%;overflow:hidden}.c-name{z-index:3;justify-content:center;align-items:center;height:8.6%;display:flex;position:absolute;top:6%;left:30%;right:27%;overflow:hidden}.c-name .fit{white-space:nowrap;letter-spacing:0;background:linear-gradient(#8a6a26,#5a4119 52%,#33240d);color:#0000;filter:drop-shadow(0 1px #fffaeb73);-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Cinzel,serif;font-weight:700;display:inline-block}.c-text{z-index:3;text-align:center;color:#5a4a2c;justify-content:center;align-items:center;height:10%;font-size:5.6cqw;line-height:1.16;display:flex;position:absolute;top:65%;left:20%;right:20%;overflow:hidden}.c-text b{color:#2c6f63;font-weight:700}.fit-html{width:100%;display:block}.c-flavor{z-index:3;text-align:center;color:#7a6240;justify-content:center;align-items:center;height:10%;font-size:4.2cqw;font-style:italic;line-height:1.12;display:flex;position:absolute;top:80%;left:32%;right:32%;overflow:hidden}.card.shadow .c-flavor,.card.boss .c-flavor{color:#b9a6c4}.c-stat{z-index:3;color:#3c2c12;text-shadow:0 1px #ffffff73;font-family:Cinzel,serif;font-size:8.4cqw;font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.c-stat.atk{top:88%;left:13%}.c-stat.ver{top:88%;left:87%}.card.shadow .c-cost,.card.boss .c-cost,.card.shadow .c-stat,.card.boss .c-stat{color:#f3ead8;text-shadow:0 1px 2px #000000b3,0 0 3px #00000080}.card.light .c-cost{top:10.5%;left:14%}.card.light .c-stat.atk,.card.light .c-stat.ver{top:88.5%}.card--magic:before{background:url(/assets/card-magic-light.png) 50%/100% 100% no-repeat}.card--magic.shadow:before,.card--magic.boss:before{background:url(/assets/card-magic-dark.png) 50%/100% 100% no-repeat}.card--magic .c-stat{display:none}.card--magic.light .c-cost{top:10%;left:12.8%}.card--magic.shadow .c-cost,.card--magic.boss .c-cost{top:10.5%;left:13%}.card--magic.light .c-art{width:79%;height:52%;top:15%;left:10.5%}.card--magic.shadow .c-art,.card--magic.boss .c-art{width:73%;height:50%;top:17%;left:14%}.card--magic .c-name{height:6%;top:6.5%;left:30%;right:20%}.card--magic .c-text{height:15%;top:69%;left:20%;right:20%}.card--magic .c-flavor{height:7%;top:85%;left:30%;right:35%}.card.shadow .c-name .fit,.card.boss .c-name .fit{filter:drop-shadow(0 1px 2px #0009);background:linear-gradient(#fff5dc,#e6c074 55%,#caa24f)}.card.shadow .c-text,.card.boss .c-text{color:#dccbe8}.card.shadow .c-text b,.card.boss .c-text b{color:#d7b8f5}.hand{flex:none;justify-content:center;align-items:flex-end;gap:1cqw;height:23%;padding-top:6px;display:flex}.hand-cards{flex:0 auto;justify-content:center;align-items:flex-end;gap:.6cqw;min-width:0;display:flex}.turn-cluster{z-index:16;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:14px;right:18px}.deck{aspect-ratio:942/1353;background-image:url(/assets/card-cover.png);background-position:50%;background-size:cover;border-radius:11px;flex:none;width:auto;height:15.5cqh;position:relative;box-shadow:0 7px 16px #000000b3,3px 3px 0 -1px #2d2212b3,6px 6px 0 -2px #231a0e8c,9px 9px 0 -3px #19120a66,inset 0 0 0 1px #00000073}.deck .dc{color:var(--ink-dim);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;font-family:Cinzel,serif;font-size:8.5px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.deck--draw{cursor:pointer;transition:transform .15s,filter .15s}.deck--draw:hover{filter:brightness(1.12)drop-shadow(0 0 10px #e6c07480);transform:translateY(-3px)}.deck--draw:active{transform:translateY(-1px)}.hand-card{aspect-ratio:128/176;cursor:pointer;--edge:var(--frame);--glow:#b9923f80;border:1.5px solid var(--edge);width:auto;height:14cqh;box-shadow:0 0 12px -2px var(--glow),0 8px 18px #000000a6;background:linear-gradient(#171a2b,#0a0c15);border-radius:8px;flex-direction:column;flex:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.hand-card:hover{z-index:40;box-shadow:0 0 26px -1px var(--glow),0 20px 34px #000c;transform:translateY(-16px)scale(1.06)}.hand-card.light{--edge:#cba45a;--glow:#e6c07480}.hand-card.shadow{--edge:#8a55c0;--glow:#9a5bd080;background:linear-gradient(#1c1230,#0a0810)}.hand-card .c-cost{z-index:6;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#04121f;width:23px;height:25px;text-shadow:none;background:linear-gradient(#9fd6ff,#2b6aa6);border:1px solid #bee1ff99;place-items:center;font-family:Cinzel,serif;font-size:11px;font-weight:900;display:grid;position:absolute;top:5px;left:5px;box-shadow:0 0 10px #67b7ffb3}.hand-card .hc-name{z-index:3;text-align:center;color:var(--ink);text-shadow:0 1px 2px #000;-webkit-hyphens:auto;hyphens:auto;padding:5px 5px 0 27px;font-family:Cinzel,serif;font-size:8px;font-style:italic;font-weight:600;line-height:1.05;position:relative}.hand-card .hc-art{background:radial-gradient(70% 60% at 50% 40%,#ffffff0d,#0000 70%),linear-gradient(#0c0f1c,#070910);border:1px solid #ffffff0d;border-radius:4px;flex:1;place-items:center;margin:4px 6px 2px;display:grid;box-shadow:inset 0 0 14px #000000b3}.hand-card .hc-art span{opacity:.2;font-family:Cinzel,serif;font-size:22px}.hand-card .hc-text{color:var(--ink-dim);text-align:center;padding:1px 5px 6px;font-size:6.5px;line-height:1.1}.hand-card .hc-text b{color:var(--teal-soft)}.hand-card.shadow .hc-text b{color:var(--shadow-violet-soft)}.ark-btn{letter-spacing:.13em;text-transform:uppercase;min-width:0;height:42px;color:var(--light-gold-soft);border:1px solid var(--frame);text-shadow:0 1px 2px #000000a6;cursor:pointer;isolation:isolate;background:radial-gradient(130% 150% at 50% -30%,#ffe4a033,#0000 62%),linear-gradient(#43331b,#2a1f10 58%,#1c1409);border-radius:11px;justify-content:center;align-items:center;padding:0 26px;font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700;transition:color .14s,border-color .14s,filter .12s,transform .1s,box-shadow .14s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffecbe38,inset 0 -8px 16px #00000073,0 2px #0009,0 7px 18px #00000073}.ark-btn:before{content:"";z-index:-1;pointer-events:none;border:1px solid #d8b56a66;border-radius:8px;position:absolute;inset:3px;box-shadow:inset 0 0 10px #00000080}.ark-btn:after{content:"";z-index:-1;opacity:0;background:radial-gradient(circle at 50% 120%,#ffdd9647,#0000 60%);border-radius:11px;transition:opacity .14s;position:absolute;inset:0}.ark-btn__corner{border-color:var(--light-gold-soft);opacity:.6;pointer-events:none;width:8px;height:8px;position:absolute}.ark-btn__corner--tl{border-top:1px solid;border-left:1px solid;top:5px;left:5px}.ark-btn__corner--tr{border-top:1px solid;border-right:1px solid;top:5px;right:5px}.ark-btn__corner--bl{border-bottom:1px solid;border-left:1px solid;bottom:5px;left:5px}.ark-btn__corner--br{border-bottom:1px solid;border-right:1px solid;bottom:5px;right:5px}.ark-btn:hover{color:#fbecc3;border-color:var(--light-gold);filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffecbe47,inset 0 -8px 16px #0006,0 2px #0009,0 0 16px #e6c07473,0 9px 22px #00000080}.ark-btn:hover:after{opacity:1}.ark-btn:active{transform:translateY(1px);box-shadow:inset 0 3px 10px #000000b3,inset 0 0 0 1px #f0dfaa1f,0 1px 4px #00000080}.ark-btn:disabled{cursor:not-allowed;color:var(--ink-faint);filter:grayscale(.4)brightness(.62);border-color:#7a5a228c;box-shadow:inset 0 0 12px #00000080}.ark-btn:disabled:after{opacity:0}.ark-btn--red{color:var(--crimson-soft);background:radial-gradient(130% 150% at 50% -30%,#ffaa9629,#0000 62%),linear-gradient(#3a1f17,#271310 58%,#1b0d0a);border-color:#9a4a3a}.ark-btn--red:before{border-color:#d88caa57}.ark-btn--red .ark-btn__corner{border-color:var(--crimson-soft)}.ark-btn--red:hover{color:#f3d2e2;border-color:#d45c46;box-shadow:inset 0 1px #ffd2d233,inset 0 -8px 16px #0006,0 2px #0009,0 0 16px #b9463266,0 9px 22px #00000080}.ark-btn--red:after{background:radial-gradient(circle at 50% 120%,#dc789642,#0000 60%)}.ark-btn--sm{letter-spacing:.1em;border-radius:9px;width:auto;min-width:0;height:32px;padding:0 16px;font-size:10.5px}.ark-btn--sm:before{border-radius:6px}.ark-btn--sm .ark-btn__corner{width:6px;height:6px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}#root{place-items:center;width:100%;min-height:100vh;display:grid}.screen{background:linear-gradient(#1a100857,#180c0685),url(/assets/background.png) 50%/cover no-repeat,#1a1208;place-items:center;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.screen .veil{pointer-events:none;background:radial-gradient(120% 80% at 50% 40%,#0000 50%,#0009);position:absolute;inset:0}.auth-panel{z-index:2;text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;width:min(92vw,420px);padding:30px 30px 26px;position:relative;box-shadow:inset 0 0 0 1px #f0dfaa0f,inset 0 0 40px #000000b3,0 20px 60px #0009}.auth-panel .brand,.menu-panel .brand{letter-spacing:.12em;background:linear-gradient(180deg,#fff5dc,var(--light-gold) 55%,var(--light-deep));color:#0000;text-shadow:0 0 30px #e6c07438;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-weight:900}.auth-panel .brand{font-size:34px}.auth-panel .brand-sub,.menu-panel .brand-sub{letter-spacing:.4em;color:var(--light-gold-soft);font-family:Cinzel,serif;font-weight:700}.auth-panel .brand-sub{margin-top:2px;font-size:12px}.auth-panel .rule{background:linear-gradient(90deg,transparent,var(--frame),transparent);width:70%;height:1px;margin:12px auto 18px}.field{text-align:left;max-width:300px;margin:0 auto 12px;display:block}.field label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px;font-family:Cinzel,serif;font-size:9px;display:block}.field input{border:1px solid var(--panel-edge);width:100%;color:var(--ink);background:#08080c99;border-radius:7px;outline:none;padding:9px 11px;font-family:EB Garamond,Georgia,serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--ink-faint)}.field input:focus{border-color:var(--light-gold);box-shadow:0 0 10px #d8b56a40}.auth-actions{flex-direction:column;align-items:center;gap:10px;margin-top:16px;display:flex}.muted-link{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-size:12px;font-style:italic}.muted-link:hover{color:var(--light-gold-soft)}.menu-panel{z-index:2;text-align:center;width:min(92vw,360px);position:relative}.menu-panel .brand{font-size:46px}.menu-panel .brand-sub{letter-spacing:.42em;margin:2px 0 6px;font-size:13px}.menu-panel .greet{color:var(--ink-dim);margin-bottom:22px;font-style:italic}.menu-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.menu-actions .ark-btn{width:260px}.card-zoom{z-index:500;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0704bd;place-items:center;display:grid;position:fixed;inset:0}.card-zoom-inner{cursor:default;display:flex}.card.card--big{cursor:default;filter:drop-shadow(0 22px 44px #000000a6);width:auto;height:80cqh}.card.card--big:hover{transform:none}.spell-cast{z-index:520;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08060380;place-items:center;display:grid;position:fixed;inset:0}.spell-cast-card{z-index:2;display:flex;position:relative}.spell-cast-card .card.card--big{filter:drop-shadow(0 18px 40px #0009);height:64cqh}.spell-glow{z-index:1;pointer-events:none;mix-blend-mode:screen;filter:blur(2px);background:radial-gradient(circle,#ffeba5f2,#ffc85a73 42%,#0000 68%);border-radius:50%;width:64cqh;height:64cqh;position:absolute}.spell-glow.shadow,.spell-glow.boss{background:radial-gradient(circle,#e1b9fff2,#9a5bd080 42%,#0000 68%)}.hand-slot{flex:none;display:flex}.hand-enter{display:flex}.hand-drag{cursor:grab;transition:opacity .15s,filter .15s;display:flex;position:relative}.hand-drag:active{cursor:grabbing}.hand-drag.unaffordable{opacity:.5;filter:grayscale(.5)brightness(.85)}.game-end{z-index:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080603c7;place-items:center;display:grid;position:fixed;inset:0}.game-end-panel{text-align:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:16px;padding:34px 44px;box-shadow:inset 0 0 0 1px #f0dfaa14,inset 0 0 50px #000000b3,0 24px 70px #000000a6}.game-end-title{letter-spacing:.08em;font-family:Cinzel,serif;font-size:54px;font-weight:900;line-height:1}.game-end.sieg .game-end-title{background:linear-gradient(180deg,#fff5dc,var(--light-gold) 55%,var(--light-deep));color:#0000;text-shadow:0 0 36px #e6c07459;-webkit-background-clip:text;background-clip:text}.game-end.niederlage .game-end-title{background:linear-gradient(180deg,#f4d2e6,var(--crimson) 55%,#5a1230);color:#0000;-webkit-background-clip:text;background-clip:text}.game-end-sub{color:var(--ink-dim);margin:10px 0 22px;font-size:15px;font-style:italic}.card.card--hand{cursor:grab;width:auto;height:16cqh}.card.card--hand:hover{z-index:30;transform:scale(1.05)}.slot-empty.over{border-color:#96e6afe6;box-shadow:inset 0 0 30px #96e6af38,0 0 16px #96e6af73}.slot-empty.over .mk{color:#aaf0c3b3}.slot-empty.over.valid{border-color:var(--light-gold);animation:1.15s ease-in-out infinite slotValidPulse;box-shadow:inset 0 0 30px #e6c07442,0 0 18px #e6c0748c}.slot-empty.over.valid .mk{color:var(--light-gold-soft)}@keyframes slotValidPulse{0%,to{box-shadow:inset 0 0 22px #e6c0742e,0 0 12px #e6c07466}50%{box-shadow:inset 0 0 34px #e6c07457,0 0 22px #e6c074b8}}.slot-empty.over.invalid{opacity:.6;border-color:#be4642b3;box-shadow:inset 0 0 22px #be464229}.slot-empty.over.invalid .mk{color:#e0807899}.hand-preview{z-index:450;pointer-events:none;position:fixed;bottom:25cqh;left:50%;transform:translate(-50%)}.hand-preview-inner{align-items:center;gap:16px;display:flex}.card.card--preview{filter:drop-shadow(0 16px 34px #0009);width:auto;height:54cqh}.top-bar{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#22180e9e,#160f099e);border-bottom:1px solid #d8b56a66;justify-content:space-between;align-items:center;gap:16px;height:100%;padding:6px 16px;display:flex;position:relative;box-shadow:0 4px 14px #0006}.top-bar .medallion.light .portrait-mini{background:radial-gradient(80% 70% at 50% 28%,#e7d29a,#c9a85e);border-color:#9a7626;box-shadow:inset 0 1px 2px #fffae699,0 1px 3px #5a3e1866}.top-bar .medallion.light .pm-sigil{color:#4a3413;text-shadow:none}.top-bar .medallion.shadow .portrait-mini{background:radial-gradient(80% 70% at 50% 28%,#d3b3c2,#a87f92);border-color:#8a4a62;box-shadow:inset 0 1px 2px #fff5fa80,0 1px 3px #46283466}.top-bar .medallion.shadow .pm-sigil{color:#3a1f2a;text-shadow:none}.top-bar .medallion.light .pm-name{color:#5b4422}.top-bar .medallion.light .pm-role{color:#7a6238}.top-bar .medallion.shadow .pm-name{color:#6a3a52}.top-bar .medallion.shadow .pm-role{color:#8a6a78}.top-bar .tb-label{color:#cdb98f}.top-bar .tb-count{color:var(--light-gold-soft)}.top-bar .dia{background:#3a3026;border-color:#d8b56a4d}.top-bar .dia.b{background:linear-gradient(135deg,#8fd0ff,#1c4f8a);border-color:#a0d2ff80;box-shadow:0 0 7px #67b7ff99}.top-bar .dia.r{background:linear-gradient(135deg,#ff6a5a,#7a1a1f);border-color:#ff968c80;box-shadow:0 0 7px #ff4d5e99}.top-section{align-items:center;gap:14px;min-width:0;display:flex}.top-section.left{justify-content:flex-start}.top-section.mid{flex:1;justify-content:center;gap:clamp(14px,2.6vw,44px);min-width:0}.top-section.right{justify-content:flex-end}.tb-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-faint);text-align:center;white-space:nowrap;margin-bottom:4px;font-family:Cinzel,serif;font-size:9px}.tb-count{color:var(--light-gold-soft);font-weight:700}.medallion{align-items:center;gap:9px;min-width:0;display:flex}.medallion.shadow{text-align:right;flex-direction:row-reverse}.portrait-mini{border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid;position:relative;box-shadow:inset 0 0 12px #0000008c,0 2px 8px #00000073}.medallion.light .portrait-mini{border:2px solid var(--light-gold);background:radial-gradient(80% 70% at 50% 22%,#f0cd824d,#0000 70%),linear-gradient(#3c2e18,#1e150c)}.medallion.shadow .portrait-mini{border:2px solid var(--crimson-soft);background:radial-gradient(80% 70% at 50% 22%,#b482d247,#0000 70%),linear-gradient(#2e1d36,#160e1c)}.portrait-mini .pm-sigil{font-family:Cinzel,serif;font-size:23px;line-height:1}.medallion.light .pm-sigil{color:var(--light-gold-soft);text-shadow:0 0 12px #e6c07499}.medallion.shadow .pm-sigil{color:var(--crimson-soft);text-shadow:0 0 12px #b482d28c}.pm-meta{min-width:0;line-height:1.1}.pm-role{letter-spacing:1px;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:175px;font-family:Cinzel,serif;font-size:8.5px;overflow:hidden}.pm-name{letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;max-width:175px;font-family:Cinzel,serif;font-size:13px;font-weight:700;overflow:hidden}.medallion.light .pm-name{color:var(--light-gold-soft)}.medallion.shadow .pm-name{color:var(--crimson-soft)}.essence-pool{flex:none;justify-content:center;align-self:flex-end;align-items:center;gap:10px;height:16cqh;margin-right:.6cqw;display:flex}.ep-icon{object-fit:contain;filter:drop-shadow(0 0 12px #5fc7a899)drop-shadow(0 2px 4px #00000080);width:64px;height:64px}.ep-num{color:var(--teal-soft);text-shadow:0 1px 6px #00281e99;font-family:Cinzel,serif;font-size:50px;font-weight:800;line-height:1}.track{flex-direction:column;align-items:center;display:flex}.track .overload,.track .dtrack{justify-content:center;margin-top:0}.tb-turn{text-align:center;letter-spacing:1.3px;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 3px #000000b3;justify-content:center;gap:12px;font-family:Cinzel,serif;font-size:10px;display:flex}.tb-turn b{color:var(--light-gold-soft);font-size:13px}.codex{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.kw-row{align-items:flex-start;gap:9px;display:flex}.kw-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);flex:none;width:26px;height:26px;margin-top:1px}.kw-body{min-width:0}.kw-term{letter-spacing:.4px;color:#6b4f23;font-family:Cinzel,serif;font-size:13px;line-height:1.15}.kw-desc{color:#5b4836;margin-top:1px;font-size:13.5px;line-height:1.38}.ki-title{letter-spacing:.5px;color:#4a3413;border-bottom:1px solid #9a762673;margin-bottom:9px;padding-bottom:7px;font-family:Cinzel,serif;font-size:16px;font-weight:700}.keyword-inspector{z-index:460;background:var(--parchment);border:1px solid var(--parchment-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:11px;max-height:74vh;padding:13px 14px;position:fixed;overflow-y:auto;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #f0dfaa0f,0 12px 34px #000000b3}.keyword-inspector.flip{transform:translate(-100%,-50%)}.card-zoom-stage{cursor:default;justify-content:center;align-items:center;gap:22px;max-width:94vw;display:flex}.zoom-codex{background:var(--parchment);border:1px solid var(--parchment-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;width:min(330px,30vw);max-height:80cqh;padding:16px 18px;overflow-y:auto;box-shadow:inset 0 0 0 1px #f0dfaa0d,0 14px 34px #0009}.zoom-codex .ki-title{margin-bottom:12px;font-size:18px}.zoom-codex .kw-term{font-size:13px}.zoom-codex .kw-desc{font-size:14px;line-height:1.35}.zoom-codex .kw-icon{width:24px;height:24px}.preview-codex{background:var(--parchment);border:1px solid var(--parchment-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:11px;width:min(300px,26vw);max-height:54cqh;padding:13px 15px;overflow:hidden;box-shadow:inset 0 0 0 1px #f0dfaa0d,0 12px 30px #0009}.c-ink{height:calc(var(--ink,0) * 100%);z-index:1;pointer-events:none;background:linear-gradient(#1c0c2e00,#1a0b2c61 40%,#0c051ac7);animation:3.6s ease-in-out infinite inkWobble;position:absolute;bottom:0;left:0;right:0}@keyframes inkWobble{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6%)}}.card.brink{animation:1.6s ease-in-out infinite brinkGlow}@keyframes brinkGlow{0%,to{filter:drop-shadow(0 0 3px #ff6a5a59)}50%{filter:drop-shadow(0 0 10px #ff6a5acc)}}.rune-bloom{pointer-events:none;z-index:6;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rune-bloom:after{content:"";border:1.5px solid #fff5cdf2;border-radius:7%;animation:.55s ease-out forwards rbFlash;position:absolute;inset:0;box-shadow:0 0 14px #ffdc8cb3,inset 0 0 12px #ffdc8c52}.rune-bloom:before{content:"";background:radial-gradient(#ffe49e47,#0000 60%);border-radius:9%;animation:.9s ease-out forwards rbGlow;position:absolute;inset:-3%}.rune-bloom.shadow:before,.rune-bloom.boss:before{background:radial-gradient(#caa0ff47,#0000 60%)}.rune-bloom.shadow:after,.rune-bloom.boss:after{border-color:#e8d6fff2;box-shadow:0 0 14px #b478ebb3,inset 0 0 12px #b478eb52}.rb-ring{opacity:0;border:2px solid #ffe7acd1;border-radius:7%;animation:.85s cubic-bezier(.18,.75,.28,1) forwards rbRing;position:absolute;inset:0;transform:scale(1);box-shadow:0 0 10px #ffd68280}.rune-bloom.shadow .rb-ring,.rune-bloom.boss .rb-ring{border-color:#d6b0ffd1;box-shadow:0 0 10px #ac70e880}@keyframes rbFlash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes rbGlow{0%{opacity:0;transform:scale(.92)}30%{opacity:1}to{opacity:0;transform:scale(1.06)}}@keyframes rbRing{0%{opacity:0;transform:scale(1)}20%{opacity:.85}to{opacity:0;transform:scale(1.22)}}.ley{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ley-line{stroke:#e6c07429;stroke-width:1.1px;stroke-linecap:round}.ley-orb{filter:drop-shadow(0 0 4px #ffd282f2)drop-shadow(0 0 10px #f5b45a99)}.ley--flash .ley-line{stroke:#ffebaa99;stroke-width:1.8px;transition:stroke .15s}.ley--flash .ley-orb{filter:drop-shadow(0 0 7px #ffeb96)drop-shadow(0 0 16px #ffc86ed9)}.ep-orb{justify-content:center;align-items:center;display:flex;position:relative}.orb-pulse{pointer-events:none;border:2px solid #5fc7a8d9;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:.7s ease-out both orbPulse;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #5fc7a8b3}.orb-pulse.big{animation:1s ease-out both orbWave}@keyframes orbPulse{0%{opacity:0;transform:scale(.6)}30%{opacity:.9}to{opacity:0;transform:scale(1.7)}}@keyframes orbWave{0%{opacity:0;transform:scale(.5)}25%{opacity:1}to{opacity:0;transform:scale(2.5)}}.fx-layer{z-index:540;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx-layer>*{will-change:transform,opacity;position:absolute;top:0;left:0}.fx-strike{transform-origin:50%;background:linear-gradient(90deg,#0000,#fff5d2f2 18%,#fff 50%,#fff5d2f2 82%,#0000);border-radius:2px;height:3px;box-shadow:0 0 10px #ffe196e6,0 0 22px #ffc86e8c}.fx-bolt{border-radius:50%;width:14px;height:14px}.fx-bolt.crown{background:radial-gradient(circle,#fff,#ffcf6a 45%,#e6962833 70%);box-shadow:0 0 12px #ffc85af2,0 0 26px #ffaa3c8c}.fx-bolt.danger{background:radial-gradient(circle,#fff,#ff7a6a 45%,#c8283233 70%);box-shadow:0 0 12px #ff5a5af2,0 0 26px #c828328c}.fx-mote{background:radial-gradient(circle,#eafff7,var(--teal) 55%,#288c6e33 75%);border-radius:50%;width:11px;height:11px;box-shadow:0 0 10px #5fc7a8e6,0 0 20px #5fc7a880}.stage.lost .board{filter:grayscale(.8)brightness(.8);transition:filter 1.3s}.stage.won .board{filter:brightness(1.07)saturate(1.08);transition:filter 1s}.end-bloom{pointer-events:none;background:radial-gradient(circle,#fff0c88c,#ffcd6e38 30%,#0000 60%);border-radius:50%;width:140vmax;height:140vmax;animation:1.2s ease-out both endBloom;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes endBloom{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}40%{opacity:1}to{opacity:.85;transform:translate(-50%,-50%)scale(1)}}.end-rays{pointer-events:none;mix-blend-mode:screen;opacity:0;background:repeating-conic-gradient(#ffe19600 0deg,#ffe19633 3deg,#ffe19600 8deg);border-radius:50%;width:120vmax;height:120vmax;animation:9s linear infinite endRaysSpin,1.1s ease-out forwards endFade;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes endRaysSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes endFade{0%{opacity:0}to{opacity:.7}}.end-creep{pointer-events:none;background:radial-gradient(120% 90%,#0000 30%,#28061099 70%,#140208eb);animation:1.4s ease-out both endCreep;position:absolute;inset:0}@keyframes endCreep{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.end-sigil{pointer-events:none;font-family:Cinzel,serif;font-size:96px;line-height:1;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.end-sigil.sieg{color:#fff3d0;text-shadow:0 0 30px #ffd278e6,0 0 60px #ffb44699;animation:.9s cubic-bezier(.2,1.4,.4,1) both sigilJump}@keyframes sigilJump{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)translateY(20px)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.18)translateY(-10px)}to{opacity:1;transform:translate(-50%,-50%)scale(1)translateY(0)}}.end-sigil.niederlage{color:#e3568a;text-shadow:0 0 26px #c9285af2,0 0 54px #8c0a32b3;animation:2.2s ease-in-out infinite sigilFlame}@keyframes sigilFlame{0%,to{opacity:.75;text-shadow:0 0 22px #c9285acc,0 0 40px #8c0a3280}50%{opacity:1;text-shadow:0 0 34px #ff3c6e,0 0 70px #b4143ccc}}}@layer mantine;