@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Spline+Sans:wght@300..700&display=swap";*,*:before,*:after{margin:0;box-sizing:border-box}:root{--page-gutter: 1.25rem;--zone-gutter: 1.25rem;--menu-height: clamp(4rem, 9vh, 4rem);--menu-gap: clamp(.75rem, 2vh, 1.5rem)}body{font-family:Spline Sans,sans-serif;min-height:100dvh;width:100%;background:radial-gradient(circle at center,#ffffff1a,#fff0 5%,#000000bf 50%),#251010;overflow-x:hidden}#app{min-height:100dvh}main{display:flex;flex-direction:column}.characters-hp-stats{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"player turn enemy";gap:1.25rem;align-items:center;max-width:86rem;width:100%;margin:clamp(1.25rem,3vh,1.5rem) auto 0;padding:0 var(--page-gutter)}.player,.enemy{color:#fff;border-radius:1rem;width:100%;max-width:28rem;min-height:16rem;background-color:#252525;border:1px solid rgba(255,255,255,.04);box-shadow:0 10px 30px #00000038;margin:0;padding:.75rem}.player{grid-area:player;justify-self:start}.enemy{grid-area:enemy;justify-self:end}.player-name-class,.enemy-name-class{display:flex;justify-content:space-between;align-items:center;margin:.5rem .5rem .35rem;font-size:1.2rem}.player-bars,.enemy-bars{display:flex;flex-direction:column}.health{background-color:#1b1b12;padding:.5rem 0;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;border:1px solid rgba(255,255,255,.04)}.health-text{color:#898b8b;display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;width:90%}.health-text p{font-size:.9rem}.hp{color:#ec6b7d}.healthbar{height:.7rem;border-radius:1rem;width:90%;background-color:#1f2937}.health-fill{border-radius:1rem;height:100%;background-color:#e2224c}.statistics{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem .75rem;font-size:.9rem;background-color:#1b1b12;padding:.5rem;margin-top:.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.04)}.statistics span{color:#a5a8a9;padding-right:.6rem}.passives{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.4rem}.passive{position:relative;display:inline-flex;align-items:center}.passives p{background-color:#5c74c0;border-radius:.6rem;padding:.3rem .6rem;margin-top:.5rem;margin-right:.5rem;border:1px solid rgba(255,255,255,.08)}.passive-info{position:absolute;top:calc(100% + .35rem);left:50%;padding:6px 10px;background:#000000d9;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:9999;box-shadow:0 14px 34px #00000073}.passive:hover .passive-info{opacity:1;visibility:visible;transform:translate(-50%)}.buffs-debuffs{display:flex;justify-content:flex-start}.buffs-debuffs p{border-radius:.6rem;padding:.3rem .6rem;margin-top:.5rem;margin-right:.5rem;border:1px solid rgba(255,255,255,.08)}.buff{background-color:#408b46}.debuff{background-color:#e43d4b}.playing-turn{grid-area:turn;display:flex;justify-content:center;align-items:center;padding:0 .25rem}.playing-turn p{color:#fff;font-size:clamp(1.25rem,2.2vw,2.5rem);letter-spacing:.02em;text-align:center}.characters-fight{display:flex;justify-content:center;align-items:center;width:100%;height:clamp(14rem,34vh,33rem);max-width:86rem;margin:clamp(.75rem,2.5vh,1.5rem) auto 0;padding:0 var(--page-gutter)}.fight-zone{width:100%;max-width:86rem;height:100%;background:radial-gradient(circle at 50% 20%,#e2224c2e,#e2224c00 55%),linear-gradient(180deg,#10100ca6,#10100ce6);border-radius:1rem;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px #00000059;overflow:hidden}.characters{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;padding:.5rem var(--zone-gutter) 1rem;gap:1.25rem}.characters img{flex:0 0 auto;max-width:min(42%,460px);max-height:100%;object-fit:contain}.utilities{display:grid;grid-template-columns:minmax(0,28rem) minmax(34rem,44rem);gap:1.5rem;align-items:stretch;max-width:90rem;margin:clamp(.75rem,2vh,1.25rem) auto 0;padding:0 calc(var(--page-gutter) + var(--zone-gutter));justify-content:space-between}.spells{justify-self:start}.logs{justify-self:end}.logs{color:#10100c;min-height:18rem;height:clamp(20rem,29vh,30rem);width:100%;margin-top:0;background-color:#10100c;border:1px solid rgba(255,255,255,.06);border-radius:1rem;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;box-sizing:border-box;box-shadow:0 14px 34px #00000059}.title{color:#fff;display:flex;align-items:center;background-color:#1c1c17;border-radius:1rem 1rem 0 0;padding:.95rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.logs .title,.spells .title{position:sticky;top:0;z-index:2}.text{color:#fff;display:flex;flex-direction:column-reverse;padding:.5rem 1rem;font-size:.95rem;line-height:1.35}.spells{color:#fff;min-height:18rem;height:clamp(20rem,29vh,30rem);width:100%;margin-top:0;background-color:#10100c;border:1px solid rgba(255,255,255,.06);border-radius:1rem;box-shadow:0 14px 34px #00000059;overflow:visible;position:relative;padding-bottom:.75rem}.spell{--spell-size: 115px;border-radius:.5rem;margin:.5rem 1rem;position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;width:var(--spell-size);min-height:calc(var(--spell-size) + 2.4rem)}.spell-icon{border-radius:.5rem;cursor:pointer;display:block;width:var(--spell-size);height:var(--spell-size);transition:transform .12s ease,filter .12s ease}.spell:hover .spell-icon{transform:translateY(-1px);filter:brightness(1.08)}.spell.is-cooldown .spell-icon,.spell.is-cooldown:hover .spell-icon{transform:none;filter:none}.spell>p{margin:0;max-width:100%;font-size:.85rem;font-weight:600;line-height:1.15;text-align:center;color:#e7e7e2;text-shadow:0 1px 6px rgba(0,0,0,.35);overflow-wrap:anywhere;min-height:2.2rem}.veil{position:absolute;top:0;left:0;width:var(--spell-size);height:var(--spell-size);background:#000000d8;pointer-events:none;display:flex;justify-content:center;align-items:center;border-radius:.5rem}.spell-info{position:absolute;top:5px;right:5px;z-index:5}.icon-info{width:20px;height:24px;cursor:pointer}.text-info{position:absolute;top:110%;right:0;padding:6px 10px;background:#000000d9;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:9999;box-shadow:0 14px 34px #00000073}.spell-info:hover .text-info{opacity:1;visibility:visible;transform:translateY(0)}.menu{position:fixed;display:flex;align-items:center;bottom:0;height:var(--menu-height);width:100%;background-color:#13130b;color:#fff;border-top:1px solid rgba(255,255,255,.06)}.info{display:flex;flex-direction:column;padding-left:2rem;gap:.5rem;gap:.5²rem}@media(max-width:1100px){.characters-hp-stats{grid-template-columns:1fr;grid-template-areas:"turn" "player" "enemy";gap:1rem;margin-top:1.75rem}.player,.enemy{max-width:none;justify-self:stretch}.playing-turn{padding:.25rem 0}.utilities{grid-template-columns:1fr;justify-content:stretch;padding:0 var(--page-gutter)}.logs,.spells{max-width:none}}@media(max-width:700px){.characters-fight{height:clamp(16rem,55vw,24rem)}.statistics{grid-template-columns:repeat(2,1fr)}.spell{--spell-size: 96px;margin:.5rem .75rem}.spell-icon{width:var(--spell-size);height:var(--spell-size)}}.login.svelte-h34f85{min-height:80dvh;display:flex;align-items:center;justify-content:center;padding:2.5rem var(--page-gutter)}.login-form.svelte-h34f85{width:min(26rem,100%);display:flex;flex-direction:column;gap:1.25rem;padding:2rem 2.25rem;background:radial-gradient(circle at top,rgba(226,34,76,.12),transparent 55%),#15150f;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #0006;color:#f4f4ef}.login-header.svelte-h34f85 h1:where(.svelte-h34f85){margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.02em}.login-header.svelte-h34f85 p:where(.svelte-h34f85){margin:.5rem 0 0;color:#b9bab2;font-size:.95rem}.login-field.svelte-h34f85{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#c7c8c1}.login-field.svelte-h34f85 input:where(.svelte-h34f85){background-color:#10100c;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.8rem .95rem;color:#f4f4ef;font-size:1rem;outline:none}.login-field.svelte-h34f85 input:where(.svelte-h34f85):focus{border-color:#e2224c99;box-shadow:0 0 0 3px #e2224c33}.login-submit.svelte-h34f85{border:none;border-radius:999px;padding:.85rem 1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#e2224c,#a51e3a);color:#fff;box-shadow:0 12px 24px #e2224c40;transition:transform .15s ease,box-shadow .15s ease}.login-submit.svelte-h34f85:hover{transform:translateY(-1px);box-shadow:0 16px 30px #e2224c52}.login-submit.svelte-h34f85:active{transform:translateY(0)}.register.svelte-175i9x3{min-height:80dvh;display:flex;align-items:center;justify-content:center;padding:2.5rem var(--page-gutter)}.register-form.svelte-175i9x3{width:min(26rem,100%);display:flex;flex-direction:column;gap:1.25rem;padding:2rem 2.25rem;background:radial-gradient(circle at top,rgba(226,34,76,.12),transparent 55%),#15150f;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #0006;color:#f4f4ef}.register-header.svelte-175i9x3 h1:where(.svelte-175i9x3){margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:.02em}.register-header.svelte-175i9x3 p:where(.svelte-175i9x3){margin:.5rem 0 0;color:#b9bab2;font-size:.95rem}.register-field.svelte-175i9x3{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;color:#c7c8c1}.register-field.svelte-175i9x3 input:where(.svelte-175i9x3){background-color:#10100c;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.8rem .95rem;color:#f4f4ef;font-size:1rem;outline:none}.register-field.svelte-175i9x3 input:where(.svelte-175i9x3):focus{border-color:#e2224c99;box-shadow:0 0 0 3px #e2224c33}.register-submit.svelte-175i9x3{border:none;border-radius:999px;padding:.85rem 1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#e2224c,#a51e3a);color:#fff;box-shadow:0 12px 24px #e2224c40;transition:transform .15s ease,box-shadow .15s ease}.register-submit.svelte-175i9x3:hover{transform:translateY(-1px);box-shadow:0 16px 30px #e2224c52}.register-submit.svelte-175i9x3:active{transform:translateY(0)}.character-selection.svelte-eklvd1{min-height:80dvh;padding:2.5rem 3rem 9rem;color:#fff;display:flex;flex-direction:column;gap:1.5rem}.page-header.svelte-eklvd1{text-align:center;display:flex;flex-direction:column;gap:.75rem;max-width:68rem;margin:0 auto}.page-header.svelte-eklvd1 h1:where(.svelte-eklvd1){letter-spacing:.03em}.page-header.svelte-eklvd1 p:where(.svelte-eklvd1){color:#a5a8a9}.selection-form.svelte-eklvd1{display:flex;flex-direction:column;gap:1.5rem}.characters-infos.svelte-eklvd1{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:stretch;max-width:86rem;margin:0 auto;width:100%}.panel.svelte-eklvd1{background-color:#252525;border-radius:1rem;padding:.75rem;box-shadow:0 10px 30px #00000040;border:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;min-height:22rem;height:100%}.panel-header.svelte-eklvd1{display:flex;justify-content:space-between;margin:.25rem .5rem .75rem;font-size:1.05rem}.muted.svelte-eklvd1{color:#a5a8a9}.character-card.svelte-eklvd1{display:grid;grid-template-columns:15rem 1fr;gap:1rem;align-items:center;flex:1 1 auto;height:100%}.character-image.svelte-eklvd1{display:flex;justify-content:center;align-items:center;height:15rem;width:15rem;border-radius:1rem;background:radial-gradient(circle at 30% 20%,#ffffff2e,#fff0 60%),linear-gradient(180deg,#e2224c40,#10100c33);border:1px solid rgba(255,255,255,.06)}.character-infos-area.svelte-eklvd1{padding:.9rem 1rem;border-radius:1rem;background-color:#1b1b12;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;min-width:0;flex:1 1 auto;height:100%}label.svelte-eklvd1{color:#a5a8a9;font-size:.9rem}input.svelte-eklvd1{width:100%;background-color:#10100c;border:1px solid #1c1c17;color:#fff;border-radius:.75rem;padding:.6rem .75rem;outline:none}input[readonly].svelte-eklvd1{color:#d0d2d3;background-color:#141410;cursor:default}input.svelte-eklvd1:focus{border-color:#e2224cb3;box-shadow:0 0 0 3px #e2224c26}h2.svelte-eklvd1{font-size:1.05rem;font-weight:650}.description.svelte-eklvd1{color:#d0d2d3;font-size:.95rem;line-height:1.35;flex:0 0 auto}.statistics.svelte-eklvd1{margin-top:auto;width:100%}.lists.svelte-eklvd1{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:86rem;margin:0 auto;width:100%}.list-panel.svelte-eklvd1{height:22rem;background-color:#10100c;border:1px solid #10100c;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.list-body.svelte-eklvd1{padding:1rem;overflow:auto;flex:1 1 auto}.player-selection.svelte-eklvd1,.enemy-selection.svelte-eklvd1{display:flex;gap:1rem;overflow:auto}.character.svelte-eklvd1{height:5.2rem;width:5.2rem;border:1px solid #a5a8a9}.character-active.svelte-eklvd1{border:1px solid #dd4d4d!important}.list-panel.svelte-eklvd1 .title:where(.svelte-eklvd1){height:auto;padding:1rem;border-radius:1rem 1rem 0 0;flex:0 0 auto}.selection-menu.svelte-eklvd1{position:fixed;left:0;bottom:0;right:0;height:6rem;width:100%;background-color:#13130b;display:flex;align-items:center;justify-content:center;padding:0 1.5rem}.start.svelte-eklvd1{width:min(38rem,100%);height:3.25rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#e2224cf2,#b81438f2);color:#fff;font-weight:750;letter-spacing:.06em;cursor:pointer}.start.svelte-eklvd1:hover{filter:brightness(1.06)}.start.svelte-eklvd1:active{transform:translateY(1px)}@media(max-width:1100px){.character-selection.svelte-eklvd1{padding:2rem 1.25rem 9rem}.characters-infos.svelte-eklvd1,.lists.svelte-eklvd1,.character-card.svelte-eklvd1{grid-template-columns:1fr}.character-image.svelte-eklvd1{width:100%;height:14rem}}@media(prefers-reduced-motion:reduce){.start.svelte-eklvd1:active{transform:none}input.svelte-eklvd1:focus{box-shadow:none}}header.svelte-1n46o8q{display:flex;align-items:center;height:var(--menu-height);width:100%;background-color:#13130b;color:#fff;border-top:1px solid rgba(255,255,255,.06);padding:0 var(--page-gutter);box-sizing:border-box}header.svelte-1n46o8q ul:where(.svelte-1n46o8q){list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--menu-gap);margin:0;padding:0;width:100%}header.svelte-1n46o8q li:where(.svelte-1n46o8q){text-transform:uppercase;letter-spacing:.06em;font-size:.9rem;opacity:.9;cursor:pointer}header.svelte-1n46o8q li:where(.svelte-1n46o8q):hover{opacity:1}