@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)}.board-card-wrap .card,.board-card-wrap .card:hover{filter:none;z-index:auto;cursor:pointer;transform:none}.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{background:url(/assets/card_dark.png) 50%/100% 100% no-repeat}.card.boss:before{background:url(/assets/card_dark_boss.png) 50%/100% 100% no-repeat}.card.shadow:not(.card--magic) .c-art{width:69.8%;height:47.6%;top:17.7%;left:13.8%}.card.boss:not(.card--magic) .c-art{width:69.3%;height:47.3%;top:22.1%;left:15.4%}.card.shadow:not(.card--magic) .c-name{height:6%;top:7.6%;left:26.5%;right:26.7%}.card.shadow:not(.card--magic) .c-stat.ver{top:85.3%;left:14.6%}.card.shadow:not(.card--magic) .c-stat.atk{top:85.3%;left:84.8%}.card.boss:not(.card--magic) .c-name{height:6.8%;top:13.2%;left:18.6%;right:18.7%}.card.boss:not(.card--magic) .c-text{height:17.2%;top:73%;left:18.6%;right:20.7%}.card.boss:not(.card--magic) .c-stat.ver{top:87.4%;left:13.8%}.card.boss:not(.card--magic) .c-stat.atk{top:87.4%;left:86.3%}.card.shadow .c-cost,.card.boss .c-cost{display:none}.card.light:not(.card--magic):before{background:url(/assets/card_light.png) 50%/100% 100% no-repeat}.card.light.card--episch:not(.card--magic):before{background:url(/assets/card_epic_light.png) 50%/100% 100% no-repeat}.card.light.card--legendaer:not(.card--magic):before{background:url(/assets/cover_legendary_light.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}.card.light:not(.card--magic) .c-art{width:74.5%;height:48.7%;top:14.5%;left:12.2%}.card.light.card--episch:not(.card--magic) .c-art{width:70.7%;height:47.3%;top:17.7%;left:14.6%}.card.light.card--legendaer:not(.card--magic) .c-art{width:69.8%;height:47.1%;top:16.6%;left:15.7%}.card.light.card--episch:not(.card--magic) .c-name{height:7.4%;top:9.3%;left:31.8%;right:24.4%}.card.light.card--episch:not(.card--magic) .c-cost{top:13%;left:15.8%}.card.light.card--episch:not(.card--magic) .c-stat.ver{top:87.4%;left:13.4%}.card.light.card--episch:not(.card--magic) .c-stat.atk{top:87.4%;left:84.9%}.card.light.card--episch:not(.card--magic) .c-text{height:9.3%;top:66.2%;left:15.9%;right:17.7%}.card.light.card--legendaer:not(.card--magic) .c-name{height:5.9%;top:9.5%;left:31.7%;right:18.7%}.card.light.card--legendaer:not(.card--magic) .c-cost{top:11.5%;left:13.8%}.card.light.card--legendaer:not(.card--magic) .c-stat.ver{top:87.3%;left:13.8%}.card.light.card--legendaer:not(.card--magic) .c-stat.atk{top:87.3%;left:86.4%}.card.light.card--legendaer:not(.card--magic) .c-text{height:10.7%;top:66.6%;left:18.9%;right:19.3%}.card.light:not(.card--magic) .c-name{height:6.8%;top:6.7%;left:29.5%;right:26.6%}.card.light:not(.card--magic) .c-cost{top:10.7%;left:13.7%}.card.light:not(.card--magic) .c-stat.ver{top:89%;left:13.2%}.card.light:not(.card--magic) .c-stat.atk{top:89%;left:87.5%}.card.light:not(.card--magic) .c-text{height:12.9%;top:65.6%;left:17%;right:16.7%}.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:normal;text-align:center;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;line-height:1.04;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}.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.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:9.8%;left:12.9%}.card--magic.light .c-name{height:7.1%;top:6.1%;left:29.8%;right:21.3%}.card--magic.light .c-text{height:13.9%;top:69.2%;left:14.2%;right:15.1%}.card--magic.shadow .c-cost,.card--magic.boss .c-cost{top:10.5%;left:13%}.card--magic.light .c-art{width:77.3%;height:50.2%;top:15.4%;left:11.2%}.card--magic.shadow .c-art,.card--magic.boss .c-art{width:72%;height:51.3%;top:16.1%;left:14.1%}.card--magic.shadow .c-name{height:6.4%;top:8.4%;left:19.3%;right:19.4%}.card--magic.shadow .c-text{height:20.3%;top:70.1%;left:16.4%;right:17.1%}.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%}.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{width:100%;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);place-items:center;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}.screen-village{background:linear-gradient(#1a10084d,#160c068f),url(/assets/village.webp) 50%/cover no-repeat,#1a1208}.screen-castle{background:linear-gradient(#1a100857,#120a0699),url(/assets/castle.webp) 50%/cover no-repeat,#1a1208}.shop{z-index:2;flex-direction:column;align-items:center;gap:24px;width:min(94vw,1040px);padding:24px;display:flex;position:relative}.shop-head{text-align:center}.shop-head .brand{font-size:42px}.shop-head .brand-sub{margin-top:3px;font-size:12px}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:18px;width:100%;display:grid}.shop-stall{text-align:center;border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(#22180ecc,#140d08d6);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:158px;padding:22px 18px;transition:transform .16s,border-color .16s;display:flex;box-shadow:inset 0 0 30px #00000080,0 10px 30px #00000080}.shop-stall:hover{border-color:var(--light-gold);transform:translateY(-4px)}.stall-name{color:var(--light-gold-soft);font-family:Cinzel,serif;font-size:18px;font-weight:700}.stall-desc{color:var(--ink-dim);max-width:24ch;font-size:13px;line-height:1.4}.stall-soon{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);border:1px dashed #d8b56a59;border-radius:8px;margin-top:4px;padding:3px 11px;font-family:Cinzel,serif;font-size:10px}.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,.shop-head .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,.shop-head .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)}.field-hint{color:var(--ink-dim);margin-top:4px;font-size:11.5px;display:block}.field-hint.ok{color:#5fbf86}.field-hint.bad{color:#d08a55}.pw-strength{background:#ffffff12;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.pw-strength-bar{background:#c0564b;border-radius:3px;width:0;height:100%;transition:width .2s,background .2s}.pw-strength-bar.s3{background:#d8a24b}.pw-strength-bar.s4{background:#9fc05f}.pw-strength-bar.s5{background:#5fbf86}.pw-rules{flex-direction:column;gap:3px;margin:8px 0 0;padding:0;list-style:none;display:flex}.pw-rules li{color:var(--ink-faint);align-items:center;gap:6px;font-size:11.5px;transition:color .15s;display:flex}.pw-rules li.ok{color:#5fbf86}.pw-rules .pw-mark{text-align:center;width:12px;font-weight:700;display:inline-block}.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}.menu-sub{border-left:2px solid #d8b56a47;flex-direction:column;align-items:center;gap:8px;width:260px;padding:8px 0 4px;display:flex}.menu-sub .ark-btn{width:224px}.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:pointer;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%)}.duel-stage{z-index:540;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#0e0a06b8,#060402e6);flex-direction:column;justify-content:center;align-items:center;gap:2.4cqh;display:flex;position:fixed;inset:0;overflow:hidden}.shadow-cast-stage{z-index:545;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(60% 50%,#1c122680,#08050ecc);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shadow-cast{text-align:center;background:#1c1226f0;border:1px solid #9a5bd0bf;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:18px 36px;font-family:Cinzel,serif;animation:.95s shadowCastPulse;display:flex;box-shadow:0 0 42px #9a5bd0b3,inset 0 0 24px #50287873}.shadow-cast .sc-kind{letter-spacing:.16em;text-transform:uppercase;color:#be96e6d9;font-size:12px}.shadow-cast .sc-name{color:#e0c4fffc;text-shadow:0 0 14px #9a5bd0d9;font-size:22px}.shadow-cast.kind-execute{border-color:#ff6060cc;box-shadow:0 0 42px #dc3c3cb3,inset 0 0 24px #781e1e73}.shadow-cast.kind-execute .sc-name{color:#ffaca2fc;text-shadow:0 0 14px #dc3c3cd9}@keyframes shadowCastPulse{0%{opacity:0;transform:scale(.82)}22%{opacity:1;transform:scale(1.05)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.duel-arena{justify-content:center;align-items:center;gap:14cqw;width:100%;display:flex;position:relative}.duel-fighter{display:flex;position:relative}.duel-fighter .card.card--big{filter:drop-shadow(0 20px 44px #000000b3);height:60cqh}.duel-fighter.atk .card.card--big{filter:drop-shadow(0 0 16px #ebcd8259)drop-shadow(0 20px 44px #000000b3)}.duel-fighter.def .card.card--big{filter:drop-shadow(0 0 16px #c896eb59)drop-shadow(0 20px 44px #000000b3)}.duel-fighter.struck .card.card--big{animation:.42s ease-out duel-struck}.duel-fighter.dead .card.card--big{filter:grayscale()brightness(.45)drop-shadow(0 0 22px #ff3c2880)}.duel-dmg{z-index:5;pointer-events:none;color:#ff5a44;text-shadow:0 2px 4px #000c,0 0 18px #ff4632b3;font-family:Cinzel,serif;font-size:clamp(34px,7cqh,72px);font-weight:900;animation:1s ease-out forwards duel-dmg-rise;position:absolute;top:14%;left:50%}.duel-dmg.big{font-size:clamp(40px,9cqh,96px)}.duel-dmg.blocked{letter-spacing:.04em;color:#ffe7b0;text-shadow:0 2px 4px #000c,0 0 16px #ebcd82d9;font-size:clamp(20px,3.6cqh,38px)}.duel-clash{z-index:4;pointer-events:none;opacity:.2;color:#ffe7b0;text-shadow:0 0 22px #ffc86ecc;font-size:clamp(30px,6cqh,64px);transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.duel-clash.active{animation:.55s ease-out duel-clash-pulse}.duel-heart{background:radial-gradient(#3c101099,#14080866);border:1px solid #ff786440;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1cqh;width:34cqh;height:48cqh;display:flex;position:relative;box-shadow:inset 0 0 40px #0009,0 18px 44px #0009}.duel-heart.struck{animation:.42s ease-out duel-struck}.duel-heart-ic{color:#e8473a;text-shadow:0 0 26px #ff4632b3;font-size:clamp(40px,10cqh,110px);line-height:1}.duel-heart-num{color:#ffe7d8;font-family:Cinzel,serif;font-size:clamp(22px,4.4cqh,44px);font-weight:900}.duel-heart-lbl{color:#d9b48c;letter-spacing:.04em;font-family:Cinzel,serif;font-size:clamp(11px,1.8cqh,18px);font-style:italic}.duel-caption{z-index:5;pointer-events:none;letter-spacing:.06em;color:#e6cfa0;text-shadow:0 1px 3px #000000b3;font-family:Cinzel,serif;font-size:clamp(12px,2cqh,20px);position:relative}.duel-skip{opacity:.6;font-size:.82em;font-style:italic}@keyframes duel-dmg-rise{0%{opacity:0;transform:translate(-50%,12px)scale(.6)}18%{opacity:1;transform:translate(-50%,-8px)scale(1.18)}to{opacity:0;transform:translate(-50%,-70px)scale(1)}}@keyframes duel-struck{0%{filter:drop-shadow(0 20px 44px #000000b3)}22%{filter:drop-shadow(0 0 26px #ff4632f2)brightness(1.55)saturate(1.3)}to{filter:drop-shadow(0 20px 44px #000000b3)}}@keyframes duel-clash-pulse{0%{opacity:.25;transform:translate(-50%,-50%)scale(.8)rotate(-10deg)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.4)rotate(10deg)}to{opacity:.25;transform:translate(-50%,-50%)scale(.85)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){.duel-fighter.struck .card.card--big,.duel-heart.struck,.duel-clash.active{animation:none}.duel-dmg{opacity:1;animation:none;transform:translate(-50%,-30px)}}.duel-dissolve{z-index:6;pointer-events:none;width:160%;height:160%;position:absolute;top:-30%;left:-30%}.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)}@keyframes castArmedPulse{0%,to{filter:drop-shadow(0 0 10px #f6d480d9)drop-shadow(0 0 22px #f6d48073)}50%{filter:drop-shadow(0 0 17px #f6d480)drop-shadow(0 0 36px #f6d480b8)}}.drag-follower{z-index:600;pointer-events:none;filter:drop-shadow(0 12px 26px #0009);width:120px;position:fixed;transform:translate(-50%,-55%)}.drag-follower .card{width:100%}.drag-follower.cast-armed{animation:.7s ease-in-out infinite castArmedPulse;transform:translate(-50%,-58%)scale(1.08)}.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}}.run{aspect-ratio:16/9;width:100%;max-width:1760px;max-height:100dvh;color:var(--ink);-webkit-user-select:none;user-select:none;background:linear-gradient(#1a10082e,#180c0657),url(/assets/background.webp) 50%/cover no-repeat,#1a1208;grid-template-rows:auto 1fr auto;margin:0 auto;display:grid;position:relative;overflow:hidden;container-type:size}.run .ambient-layer{z-index:5}.orient-lock{display:none}@media (orientation:portrait) and (pointer:coarse){.orient-lock{z-index:9999;text-align:center;color:var(--ink);background:radial-gradient(120% 100% at 50% 14%,#2b2013,#110b05 72%);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex;position:fixed;inset:0}}.orient-lock__icon{width:74px;height:74px;color:var(--light-gold);filter:drop-shadow(0 0 10px #e6c07466);animation:2.6s cubic-bezier(.6,0,.4,1) infinite orient-rot}@keyframes orient-rot{0%,38%{transform:rotate(0)}58%,to{transform:rotate(90deg)}}.orient-lock__title{letter-spacing:.05em;color:var(--light-gold-soft);font-family:Cinzel,serif;font-size:21px;font-weight:900}.orient-lock__text{color:var(--ink-dim);max-width:24ch;font-family:EB Garamond,serif;font-size:16px;font-style:italic;line-height:1.5}.run-top{z-index:18;-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:14px;padding:7px 16px;display:flex;position:relative;box-shadow:0 4px 14px #0006}.rt-left,.rt-right{flex:none;align-items:center;min-width:100px;display:flex}.rt-right{justify-content:flex-end}.rt-center{flex-direction:column;flex:auto;align-items:center;gap:5px;min-width:0;display:flex}.rt-ess{color:var(--teal-soft);text-shadow:0 1px 5px #00281e99;font-family:Cinzel,serif;font-size:18px;font-weight:700}.run-progress{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-family:Cinzel,serif;font-size:12px}.boss-bar{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#221228a8,#140a1aa8);border:1px solid #9a5bd073;border-radius:12px;width:min(560px,80%);padding:10px 16px;box-shadow:0 4px 18px #00000073}.boss-bar.boss{background:linear-gradient(#301612b3,#1a0a08b3);border-color:#d8b56a80}.boss-name{background:linear-gradient(#fff5dc,#e6c074 55%,#caa24f);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Cinzel,serif;font-size:20px;font-weight:700}.boss-leben{background:#00000073;border:1px solid #ffffff1f;border-radius:8px;height:16px;margin:6px 0 8px;position:relative;overflow:hidden}.boss-leben-fill{background:linear-gradient(90deg,#7a1a1f,#c4404a 60%,#ff6a5a);border-radius:8px;width:0;transition:width .45s;position:absolute;inset:0}.boss-leben span{color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:0}.boss-intent{color:var(--shadow-violet-soft);font-size:15px}.boss-bar.boss .boss-intent{color:var(--light-gold-soft)}.intent-glyph{font-size:17px}.intent-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.run-field{z-index:15;flex-direction:column;justify-content:center;align-items:center;gap:4.5cqh;min-height:0;padding:1cqh 18px;display:flex;position:relative}.waechter-row{justify-content:center;align-items:flex-end;gap:1.4cqw;display:flex}.run-slot{aspect-ratio:1013/1518;border-radius:12px;flex:none;width:min(19cqh,14.5vw);position:relative}.run-slot.filled .card{width:100%}.run-slot .soak{color:var(--shadow-violet-soft);white-space:nowrap;font-family:Cinzel,serif;font-size:11px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.run-slot.empty{cursor:default;background:#ffffff05;border:1.5px dashed #d8b56a59;place-items:center;display:grid}.run-slot.empty .mk{color:#d8b56a4d;font-family:Cinzel,serif;font-size:24px}.run-slot.empty.targetable{border-color:var(--light-gold);cursor:pointer;animation:1.15s ease-in-out infinite slotValidPulse;box-shadow:inset 0 0 24px #e6c07438,0 0 16px #e6c07480}.herz{background:linear-gradient(#280c1080,#14060880);border:1px solid #ff6a5a4d;border-radius:12px;align-items:center;gap:10px;padding:6px 14px;display:flex}.herz-icon{color:#ff6a5a;filter:drop-shadow(0 0 8px #ff5a5ab3);font-size:26px}.herz-gauge{background:#00000080;border:1px solid #ffffff1f;border-radius:7px;width:min(280px,40vw);height:14px;overflow:hidden}.herz-fill{background:linear-gradient(90deg,#5a1020,#9a1f3a 50%,#ff5a6e);width:0;height:100%;transition:width .5s}.herz-val{color:#ffb4ab;min-width:42px;font-family:Cinzel,serif;font-size:13px}.run-bottom{z-index:16;justify-content:space-between;align-items:center;gap:14px;padding:6px 18px 12px;display:flex;position:relative}.rb-left,.rb-right{flex:1 1 0;align-items:center;gap:16px;min-width:0;display:flex}.rb-right{justify-content:flex-end}.run-center{flex:none;justify-content:center;align-items:center;gap:1.2cqw;display:flex}.deck-pile,.discard-pile{background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:5px;padding:0;display:flex}.pile-stack{transition:transform .14s;position:relative}.pile-card{aspect-ratio:1013/1518;border-radius:9px;width:auto;height:min(13cqh,10vw);display:block}.deck-pile .pile-card.back{border:1px solid var(--frame);background:url(/assets/cover-light.png) 50%/cover no-repeat,#1a1209;box-shadow:inset 0 0 0 2px #d8b56a47,0 4px 10px #00000080}.deck-pile .pile-card.back:first-child{position:absolute;top:0;left:0;transform:translate(5px,4px)rotate(2deg)}.deck-pile .pile-card.back:nth-child(2){position:absolute;top:0;left:0;transform:translate(-3px,2px)rotate(-1.5deg)}.deck-pile .pile-card.back.top{position:relative}.discard-pile .card{width:auto;height:min(13cqh,10vw)}.pile-card.empty{color:var(--ink-faint);background:#ffffff08;border:1.5px dashed #d8b56a59;place-items:center;font-size:11px;display:grid}.pile-count{z-index:4;min-width:22px;height:22px;color:var(--ink);border:1px solid var(--frame);background:#140e08eb;border-radius:11px;place-items:center;padding:0 5px;font-family:Cinzel,serif;font-size:13px;font-weight:800;display:grid;position:absolute;top:-7px;right:-7px}.pile-cap{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-size:10px}.discard-pile:not(:disabled){cursor:pointer}.discard-pile:not(:disabled):hover .pile-stack{transform:translateY(-4px)}.discard-pile:not(:disabled):hover .pile-cap{color:var(--light-gold-soft)}.discard-pile:disabled{opacity:.7;cursor:default}.ablage-back{z-index:480}.ablage-panel{z-index:2;background:var(--parchment);border:1px solid var(--parchment-edge);border-radius:14px;flex-direction:column;align-items:center;gap:16px;width:min(92vw,880px);max-height:84vh;padding:20px 22px;display:flex;position:relative;overflow-y:auto;box-shadow:inset 0 0 0 1px #f0dfaa0d,0 16px 40px #0009}.ablage-panel .ki-title{color:#4a3413;font-size:18px}.ablage-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;width:100%;display:grid}.ablage-cell{cursor:pointer;justify-content:center;transition:transform .14s;display:flex}.ablage-cell:hover{transform:translateY(-5px)}.ablage-cell .card{width:100%;height:auto}.run-ess{flex-direction:row;flex:none;justify-content:center;align-items:center;gap:10px;display:flex}.ess-ic{object-fit:contain;filter:drop-shadow(0 2px 9px #00281e99);width:72px;height:72px}.ess-meta{flex-direction:column;align-items:flex-start;line-height:1;display:flex}.ess-num{color:var(--teal-soft);text-shadow:0 1px 6px #00281e99;font-family:Cinzel,serif;font-size:40px;font-weight:800;line-height:1}.ess-lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-top:3px;font-size:11px}.run-hand{flex:none;justify-content:center;align-items:flex-end;gap:.6cqw;min-width:calc(3.3365*min(20cqh,15vw) + 2.4cqw);display:flex}.run-handcard{cursor:pointer;flex:none;transition:transform .14s}.run-handcard .card{width:auto;height:min(20cqh,15vw)}.run-handcard[draggable=true]{cursor:grab}.run-handcard[draggable=true]:active{cursor:grabbing}.run-handcard:hover{transform:translateY(-10px)}.run-handcard.selected{filter:drop-shadow(0 0 14px #e6c074d9);transform:translateY(-16px)}.run-handcard.unaffordable{filter:grayscale(.6)brightness(.7)}.end-cluster{flex-direction:column;flex:none;align-items:center;gap:6px;min-width:104px;display:flex}.run-round{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-family:Cinzel,serif;font-size:12px}.run-slot.empty.over{border-color:var(--light-gold);border-style:solid;box-shadow:inset 0 0 30px #e6c07466,0 0 22px #e6c074bf}.run-overlay{z-index:30;background:radial-gradient(120% 90% at 50% 40%,#0a0603c7,#060402eb);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.run-title{letter-spacing:.05em;text-align:center;background:linear-gradient(180deg,#fff5dc,var(--light-gold) 55%,var(--light-deep));color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Cinzel,serif;font-size:42px;font-weight:900}.run-title.dead{background:linear-gradient(180deg,#f4d2e6,var(--crimson) 55%,#5a1230);color:#0000;-webkit-background-clip:text;background-clip:text}.run-sub{color:var(--ink-dim);font-style:italic}.draft-row{align-items:center;gap:24px;display:flex}.draft-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.draft-remove{grid-template-columns:repeat(auto-fill,minmax(min(11cqh,90px),1fr));gap:14px;width:min(960px,92vw);max-height:min(56vh,460px);margin:4px auto 2px;padding:6px 10px;display:grid;overflow-y:auto}.draft-remove .draft-card{width:100%}.draft-remove .draft-card:hover{filter:drop-shadow(0 0 16px #e05a5ab3);transform:translateY(-6px)scale(1.04)}.draft-card{cursor:pointer;background:0 0;border:none;width:min(18cqh,16vw);padding:0;transition:transform .16s}.draft-card .card{width:100%;height:auto}.draft-card:hover{filter:drop-shadow(0 0 18px #e6c074b3);transform:translateY(-12px)scale(1.04)}.draft-codex{background:var(--parchment);border:1px solid var(--parchment-edge);text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;width:min(440px,80vw);height:min(30vh,232px);margin:18px auto 0;padding:14px 18px;overflow-y:auto;box-shadow:inset 0 0 0 1px #f0dfaa0d,0 12px 30px #0009}.draft-codex .dc-inner{flex-direction:column;gap:11px;display:flex}.draft-codex .codex-empty{color:#7c6a52;font-size:13.5px;font-style:italic}.draft-card.focused{filter:drop-shadow(0 0 18px #e6c074b3);transform:translateY(-12px)scale(1.04)}.run-handcard.dragging-src{opacity:.32}.run-end-actions{gap:14px;display:flex}.run-meters{flex-wrap:wrap;justify-content:center;gap:18px;width:min(760px,94%);display:flex}.meter{flex:320px;align-items:center;gap:8px;display:flex}.meter-lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);text-align:right;min-width:84px;font-size:11px}.meter-bar{background:#00000080;border:1px solid #ffffff1f;border-radius:7px;flex:1;height:14px;overflow:hidden}.meter-fill{width:0;height:100%;transition:width .45s}.meter-fill.fort{background:linear-gradient(90deg,#1c6f68,var(--teal) 70%,#a7e6cf)}.meter-fill.bann{background:linear-gradient(90deg,#5a1020,#9a1f3a 50%,#ff5a6e)}.meter-fill.schutz{background:linear-gradient(90deg,#9a7626,var(--light-gold) 60%,#f6e3ab);box-shadow:0 0 8px #e6c07466}.meter-val{color:var(--ink-dim);min-width:96px;font-family:Cinzel,serif;font-size:12px}.front-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:12px;min-height:min(27cqh,20.5vw);display:flex}.front-empty{color:var(--ink-faint);align-self:center;font-style:italic}.shadow-card{text-align:center;background:linear-gradient(#28142eb3,#140a1ab3);border:1px solid #9a5bd073;border-radius:10px;min-width:118px;padding:8px 12px;box-shadow:0 3px 12px #0006}.shadow-card.boss{background:linear-gradient(#361410c7,#1c0808c7);border-color:#ff6a5a99;min-width:150px;box-shadow:0 0 16px #ff5a4659}.sc-bild{object-fit:cover;border:1px solid #d8b56a4d;border-radius:6px;width:100%;height:56px;margin-bottom:5px;display:block}.shadow-card.boss .sc-bild{height:84px}.sc-name{color:var(--shadow-violet-soft);margin-bottom:4px;font-family:Cinzel,serif;font-size:13px}.shadow-card.boss .sc-name{color:#ff9a8a}.sc-stats{justify-content:center;gap:10px;font-size:13px;display:flex}.sc-druck{color:#c79bf0}.sc-leben{color:var(--ink-dim)}.sc-angriff{color:#ff8a7a}.front-card{flex-direction:column;flex:none;align-items:center;width:min(18cqh,13.5vw);transition:transform .14s;display:flex;position:relative}.front-card.boss{width:min(21cqh,16.5vw)}.front-card .card{width:100%}.front-card .c-cost{display:none}.front-card.targetable{cursor:pointer}.front-card.targetable .card{outline-offset:3px;border-radius:12px;outline:2px solid #ff8a7ae6;animation:1.15s ease-in-out infinite slotValidPulse;box-shadow:0 0 18px #ff6a5a8c}.front-card.targetable:hover{transform:translateY(-4px)}.run-forecast{z-index:17;background:var(--parchment);border:1px solid var(--parchment-edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:11px;flex-direction:column;gap:11px;width:min(238px,22cqw);padding:13px 16px 15px;display:flex;position:absolute;top:48%;right:1.4cqw;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #f0dfaa0d,0 12px 30px #0009}.fc-head{letter-spacing:.5px;color:#4a3413;text-align:center;border-bottom:1px solid #9a762673;margin:0 0 1px;padding-bottom:8px;font-family:Cinzel,serif;font-size:15px;font-weight:700}.fc-block{flex-direction:column;gap:2px;display:flex}.fc-row{color:#5b4836;align-items:baseline;gap:6px;font-size:13.5px;display:flex}.fc-lbl{letter-spacing:.4px;color:#6b4f23;flex:1;font-family:Cinzel,serif;font-size:13px}.fc-val{color:#4a3413;font-family:Cinzel,serif;font-size:18px;font-weight:700}.fc-vs{color:#7c6a52;font-size:11.5px}.fc-out{text-align:right;font-size:13.5px;font-weight:700}.fc-out.good{color:#1c6f55}.fc-out.bad,.fc-val.bad{color:#9a2b22}.run-slot.filled{cursor:pointer}.run-slot.filled.ready{touch-action:none;cursor:grab}.run-slot.filled.ready:active{cursor:grabbing}.run-slot.filled.ready .card{outline-offset:2px;border-radius:12px;outline:2px solid #5fc7a88c}.run-slot.filled.sel-att .card{outline:2px solid var(--light-gold);outline-offset:2px;border-radius:12px;box-shadow:0 0 20px #e6c074b3}.run-slot.filled.spent{cursor:default}.run-slot.filled.spent .card{animation:.75s forwards exhaustFlare}@keyframes exhaustFlare{0%{filter:grayscale(0)brightness();box-shadow:0 0 #f6d48000}28%{filter:grayscale(0)brightness(1.25);box-shadow:0 0 42px 10px #f8e096f2}to{filter:grayscale(.6)brightness(.66);box-shadow:0 0 #0000}}@keyframes hitFlash{0%{filter:none;box-shadow:0 0 #dc282800}16%{filter:brightness(1.55)saturate(1.5)drop-shadow(0 0 7px #ff2e2eeb);box-shadow:0 0 32px 9px #f03838fa}52%{filter:brightness(1.12)saturate(1.2);box-shadow:0 0 18px 5px #e632328c}to{filter:none;box-shadow:0 0 #dc282800}}.front-card.hit .card,.run-slot.filled.hit .card{border-radius:12px;animation:.5s hitFlash!important}@keyframes cardDestroy{0%{filter:brightness()saturate();opacity:1;transform:scale(1)rotate(0);box-shadow:0 0 #ff463200}16%{filter:brightness(1.85)saturate(1.5);opacity:1;transform:scale(1.07);box-shadow:0 0 42px 13px #ff543afa}46%{filter:brightness(.7)saturate(.3)blur(1.6px);opacity:.82;transform:scale(.9)rotate(-5deg);box-shadow:0 0 16px 4px #78161099}to{filter:brightness(.3)saturate(0)blur(4px);opacity:0;transform:scale(.48)rotate(-12deg)translateY(28px);box-shadow:0 0 #0000}}.front-card.dying{pointer-events:none}.front-card.dying .card,.run-slot.filled.dying .card{animation:.62s cubic-bezier(.4,0,.6,1) forwards cardDestroy!important}.atk-arrow-layer{pointer-events:none;z-index:590;width:100vw;height:100vh;position:fixed;inset:0;overflow:visible}.atk-arrow-line{fill:none;stroke:#f6d480f2;stroke-width:6px;stroke-linecap:round;filter:drop-shadow(0 0 7px #f6d480d9)}.atk-arrow-head{fill:#f8e096fc;filter:drop-shadow(0 0 6px #f6d480e6)}.atk-arrow-line.enemy{stroke:#c79bf0f2;filter:drop-shadow(0 0 7px #9a5bd0cc)}.atk-arrow-head.enemy{fill:#d8b4fffc;filter:drop-shadow(0 0 7px #9a5bd0d9)}.atk-arrow-line.enemy.through{stroke:#ff8a7af7;filter:drop-shadow(0 0 8px #ff5a5ad9)}.atk-arrow-head.enemy.through{fill:#ffa28efc;filter:drop-shadow(0 0 8px #ff5a5ae6)}.atk-badge{white-space:nowrap;pointer-events:none;color:#d7fff2;background:#1c6f68e6;border-radius:8px;padding:1px 8px;font-family:Cinzel,serif;font-size:10px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.atk-badge.muted{color:#d6c4e8d1;background:#2e263ce6}.c-def{z-index:4;color:#eaf0ff;background:radial-gradient(circle at 50% 34%,#6e86b0f7,#222e48f7);border:1.5px solid #c8daff8c;border-radius:50%;justify-content:center;align-items:center;min-width:9cqw;height:9cqw;font-family:Cinzel,serif;font-size:6.2cqw;font-weight:900;line-height:1;display:flex;position:absolute;top:10.5%;left:87%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000008c,inset 0 1px 2px #ffffff38}.stance-badge{white-space:nowrap;pointer-events:none;border-radius:8px;padding:1px 7px;font-family:Cinzel,serif;font-size:10px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.stance-badge.laeutern{color:#d7fff2;background:#1c6f68e0}.stance-badge.schlagen{color:#ffd9d2;background:#7a1a1fe0}.atk-layer{z-index:540;pointer-events:none;position:fixed;inset:0;overflow:hidden}.atk-bolt{will-change:transform,opacity;background:radial-gradient(circle,#fff,#c79bf0 45%,#783cb433 70%);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:0;left:0;box-shadow:0 0 12px #9a5bd0f2,0 0 24px #783cb499}.atk-bolt.through{background:radial-gradient(circle,#fff,#ff7a6a 45%,#c8283233 70%);box-shadow:0 0 12px #ff5a5af2,0 0 26px #c8283299}.enemy-turn-banner{z-index:20;pointer-events:none;letter-spacing:.08em;color:var(--shadow-violet-soft);text-shadow:0 0 16px #783cb4b3,0 2px 6px #000;font-family:Cinzel,serif;font-size:22px;animation:.5s ease-out etb;position:absolute;top:40%;left:50%;transform:translate(-50%)}@keyframes etb{0%{opacity:0;transform:translate(-50%)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.run-menu-btn{letter-spacing:.06em;color:var(--ink-dim);border:1px solid var(--panel-edge);cursor:pointer;background:#1a120a80;border-radius:8px;padding:5px 11px;font-family:Cinzel,serif;font-size:12px;transition:color .15s,border-color .15s}.run-menu-btn:hover{color:var(--light-gold-soft);border-color:var(--light-gold)}}@layer mantine;.card.shadow:not(.card--magic) .c-art{width:70.9%;height:50.2%;top:17%;left:13.2%}.card.shadow:not(.card--magic) .c-name{height:5.6%;top:8%;left:14.3%;right:16.8%}.card.shadow:not(.card--magic) .c-name .fit{-webkit-text-fill-color:#202020;color:#202020;background:0 0}.card.shadow:not(.card--magic) .c-text{color:#202020;height:9.6%;top:70.2%;left:16.1%;right:18%}.card.shadow:not(.card--magic) .c-stat.ver{color:#202020;top:88.6%;left:12%}.card.shadow:not(.card--magic) .c-stat.atk{color:#202020;top:88.6%;left:85.4%}.card--magic.light .c-art{width:78.9%;height:53.3%;top:14%;left:10.4%}.card--magic.light .c-name{height:7.1%;top:6.1%;left:29.8%;right:21.3%}.card--magic.light .c-text{height:13.9%;top:69.2%;left:14.2%;right:15.1%}.card--magic.light .c-cost{top:9.8%;left:12.9%}.card.boss:not(.card--magic) .c-art{width:69.3%;height:47.3%;top:22.1%;left:15.4%}.card.boss:not(.card--magic) .c-name{height:6.8%;top:13.2%;left:18.6%;right:18.7%}.card.boss:not(.card--magic) .c-text{height:17.2%;top:73%;left:18.6%;right:20.7%}.card.boss:not(.card--magic) .c-stat.ver{font-size:6.6cqw;top:87.4%;left:13.8%}.card.boss:not(.card--magic) .c-stat.atk{font-size:6.6cqw;top:87.4%;left:86.3%}.lp{--cream:#f7edd2;--gold:#c79a52;--gold-deep:#9a6e28;--bronze:#6e4d18;--ink:#5a431f;--ink-soft:#7a5e30;--ink-faint:#9a8252;--hero-img:url(/assets/landing_page.webp);--hero-fallback:radial-gradient(120% 100% at 28% 18%, #fbf3da, #f2e2b8 38%, #e6cf95 66%, #d8bd80 100%);--px:0;--py:0;isolation:isolate;width:100%;min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#e6cf95;font-family:EB Garamond,Georgia,serif;position:relative;overflow:hidden}.lp a{text-decoration:none}.lp__bg{z-index:0;background:var(--hero-img,var(--hero-fallback)) center/cover no-repeat, var(--hero-fallback);translate:calc(var(--px) * 8px) calc(var(--py) * 6px);will-change:transform;animation:28s ease-in-out infinite alternate lp-kenburns;position:absolute;inset:0;scale:1.06}@keyframes lp-kenburns{0%{scale:1.06}to{scale:1.13}}.lp__sun{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(60% 48% at 50% 8%,#fff4d66b,#0000 62%);animation:7s ease-in-out infinite lp-breathe;position:absolute;inset:0}@keyframes lp-breathe{0%,to{opacity:.85}50%{opacity:1}}.lp__shimmer{z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 40%,#fff6de1f 50%,#0000 60%) 0 0/280% 280%;animation:16s linear infinite lp-shimmer;position:absolute;inset:0}@keyframes lp-shimmer{0%{background-position:0 0}to{background-position:100% 100%}}.lp__ley{z-index:3;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(42% 26% at 50% 92%,#f7d58c66,#0000 72%);animation:4s ease-in-out infinite lp-ley;position:absolute;inset:0}@keyframes lp-ley{0%,to{opacity:.4}50%{opacity:.8}}.lp__scrim{z-index:4;pointer-events:none;background:linear-gradient(#0000 58%,#f5e7c742 100%);position:absolute;inset:0}.lp .ambient-layer{z-index:5}.lp__grain{z-index:6;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.lp__topbar{z-index:9;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.lp__mark{letter-spacing:.2em;color:var(--gold-deep);text-shadow:0 1px 2px #fffaeb80;font-family:Cinzel Decorative,Cinzel,serif;font-size:clamp(14px,1.5vw,18px);font-weight:700}.lp__content{z-index:7;text-align:center;align-content:start;justify-items:center;min-height:100dvh;padding:clamp(64px,13vh,150px) 22px 40px;display:grid;position:relative}.lp__lock{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#f9f0daf0,#eee1c2f0);border:1px solid #9a6e2873;border-radius:22px;justify-items:center;max-width:min(516px,90vw);padding:clamp(24px,3.4vw,34px) clamp(24px,4vw,42px) clamp(26px,3.4vw,36px);animation:1s cubic-bezier(.2,.7,.2,1) .1s both lp-rise;display:grid;position:relative;box-shadow:0 26px 64px #37260e73,inset 0 1px #fffaeb8c}.lp__lock:before{content:"";z-index:0;pointer-events:none;border:1px solid #9a6e284d;border-radius:16px;position:absolute;inset:7px}.lp__lock>*{z-index:1;position:relative}@keyframes lp-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.lp__eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--gold-deep);text-shadow:0 1px 2px #fffaeb80;margin-bottom:14px;padding-left:.42em;font-family:Cinzel,serif;font-size:clamp(11px,1.5vw,14px);font-weight:600}.lp__rule{align-items:center;gap:14px;width:min(330px,68vw);margin-bottom:6px;display:flex}.lp__rule:before,.lp__rule:after{content:"";flex:1;height:1px}.lp__rule:before{background:linear-gradient(90deg,#0000,#9a6e2899)}.lp__rule:after{background:linear-gradient(90deg,#9a6e2899,#0000)}.lp__rule span{color:var(--gold-deep);font-size:13px}.lp__brand{letter-spacing:.01em;background:linear-gradient(#e7be63 0%,#c79433 28%,#9a6e22 62%,#6e4d18 100%) 0 0/240%;color:#0000;filter:drop-shadow(0 1px 1px #462e1080);-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Cinzel,serif;font-size:clamp(36px,6vw,70px);font-weight:700;line-height:.92;animation:9s linear infinite lp-sheen}@keyframes lp-sheen{to{background-position:-240%}}.lp__sub{letter-spacing:.4em;text-transform:uppercase;color:var(--gold-deep);text-shadow:0 1px 2px #fffaeb8c;margin-top:.55em;padding-left:.4em;font-family:Cinzel,serif;font-size:clamp(12px,1.7vw,20px);font-weight:700}.lp__tagline{color:var(--ink);text-shadow:0 1px 2px #fffaeb8c;max-width:30em;margin:20px auto 0;font-family:EB Garamond,serif;font-size:clamp(15px,1.5vw,21px);font-style:italic;line-height:1.55}.lp__cta{justify-content:center;margin-top:30px;display:flex}.lp__cta .ark-btn{letter-spacing:.17em;height:56px;padding:0 54px;font-size:15.5px;text-decoration:none}.lp__ghost{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);padding:6px 2px;font-family:Cinzel,serif;font-size:13px;font-weight:600;transition:color .2s;position:relative}.lp__ghost:hover{color:var(--bronze)}.lp__ghost:after{content:"";background:var(--gold-deep);height:1px;transition:right .25s;position:absolute;bottom:0;left:0;right:100%}.lp__ghost:hover:after{right:0}@media (width<=900px){.lp__content{padding:clamp(56px,11vh,110px) 18px 32px}}@media (width<=560px){.lp__cta{flex-direction:column;gap:14px}.lp__cta .ark-btn{width:min(320px,82vw)}.lp__tagline{font-size:16px}}@media (prefers-reduced-motion:reduce){.lp__bg,.lp__sun,.lp__shimmer,.lp__ley,.lp__brand,.lp__lock{animation:none}.lp__bg{translate:0;scale:1.04}}.fg{color:#e8d9b8;background:#15100a;min-height:100dvh;font-family:EB Garamond,Georgia,serif}.fg-bar{z-index:20;background:#140e08f5;border-bottom:1px solid #d8b56a4d;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 22px;display:flex;position:sticky;top:0}.fg-bar h1{letter-spacing:.06em;color:#e6c074;font-family:Cinzel,serif;font-size:18px}.fg-back{letter-spacing:.04em;cursor:pointer;color:#cdb98f;background:#ffffff0a;border:1px solid #d8b56a47;border-radius:8px;padding:6px 12px;font-family:Cinzel,serif;font-size:12px;transition:all .15s}.fg-back:hover{color:#f6e3ab;border-color:#d8b56a99}.fg-frames{flex-wrap:wrap;gap:6px;display:flex}.fg-frames button{letter-spacing:.04em;cursor:pointer;color:#cdb98f;background:#ffffff0a;border:1px solid #d8b56a47;border-radius:8px;padding:6px 12px;font-family:Cinzel,serif;font-size:12px;transition:all .15s}.fg-frames button:hover{color:#f6e3ab;border-color:#d8b56a99}.fg-frames button.on{color:#1c1208;background:linear-gradient(#f0d999,#cda350);border-color:#f0d999;font-weight:700}.fg-step{color:#cdb98f;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.fg-step input{accent-color:#cda350}.fg-stage{flex-wrap:wrap;align-items:flex-start;gap:28px;padding:28px 22px;display:flex}.fg-frame{cursor:crosshair;-webkit-user-select:none;user-select:none;flex:none;width:clamp(340px,44vw,560px);position:relative;box-shadow:0 0 0 1px #d8b56a40}.fg-frame img{width:100%;height:auto;display:block}.fg-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fg-grid line{stroke:#78c8ff47;stroke-width:.12px;vector-effect:non-scaling-stroke}.fg-grid line.maj{stroke:#78c8ff99;stroke-width:.7px;vector-effect:non-scaling-stroke}.fg-lblx{color:#7fb4e6;pointer-events:none;font-size:9px;position:absolute;top:1px;transform:translate(-50%)}.fg-lbly{color:#7fb4e6;pointer-events:none;font-size:9px;position:absolute;left:1px;transform:translateY(-50%)}.fg-cv{pointer-events:none;z-index:6;background:#ffd36a;width:1px;position:absolute;top:0;bottom:0}.fg-ch{pointer-events:none;z-index:6;background:#ffd36a;height:1px;position:absolute;left:0;right:0}.fg-ov-rect{pointer-events:none;z-index:4;opacity:.62;background:#ffffff0a;border:1.5px dashed;position:absolute;box-shadow:0 0 0 1px #00000059}.fg-ov-rect.on{opacity:1;background:#ffffff1a;border-style:solid;box-shadow:0 0 0 1px #00000080}.fg-ov-tag{letter-spacing:.04em;color:#15100a;white-space:nowrap;border-radius:4px 4px 0 0;padding:1px 5px;font-family:Cinzel,serif;font-size:9px;font-weight:700;position:absolute;top:-1px;left:-1px;transform:translateY(-100%)}.fg-ov-pt{pointer-events:none;z-index:5;opacity:.7;text-shadow:0 1px #0009,0 0 4px #0009;font-family:Cinzel,serif;font-size:clamp(15px,2.3vw,24px);font-weight:900;line-height:1;position:absolute;transform:translate(-50%,-50%)}.fg-ov-pt.on{opacity:1}.fg-ov-pt:after{content:"";background:#ff3b3b;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffd9}.fg-readout{flex:300px;min-width:280px;position:sticky;top:80px}.fg-readout h2{letter-spacing:.08em;text-transform:uppercase;color:#d8b56a;margin:4px 0 8px;font-family:Cinzel,serif;font-size:14px}.fg-cursor{margin-bottom:12px;font-size:15px}.fg-cursor b{color:#ffd36a;font-variant-numeric:tabular-nums}.fg-hint{color:#9a8a64;margin-bottom:14px;font-size:12.5px;line-height:1.55}.fg-hint b{color:#cdb98f}.fg-list{flex-direction:column;gap:5px;margin:0 0 14px;padding:0;list-style:none;display:flex}.fg-elem{text-align:left;cursor:pointer;color:#cdb98f;background:#ffffff08;border:1px solid #d8b56a33;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;transition:all .12s;display:flex}.fg-elem:hover{color:#f0ddb0;border-color:#d8b56a80}.fg-elem.on{color:#f6e3ab;background:#78c8ff1a;border-color:#78c8ff8c}.fg-dot{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 1px #0006}.fg-elem-name{flex:none;min-width:96px;font-family:Cinzel,serif;font-size:12.5px}.fg-elem-kind{color:#7f9fb0;flex:none;font-size:12px}.fg-elem-val{color:#9fe0c0;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px}.fg-fonts{background:#ffffff08;border:1px solid #d8b56a38;border-radius:10px;margin:0 0 14px;padding:11px 12px}.fg-fonts h3{letter-spacing:.06em;text-transform:uppercase;color:#d8b56a;margin:0 0 9px;font-family:Cinzel,serif;font-size:12px}.fg-fctrl{color:#cdb98f;align-items:center;gap:10px;margin-bottom:8px;font-size:12.5px;display:flex}.fg-fctrl:last-child{margin-bottom:0}.fg-fctrl>span:first-child{min-width:104px}.fg-fctrl input[type=color]{cursor:pointer;background:0 0;border:1px solid #d8b56a66;border-radius:6px;width:38px;height:26px;padding:0}.fg-fctrl input[type=range]{accent-color:#cda350;flex:auto}.fg-clr{cursor:pointer;color:#cdb98f;background:#ffffff0a;border:1px solid #d8b56a4d;border-radius:6px;padding:3px 8px;font-size:11px}.fg-clr:hover{color:#f6e3ab}.fg-inherit{color:#6b5d40;font-size:11px;font-style:italic}.fg-note{color:#8a7a58;margin:2px 0 0;font-size:11.5px;font-style:italic;line-height:1.5}.fg-actions{gap:8px;margin-bottom:10px;display:flex}.fg-save{letter-spacing:.04em;cursor:pointer;color:#1c1208;background:linear-gradient(#f0d999,#cda350);border:1px solid #f0d999;border-radius:9px;flex:auto;padding:10px 14px;font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:all .15s}.fg-save:hover{filter:brightness(1.05)}.fg-save.ok{background:linear-gradient(#9fe0c0,#4bbf90);border-color:#9fe0c0}.fg-save.err{color:#fff;background:linear-gradient(#e6a0a0,#bf4b4b);border-color:#e6a0a0}.fg-copy{letter-spacing:.04em;cursor:pointer;color:#cdb98f;background:#ffffff0a;border:1px solid #d8b56a4d;border-radius:9px;flex:auto;padding:8px 12px;font-family:Cinzel,serif;font-size:12px;transition:all .15s}.fg-copy:hover{color:#f6e3ab}.fg-reset{cursor:pointer;color:#cdb98f;background:#ffffff0a;border:1px solid #d8b56a4d;border-radius:9px;padding:8px 12px;font-family:Cinzel,serif;font-size:12px}.fg-reset:hover{color:#f6e3ab}.fg-out{color:#cdb98f;white-space:pre-wrap;word-break:break-all;background:#00000059;border:1px solid #d8b56a38;border-radius:9px;max-height:230px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.55;overflow:auto}