@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff")}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2)format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-normal-maQnHeKB.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-500-normal-DehAIUv0.woff2)format("woff2"),url(/assets/eb-garamond-latin-500-normal-DZU8xF9o.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-italic-DSEbMgZu.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-italic-CDFyLPXJ.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#07090d;--bg-1:#0d1118;--bg-2:#141a24;--stone-1:#1b212c;--stone-2:#262d3a;--stone-3:#343c4c;--iron:#7a8494;--bronze:#a2723c;--gold-dark:#7a5a1e;--gold:#c9a24b;--gold-bright:#ecc96f;--arcane:#3aa0ff;--emerald:#2fbf8a;--violet:#8b5cf6;--blood:#c0262d;--blood-dark:#6e1217;--ivory:#f0e8d4;--silver:#c9ced6;--muted:#8a93a3;--rarity-common:#8b949e;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#e0b04b;--rarity-mythic:#e11d2e;--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-body:"EB Garamond", Georgia, "Times New Roman", serif;--radius-s:4px;--radius-m:8px;--radius-l:14px;--bordo-pillola:12px}@media (max-width:899px){:root{--bordo-pillola:max(26px, 7vw)}}:root{--sat:max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px));--sab:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--sal:max(env(safe-area-inset-left,0px), var(--tg-safe-area-inset-left,0px));--sar:max(env(safe-area-inset-right,0px), var(--tg-safe-area-inset-right,0px))}html.tg-fullscreen{--sat:calc(max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--sab:calc(max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px));--sal:calc(max(env(safe-area-inset-left,0px), var(--tg-safe-area-inset-left,0px)) + var(--tg-content-safe-area-inset-left,0px));--sar:calc(max(env(safe-area-inset-right,0px), var(--tg-safe-area-inset-right,0px)) + var(--tg-content-safe-area-inset-right,0px))}*,:before,:after{box-sizing:border-box}html{background-color:var(--bg-0);color:var(--ivory);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100svh;font-family:var(--font-body);background:radial-gradient(120% 80% at 50% -10%, #3aa0ff14, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0));background-color:var(--bg-0);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:.04em;margin:0 0 .5em;line-height:1.15}a{color:var(--gold-bright)}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1rem)}button,.btn{touch-action:manipulation;min-width:44px;min-height:44px}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@media (hover:hover){a:hover{color:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[hidden]{display:none!important}html.tg,html.tg body{overscroll-behavior:none}html[data-kb=on] body{padding-bottom:var(--kb,0px)}.btn{--btn-a:var(--stone-3);--btn-b:var(--stone-1);--btn-edge:var(--iron);--btn-ink:var(--ivory);border-radius:var(--radius-m);border:1px solid var(--btn-edge);background:linear-gradient(180deg, var(--btn-a), var(--btn-b));color:var(--btn-ink);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px #00000080;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.55em;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:filter .15s,transform .1s,box-shadow .15s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff2e,0 2px #0000008c,0 6px 16px #0006}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #ffffff1f,0 1px #0000008c,0 3px 10px #0006}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}@media (hover:hover){.btn:hover:not(:disabled){filter:brightness(1.14)}}.btn-oro{--btn-a:var(--gold-bright);--btn-b:var(--gold-dark);--btn-edge:var(--bronze);--btn-ink:#1a1206;text-shadow:0 1px #fff0c873;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 52%, var(--gold-dark))}.btn-sangue{--btn-a:#9a2630;--btn-b:var(--blood-dark);--btn-edge:#d9a24b;--btn-ink:#fff1e2}.btn-fantasma{--btn-a:#ffffff0f;--btn-b:#ffffff05;--btn-edge:#c9ced661;box-shadow:none}.btn-grande{min-height:52px;padding:.85rem 2.2rem;font-size:1.15rem}.btn-piccolo{min-height:44px;padding:.35rem .9rem;font-size:.82rem}.btn-blocco{width:100%;display:flex}.btn-icona{border-radius:50%;width:44px;height:44px;padding:0;font-size:1.15rem}.pannello{border-radius:var(--radius-l);background:linear-gradient(180deg, #262d3ac7, #0d1118e6), var(--bg-1);border:1px solid #c9a24b42;padding:1.1rem 1.25rem;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 0 40px #00000059,0 10px 30px #00000073}.pannello--ornato:before,.pannello--ornato:after{content:"";pointer-events:none;border:2px solid var(--gold);opacity:.85;width:18px;height:18px;position:absolute}.pannello--ornato:before{border-bottom:0;border-right:0;border-top-left-radius:8px;top:6px;left:6px}.pannello--ornato:after{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:6px;right:6px}.titolo-oro{background:linear-gradient(180deg, #fff2c4 0%, var(--gold-bright) 38%, var(--gold) 62%, var(--bronze) 100%);color:#0000;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #c9a24b47);-webkit-background-clip:text;background-clip:text}.sopratitolo{font:600 .8rem/1.2 var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 .35rem}.filetto{max-width:360px;color:var(--gold);align-items:center;gap:.8rem;margin:.9rem auto;display:flex}.filetto:before,.filetto:after{content:"";background:linear-gradient(90deg,#0000,currentColor);flex:1;height:1px}.filetto:after{transform:scaleX(-1)}.filetto>i{background:currentColor;width:9px;height:9px;rotate:45deg;box-shadow:0 0 10px}.chip{letter-spacing:.04em;color:var(--silver);background:#ffffff0d;border:1px solid #c9ced647;border-radius:999px;align-items:center;gap:.35em;padding:.15rem .7rem;font-size:.85rem;display:inline-flex}.muted{color:var(--muted)}.testo-piccolo{font-size:.95rem}.solo-lettori{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.campo{text-align:left;gap:.35rem;display:grid}.campo>label{font:600 .85rem/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--silver)}.input{border-radius:var(--radius-m);width:100%;min-height:48px;color:var(--ivory);background:#05070ab3;border:1px solid #c9ced64d;padding:.55rem .9rem;box-shadow:inset 0 2px 6px #0000008c}.input::placeholder{color:#667084}.input:focus-visible{border-color:var(--gold-bright);outline:none;box-shadow:inset 0 2px 6px #0000008c,0 0 0 3px #ecc96f47}.input[aria-invalid=true]{border-color:#e0545c}.errore-campo{color:#ff8d93;min-height:1.4em;margin:0;font-size:.95rem}.interruttore{justify-content:space-between;align-items:center;gap:1rem;min-height:44px;display:flex}.interruttore input[type=checkbox]{appearance:none;cursor:pointer;background:#0b0e14;border:1px solid #c9ced659;border-radius:999px;flex:none;width:52px;height:30px;min-height:0;transition:background .2s;position:relative}.interruttore input[type=checkbox]:after{content:"";background:var(--silver);border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.interruttore input[type=checkbox]:checked{border-color:var(--emerald);background:linear-gradient(#2a6a52,#164535)}.interruttore input[type=checkbox]:checked:after{background:#fff;transform:translate(22px)}.gruppo-scelta{flex-wrap:wrap;gap:.5rem;display:flex}.scelta{min-height:44px;color:var(--silver);font-family:var(--font-display);letter-spacing:.06em;cursor:pointer;background:#ffffff0a;border:1px solid #c9ced64d;border-radius:999px;padding:.4rem 1rem;font-size:.9rem}.scelta[aria-pressed=true],.scelta[aria-checked=true]{color:#1a1206;border-color:var(--gold);background:linear-gradient(180deg, var(--gold-bright), var(--gold))}dialog.finestra{--finestra-h:min(86svh, 760px, calc(100svh - var(--sat) - var(--sab) - var(--kb,0px) - 1.5rem));width:min(520px,100vw - 2rem);max-height:var(--finestra-h);inset-block:var(--sat) calc(var(--sab) + var(--kb,0px));color:var(--ivory);background:0 0;border:0;padding:0;overflow:visible}dialog.finestra::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020306c7}.finestra__corpo{max-height:var(--finestra-h,min(86svh, 760px));border-radius:var(--radius-l);background:linear-gradient(180deg, #222936fa, #0c1017fc), var(--bg-1);border:1px solid #c9a24b73;gap:.9rem;padding:1.4rem 1.4rem 1.2rem;animation:.22s ease-out finestra-in;display:grid;overflow:auto;box-shadow:0 24px 70px #000000b3}.finestra__corpo h2{color:var(--gold-bright);text-align:center;margin:0;font-size:1.35rem}.finestra__azioni{background:linear-gradient(#0000,#0c1017fa 38%);flex-wrap:wrap;justify-content:center;gap:.6rem;margin:0 -1.4rem -1.2rem;padding:.9rem 1.4rem 1.2rem;display:flex;position:sticky;bottom:0}@keyframes finestra-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}.runa-attesa{border:2px solid #c9a24b40;border-top-color:var(--gold-bright);border-radius:50%;width:56px;height:56px;animation:1.1s linear infinite giro;box-shadow:0 0 24px #c9a24b2e}@keyframes giro{to{transform:rotate(360deg)}}.schermo-attesa{min-height:100svh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:1rem;padding:2rem;display:grid}.avvisi{left:50%;top:calc(14px + var(--sat));z-index:200;pointer-events:none;gap:.5rem;width:min(420px,78vw);display:grid;position:fixed;transform:translate(-50%)}.avviso{color:var(--ivory);text-align:center;background:#0e121af5;border:1px solid #c9a24b80;border-radius:999px;padding:.65rem 1rem;font-size:1rem;animation:.25s ease-out avviso-in;box-shadow:0 8px 26px #0009}.avviso--errore{color:#ffd8da;border-color:#e0545c}@keyframes avviso-in{0%{opacity:0;transform:translateY(-8px)}}.barra{background:#0000008c;border:1px solid #c9ced633;border-radius:999px;height:10px;position:relative;overflow:hidden}.barra>i{width:var(--valore,0%);border-radius:inherit;background:linear-gradient(180deg, var(--gold-bright), var(--gold-dark));transition:width .5s ease-out;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #ecc96f80}.stato-server{color:var(--muted);min-height:1.5em;font-size:.95rem}.shell{min-height:100vh;flex-direction:column;min-height:100svh;display:flex}.shell__main{width:100%;max-width:1180px;padding:calc(1rem + var(--sat)) 1rem calc(110px + var(--sab));flex:1;margin:0 auto}.shell__top{display:none}.shell__pill{bottom:calc(10px + var(--sab));left:max(var(--bordo-pillola), var(--sal));right:max(var(--bordo-pillola), var(--sar));z-index:20;-webkit-backdrop-filter:blur(12px);background:#0c1017e6;border:1px solid #c9a24b73;border-radius:999px;justify-content:space-between;gap:2px;max-width:520px;margin-inline:auto;padding:5px;display:flex;position:fixed;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14}.shell__tab{min-width:0;min-height:52px;color:var(--muted);font:600 .62rem/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;border-radius:999px;flex:1;align-content:center;place-items:center;gap:1px;text-decoration:none;display:grid}.shell__tab span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.shell__tab.is-active{color:#1a1206;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 60%, var(--gold-dark));box-shadow:0 2px 10px #c9a24b59}@media (min-width:900px){.shell__pill{display:none}.shell__main{padding:1.5rem 1.5rem 3rem}.shell__top{padding:calc(.7rem + var(--sat)) clamp(1rem, 3vw, 2.5rem) .7rem;background:linear-gradient(#141a24f2,#0a0d13e6);border-bottom:1px solid #c9a24b40;align-items:center;gap:1.5rem;display:flex;box-shadow:0 6px 24px #0006}.shell__brand{color:var(--gold-bright);font:700 1.35rem/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.6rem;text-decoration:none;display:flex}.shell__links{gap:.25rem;margin-inline:auto;display:flex}.shell__link{min-height:44px;color:var(--silver);font:600 .9rem/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem 1rem;text-decoration:none;display:inline-flex}.shell__link.is-active{color:#1a1206;background:linear-gradient(180deg, var(--gold-bright), var(--gold))}.shell__user{align-items:center;gap:.5rem;display:flex}.shell__nick{font-family:var(--font-display);letter-spacing:.06em;color:var(--ivory);margin-right:.4rem}}@media (hover:hover){.shell__link:hover:not(.is-active){color:#fff;background:#ffffff12}}.pwa-avvisi{top:calc(var(--sat) + 10px);z-index:190;pointer-events:none;gap:.4rem;width:max-content;max-width:min(100vw - 32px,460px);display:grid;position:fixed;left:50%;translate:-50%}.pwa-avvisi:empty{display:none}.pwa-avviso{border:1px solid var(--gold);color:var(--ivory);text-align:center;pointer-events:auto;background:#0a0d14f2;border-radius:14px;margin:0;padding:.55rem 1rem;font-size:1rem;line-height:1.35;box-shadow:0 10px 28px #0009}.pwa-avviso--offline{color:#f3b0b0;border-color:#c0262db3}.pwa-avviso__azione{background:linear-gradient(180deg, var(--gold-bright), var(--gold));color:#1a1204;min-height:44px;font:700 .85rem/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;padding:0 .6rem}.pwa-avviso__azione--leggera{color:var(--silver);text-transform:none;letter-spacing:0;background:0 0;font-weight:500;text-decoration:underline}.pagina{align-content:start;gap:1.25rem;display:grid}.pagina--stretta{width:100%;max-width:720px;margin-inline:auto}.pagina h1{color:var(--gold-bright);margin:0;font-size:clamp(1.7rem,5vw,2.4rem)}.pagina h2{color:var(--ivory);margin:0 0 .8rem;font-size:1.15rem}.vuoto{text-align:center;color:var(--muted);justify-items:center;gap:.8rem;padding:2.5rem 1.5rem;display:grid}.landing{background:var(--bg-0);overflow-x:clip}.hero{isolation:isolate;min-height:100vh;text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero__img{z-index:-2;object-fit:cover;object-position:50% 30%;width:100%;height:100%;animation:24s ease-in-out infinite alternate hero-respiro;position:absolute;inset:0}@keyframes hero-respiro{0%{transform:scale(1)}to{transform:scale(1.07)}}.hero__shade{z-index:-1;background:radial-gradient(75% 60% at 50% 42%, #07090d47, #07090dd1 80%), linear-gradient(180deg, #07090d4d 0%, #07090d00 30%, var(--bg-0) 99%);position:absolute;inset:0}.hero__content{width:min(100%,520px);padding:calc(2rem + var(--sat)) 1.25rem calc(3rem + var(--sab));justify-items:center;gap:1rem;display:grid}.hero__testo{justify-items:center;gap:.35rem;min-width:0;max-width:100%;display:grid}.hero__titolo{letter-spacing:.1em;text-transform:uppercase;margin:0;padding-left:.1em;font-size:clamp(2.4rem,13vw,6.4rem);font-weight:700;line-height:1}.hero__frase{max-width:30ch;color:var(--silver);text-wrap:balance;text-shadow:0 2px 12px #000000e6;margin:0;font-size:clamp(1.1rem,3.6vw,1.3rem)}.login{text-align:center;background:linear-gradient(180deg, #1e2532db, #090c12eb), var(--bg-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:.7rem;width:100%;display:grid}.login__titolo{color:var(--gold-bright);margin:0;font-size:1.25rem}.login__nick{color:var(--gold-bright);margin:0 0 .4rem;font-size:1.8rem}.login__bottoni{gap:.6rem;display:grid}.login__bottoni .btn{text-transform:none;letter-spacing:.02em;white-space:nowrap;background:linear-gradient(#2d3646,#181e29);font-size:1rem}.login__tg{color:#fff;background:#2aabee;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.login__nota{margin:0}.login__demo{gap:.7rem;display:grid}.login__demo .filetto{margin:.2rem auto}.sezione{text-align:center;max-width:1180px;margin:0 auto;padding:4rem 1.25rem 2rem}.sezione--stretta{max-width:980px}.sezione h2{color:var(--ivory);margin:0 0 1.5rem;font-size:clamp(1.5rem,4.6vw,2.3rem)}.razze-scorrevoli{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--stone-3) transparent;overscroll-behavior-x:contain;gap:1rem;margin-inline:-1.25rem;padding:.5rem 1.25rem 1.5rem;display:flex;overflow-x:auto}.razza{isolation:isolate;aspect-ratio:3/4.5;border:1px solid color-mix(in srgb, var(--accent,var(--gold)) 60%, transparent);box-shadow:0 14px 34px #0000008c, 0 0 26px color-mix(in srgb, var(--accent,var(--gold)) 22%, transparent);scroll-snap-align:center;text-align:left;border-radius:16px;flex:0 0 min(76vw,290px);position:relative;overflow:hidden}.razza__scena,.razza__ritratto{object-fit:cover;z-index:-2;width:100%;position:absolute}.razza__scena{filter:saturate(.9)brightness(.7);height:100%;inset:0}.razza__ritratto{object-position:50% 20%;z-index:-1;height:72%;top:0;left:0;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.razza__ombra{z-index:-1;background:linear-gradient(#0000 38%,#05070aeb 70%);position:absolute;inset:0}.razza__testo{padding:0 1rem 1rem;position:absolute;inset:auto 0 0}.razza__icona{font:600 .72rem/1.2 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.4rem;margin:0 0 .2rem;display:flex}.razza h3{color:var(--ivory);margin:0 0 .3rem;font-size:1.2rem}.razza h3 span{color:var(--silver);font-size:.9rem;font-weight:500;display:block}.razza__frase{color:var(--silver);margin:0 0 .5rem;font-size:1rem;font-style:italic}.razza__sigillo{color:#d8dde6;margin:0;font-size:.88rem;line-height:1.3}.razza__sigillo b{color:var(--gold-bright)}.passi{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.passi li{color:var(--silver);justify-items:center;gap:.5rem;padding:2.2rem 1.25rem 1.5rem;display:grid}.passi h3{color:var(--ivory);margin:0;font-size:1.15rem}.passi p{margin:0}.passi__num{background:linear-gradient(180deg, var(--gold-bright), var(--gold-dark));color:#1a1206;width:32px;height:32px;font:700 1rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid;position:absolute;top:-16px;left:50%;translate:-50%;box-shadow:0 4px 12px #00000080}.passi li>svg{color:var(--gold)}.piede{padding:3rem 1.25rem calc(3rem + var(--sab));text-align:center;color:var(--silver);border-top:1px solid #c9a24b33;justify-items:center;gap:.4rem;display:grid}.piede p{margin:0}@media (min-width:800px){.passi{grid-template-columns:repeat(3,1fr)}}@media (min-width:920px){.hero__content{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);width:min(100%,1120px);padding-block:2rem}.hero__testo{text-align:left;justify-items:start}.hero__testo .filetto{margin-left:0}.hero__titolo{font-size:clamp(4rem,8.4vw,7.4rem)}.hero__frase{max-width:24ch;font-size:1.45rem}}@media (min-width:1100px){.razze-scorrevoli{grid-template-columns:repeat(5,1fr);margin-inline:0;padding-inline:0;display:grid;overflow:visible}.razza{flex:none}}.onb{min-height:100svh;padding:calc(1.5rem + var(--sat)) 1rem calc(2rem + var(--sab));background:radial-gradient(70% 50% at 50% 0%, #3aa0ff1f, transparent 70%), var(--bg-0);align-content:center;justify-items:center;gap:1rem;display:grid}.onb__marchio{filter:drop-shadow(0 0 16px #ecc96f59)}.onb__passo{text-align:center;gap:1rem;width:min(100%,460px);display:grid}.onb__passo h1{color:var(--gold-bright);margin:0;font-size:1.8rem}.onb__passo p{margin:0}.scelta-razza{gap:1rem;width:min(100%,1060px);display:grid}.scelta-razza__testa{text-align:center}.scelta-razza__testa h1{color:var(--gold-bright);margin:0;font-size:clamp(1.4rem,5vw,2.1rem)}.scelta-razza__tabs{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.scelta-razza__tab{border-radius:var(--radius-m);min-height:62px;color:var(--muted);font:600 .68rem/1.1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff09;border:1px solid #c9ced638;justify-items:center;gap:.15rem;padding:.5rem .2rem;display:grid}.scelta-razza__tab.is-active{color:var(--ivory);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, #0a0d13);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 35%, transparent)}.scelta-razza__tab svg{color:var(--accent)}.scelta-razza__cta{bottom:calc(10px + var(--sab));z-index:5;width:min(520px, calc(100% - 2 * var(--bordo-pillola)));margin:.5rem auto 0;position:sticky}.scelta-razza__cta .btn{border-radius:999px;box-shadow:0 10px 30px #000000b3,inset 0 1px #fff6}.dettaglio-razza{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent) 65%, transparent);min-height:560px;box-shadow:0 18px 50px #0009, 0 0 36px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:18px;display:grid;position:relative;overflow:hidden}.dettaglio-razza__scena{z-index:-3;object-fit:cover;filter:saturate(.85)brightness(.62);width:100%;height:100%;position:absolute;inset:0}.dettaglio-razza__ombra{z-index:-2;background:linear-gradient(#05070a1a 0%,#05070abf 46%,#05070af2 100%);position:absolute;inset:0}.dettaglio-razza__ritratto{z-index:-1;object-fit:cover;object-position:50% 12%;width:min(100%,380px);height:340px;position:absolute;top:0;left:50%;translate:-50%;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.dettaglio-razza__testo{align-self:end;gap:.6rem;margin-top:280px;padding:1.2rem 1.2rem 1.3rem;display:grid}.dettaglio-razza__testo h2{color:var(--ivory);margin:0;font-size:1.5rem}.dettaglio-razza__testo h2 span{color:var(--accent);font-size:1rem;font-weight:500}.dettaglio-razza__testo p{margin:0}.dettaglio-razza__testo .sopratitolo{color:var(--accent)}.dettaglio-razza__ambiente{font-size:1rem;font-style:italic}.dettaglio-razza__stile{color:var(--silver);font-size:1rem}.dettaglio-razza__stile b{color:var(--ivory)}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chips .chip{border-color:color-mix(in srgb, var(--accent) 50%, transparent);color:var(--ivory)}.sigillo-box{border-radius:var(--radius-m);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:#00000080;align-items:flex-start;gap:.75rem;padding:.7rem .9rem;display:flex}.sigillo-box>svg{color:var(--accent);flex:none;margin-top:.15rem}.sigillo-box .sopratitolo{margin:0;font-size:.68rem}.sigillo-box p b{color:var(--gold-bright)}@media (min-width:860px){.dettaglio-razza{grid-template-columns:.9fr 1.1fr;min-height:600px}.dettaglio-razza__ombra{background:linear-gradient(90deg,#05070a1a 0%,#05070ab3 45%,#05070af2 100%)}.dettaglio-razza__ritratto{object-position:50% 15%;width:46%;height:100%;left:0;translate:none;-webkit-mask-image:linear-gradient(90deg,#000 70%,#0000);mask-image:linear-gradient(90deg,#000 70%,#0000)}.dettaglio-razza__testo{grid-column:2;align-self:center;margin-top:0;padding:2rem 2rem 2rem .5rem}.scelta-razza__tab{flex-direction:row;font-size:.8rem}}.benvenuto{isolation:isolate;cursor:pointer;background:var(--bg-0);align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.benvenuto__scena,.benvenuto__ritratto{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.benvenuto__scena{z-index:-3;filter:brightness(.55)saturate(.9)}.benvenuto__ritratto{z-index:-2;object-position:50% 15%;animation:1.6s ease-out both benvenuto-in}.benvenuto__ombra{z-index:-1;background:linear-gradient(#05070a00 35%,#05070aeb 85%);position:absolute;inset:0}.benvenuto__testo{padding:2rem 1.25rem calc(3rem + var(--sab));text-align:center;justify-items:center;gap:.4rem;animation:1.2s ease-out .5s both benvenuto-testo;display:grid}.benvenuto__testo h1{margin:0;font-size:clamp(2rem,8vw,3.6rem)}.benvenuto__testo p{margin:0}@keyframes benvenuto-in{0%{opacity:0;transform:scale(1.08)}}@keyframes benvenuto-testo{0%{opacity:0;transform:translateY(18px)}}.home__eroe{isolation:isolate;border:1px solid color-mix(in srgb, var(--accent,var(--gold)) 55%, transparent);min-height:330px;box-shadow:0 18px 44px #0000008c, 0 0 30px color-mix(in srgb, var(--accent,var(--gold)) 18%, transparent);border-radius:18px;align-items:end;display:grid;position:relative;overflow:hidden}.home__scena{z-index:-3;object-fit:cover;filter:saturate(.9)brightness(.62);width:100%;height:100%;position:absolute;inset:0}.home__ombra{z-index:-2;background:linear-gradient(90deg,#05070af0 0%,#05070ab8 42%,#05070a0d 82%),linear-gradient(#0000 55%,#05070ab3);position:absolute;inset:0}.home__ritratto{z-index:-1;object-fit:cover;object-position:50% 8%;width:auto;max-width:70%;height:112%;position:absolute;bottom:0;right:-6%;-webkit-mask-image:linear-gradient(270deg,#000 60%,#0000);mask-image:linear-gradient(270deg,#000 60%,#0000)}.home__intestazione{text-shadow:0 2px 10px #000000d9;justify-items:start;gap:.35rem;max-width:min(100%,460px);padding:1.25rem;display:grid}.home__intestazione .sopratitolo{color:var(--accent,var(--gold));align-items:center;gap:.4rem;display:flex}.home__intestazione h1{overflow-wrap:anywhere;font-size:clamp(1.9rem,6vw,2.8rem)}.home__comandante{max-width:21ch;color:var(--silver);margin:0 0 .5rem;font-size:1rem}.lega{background:#05070ab8;border:1px solid #c9ced640;border-radius:999px;align-items:center;gap:.8rem;width:min(100%,300px);padding:.55rem .8rem .55rem .55rem;display:flex}.lega__medaglia{color:#1a1206;background:radial-gradient(circle at 35% 28%, var(--lega-a), var(--lega-b) 90%);border:2px solid #ffffff59;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 4px 12px #0009,inset 0 0 10px #00000059}.lega__medaglia span{border:1px solid var(--lega-a);min-width:22px;color:var(--lega-a);font:700 .7rem/1.5 var(--font-display);text-align:center;background:#0d1118;border-radius:999px;padding:0 4px;position:absolute;bottom:-4px;right:-4px}.lega__testo{flex:1;gap:.25rem;min-width:0;display:grid}.lega__nome{font:600 .95rem/1.1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--lega-a);margin:0}.lega__punti{color:var(--silver);margin:0;font-size:.85rem}.battaglia-in-corso{background:linear-gradient(180deg, #461218d9, #14080ceb), var(--bg-1);border-color:#e11d2e8c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.battaglia-in-corso .sopratitolo{color:#ff8d93}.home__azioni{gap:.75rem;display:grid}.azione{border-radius:var(--radius-l);background:linear-gradient(180deg, #262d3ab3, #0d1118e6), var(--bg-1);width:100%;min-height:72px;color:var(--ivory);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #c9a24b4d;align-items:center;gap:.9rem;padding:.8rem 1rem;text-decoration:none;display:flex;box-shadow:0 8px 22px #0006}.azione:first-child{background:linear-gradient(180deg, #6e1217bf, #1a0a0eeb), var(--bg-1);border-color:#e11d2e99}.azione__icona{width:50px;height:50px;color:var(--gold-bright);background:radial-gradient(circle at 35% 28%,#2f3748,#0c0f15);border:1px solid #c9a24b8c;border-radius:50%;flex:none;place-items:center;display:grid}.azione__testo{flex:1;gap:.1rem;min-width:0;display:grid}.azione__testo b{font:600 1.05rem/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase}.azione__testo small{color:var(--muted);font-size:.95rem}.azione__freccia{color:var(--gold);flex:none}.azione.is-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}@media (hover:hover){.azione:not(.is-disabled):hover{border-color:var(--gold-bright);transition:transform .15s;transform:translateY(-2px)}}@media (min-width:700px){.home__azioni{grid-template-columns:repeat(2,1fr)}.home__azioni .azione:first-child{grid-column:1/-1}.home__eroe{min-height:400px}.home__intestazione{padding:2rem}}.impostazioni{gap:1rem;display:grid}.tutorial-soglia{isolation:isolate;position:relative;overflow:hidden}.tutorial-soglia__scena{z-index:-2;object-fit:cover;filter:brightness(.5)saturate(.9);width:100%;height:100%;position:absolute;inset:0}.tutorial-soglia__ombra{z-index:-1;background:radial-gradient(70% 60% at 50% 45%,#07090d59,#07090de0);position:absolute;inset:0}.tutorial-soglia__contenuto{text-align:center;justify-items:center;gap:.8rem;width:min(100%,560px);display:grid}.tutorial-soglia__contenuto h1{margin:0;font-size:clamp(1.8rem,6vw,2.8rem)}.tutorial-soglia__testo{max-width:44ch;color:var(--silver);margin:0;font-size:1.15rem}.tutorial-soglia__azioni{gap:.6rem;width:min(100%,360px);margin-top:.6rem;display:grid}.accessi{gap:.7rem;margin-bottom:1.2rem;display:grid}.accessi__titolo{font:600 .8rem/1.2 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem}.accessi__elenco{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.accessi__elenco li{border-radius:var(--radius-m);background:#ffffff0d;justify-content:space-between;align-items:center;gap:.8rem;padding:.4rem .4rem .4rem .9rem;display:flex}.miei-dati{gap:.9rem;display:grid}.miei-dati__azioni{flex-wrap:wrap;gap:.6rem;display:flex}.btn-pericolo{color:#f3b0b0;border-color:#c0262d99}