:root{--beige:#d6dce6;--accent:#da332f;--title:'ADLaM Display','Trebuchet MS',sans-serif}body{background:#080a0e}h1,h2,h3{overflow-wrap:anywhere}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f1655b;outline-offset:5px}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:2000;padding:10px;background:#fff;color:#111}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.codex-hero{position:relative;padding:calc(var(--header) + 100px) 0 85px;isolation:isolate;background:#090c12;min-height:490px}.codex-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,6,10,.94),rgba(4,6,10,.4)),linear-gradient(0deg,#080a0e,transparent 75%),var(--scene) center/cover}.codex-hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:1.05;max-width:1050px;margin:24px 0;letter-spacing:-.035em;font-weight:500;text-transform:uppercase}.codex-hero p{max-width:720px;color:#c0c6d0;font-size:1.15rem}.codex-section{padding:65px 0 95px}.codex-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.codex-tile{position:relative;isolation:isolate;min-height:390px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:35px;border:1px solid #ffffff21;text-decoration:none;overflow:hidden;background:#10141d}.codex-tile:before{content:'';position:absolute;z-index:-2;inset:0;background:var(--scene) center/cover;opacity:.65;transition:transform .7s}.codex-tile:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080a0ef5 4%,#080a0e9c 55%,#080a0e15)}.codex-tile:hover:before{transform:scale(1.045)}.codex-tile:hover{border-color:#e14a46}.codex-tile h2{font-family:var(--title);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;margin:14px 0}.codex-tile p{max-width:540px;color:#c4c9d3}.codex-tile .text-link{margin-top:12px}.detail-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px}.entry-art{position:sticky;top:100px;align-self:start;display:grid;gap:30px;text-align:center}.entry-art img{max-width:100%;max-height:380px;object-fit:contain}.archive-prose{font-size:1.05rem;line-height:1.9;color:#bfc6d2;min-width:0}.archive-prose p{margin:0 0 24px}.archive-prose strong,.archive-prose h2,.archive-prose h3{color:#f3f5f7}.archive-prose h2,.archive-prose h3{font-family:var(--title);line-height:1.3;margin:35px 0 18px}.archive-prose img{max-width:100%;max-height:650px;object-fit:contain;display:block;margin:20px auto}.archive-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem}.archive-prose td,.archive-prose th{border:1px solid #ffffff25;padding:12px}.archive-prose figure{margin:20px 0;overflow:auto}.archive-prose figcaption{font-size:.85rem;color:#929dad;text-align:center}.world-intro{max-width:870px;margin:0 auto 70px}.reader-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:55px}.chapter-nav{position:sticky;top:95px;align-self:start;display:grid;border-top:1px solid #d63a32}.chapter-nav a{padding:16px 12px;border-bottom:1px solid #ffffff20;text-decoration:none;font-size:.82rem;letter-spacing:.04em}.chapter-nav a:hover{background:#ffffff08;color:#ff7972}.card-reference img{max-height:650px}.card-reference p img{display:inline-block;width:auto;max-height:80px;margin:4px;vertical-align:middle}.quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:45px}.quick-links a{padding:20px 25px;border:1px solid #ffffff29;text-decoration:none}.search-label{display:block;margin-bottom:15px;color:#cbd1db}#glossary-search{display:block;width:100%;max-width:780px;background:#111722;border:1px solid #758399;color:#fff;padding:20px;font-size:1.15rem;border-radius:0}.glossary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.glossary>div{border:1px solid #ffffff18;background:#10141c;padding:25px}.glossary dt{font-family:var(--title);font-size:1.2rem;color:#fff;margin-bottom:10px}.glossary dd{margin:0;color:#b5bece;line-height:1.7}.faq-list{max-width:960px;margin:auto}.faq-list details{border-block-end:1px solid #ffffff24;background:#10141b;margin-bottom:12px;padding:24px}.faq-list summary{cursor:pointer;font-size:1.13rem;color:#fff;line-height:1.5}.faq-list details p{color:#bfc7d5;line-height:1.8;padding-top:20px}.faq-list details[open]{border-left:2px solid #d93b32}.timeline{position:relative;max-width:1080px;margin:auto}.timeline-event{display:grid;grid-template-columns:200px minmax(0,1fr);gap:50px;position:relative;padding:0 0 60px}.timeline-event:before{content:'';position:absolute;left:221px;top:10px;bottom:0;border-left:1px solid #ffffff26}.timeline-event:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#e64940;left:216px;top:11px;box-shadow:0 0 22px #e6494070}.timeline-date{color:#ed6c65;font-size:.9rem;padding-top:5px;position:sticky;top:100px;align-self:start}.timeline-event h2{font-family:var(--title);margin:0 0 25px;font-size:1.8rem;line-height:1.3}.timeline-event p{color:#bfc6d2;line-height:1.9;margin-bottom:24px}.immersive-training{position:relative;padding-top:var(--header);background:#070910}.training-slide{position:relative;isolation:isolate;min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:90px 0 150px;background:#080b10;--accent:#fff}.training-slide:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--scene) center/cover;opacity:.5}.training-slide:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#05080ef5 8%,#05080e70),linear-gradient(0deg,#070910,transparent 50%)}.slide-grid{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:70px;align-items:center}.training-slide h2{font-family:var(--title);font-size:clamp(2.6rem,5.6vw,5.8rem);line-height:1.04;margin:30px 0;text-transform:uppercase;color:#fff;letter-spacing:-.025em}.training-slide .eyebrow{color:var(--accent)}.training-slide p{font-size:1.15rem;max-width:650px;color:#c7ccd7}.animated-sigil{width:100%;max-width:300px;image-rendering:auto;filter:drop-shadow(0 0 45px var(--accent));animation:sigil-float 5s ease-in-out infinite}.specialization-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 35px}.specialization-tags span{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:#e1e7ef;padding:8px 12px;font-size:.8rem;background:#080b1070}.training-controls{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;z-index:5}.training-controls button{background:#090d15ab;border:1px solid #ffffff30;color:#dce2ee;min-width:42px;min-height:44px;cursor:pointer}.training-selectors{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;flex:1}.training-selectors button[aria-pressed=true]{background:#bc2c25;border-color:#ef6a61;color:#fff}.example-card img{max-width:160px;max-height:250px;display:block;margin:20px auto}.example-card figcaption{font-size:.75rem;text-align:center;color:#aeb5c3}.news-body{max-width:850px;margin:auto}.news-body>img{width:100%;max-height:480px;object-fit:cover;margin-bottom:40px}.news-body p{font-size:1.08rem;line-height:1.9;color:#c1c8d2}.reveal{opacity:1;transform:none}html{scroll-padding-top:90px}.archive-prose:empty{display:none}@keyframes sigil-float{50%{transform:translateY(-14px)}}
@media(min-width:1100px){.codex-grid:has(>.codex-tile:nth-child(8)){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.codex-grid{grid-template-columns:1fr}.codex-tile{min-height:340px}.detail-layout,.reader-layout{grid-template-columns:1fr;gap:30px}.entry-art{position:static}.entry-art img{max-height:230px;margin:auto}.chapter-nav{position:static;grid-template-columns:1fr 1fr}.codex-hero{padding-top:calc(var(--header) + 55px);min-height:390px}.timeline-event{grid-template-columns:1fr;gap:15px;padding-left:25px}.timeline-event:before{left:0}.timeline-event:after{left:-5px}.timeline-date{position:static}.slide-grid{grid-template-columns:1fr;gap:30px}.animated-sigil{position:absolute;right:25px;top:25px;width:80px;opacity:.65}.training-slide{padding-top:110px;padding-bottom:190px;min-height:calc(100svh - var(--header))}.training-controls{bottom:24px;gap:8px}.training-selectors{gap:5px}.training-controls button{min-width:35px}.glossary{grid-template-columns:1fr}.archive-prose{font-size:1rem}.codex-section{padding-top:40px}.training-slide h2{font-size:clamp(2.2rem,10vw,4rem)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.animated-sigil{filter:none}}
/* v0.6 — Addestramenti: selettore fisso a icone e anteprime complete. */
.trainings-carousel-page{--training-menu-height:92px}.trainings-carousel-page .immersive-training{padding-top:calc(var(--header) + var(--training-menu-height))}.training-controls{position:fixed;inset:var(--header) 0 auto;transform:none;width:100%;max-width:none;min-height:var(--training-menu-height);padding:10px 24px;display:flex;align-items:center;justify-content:center;margin:0;background:linear-gradient(180deg,rgba(10,13,20,.98),rgba(8,11,17,.92));backdrop-filter:blur(18px);border-bottom:1px solid #c0c9dc30;z-index:900;transition:top .3s}.header-is-compact .training-controls{top:var(--header-compact)}.training-selectors{flex:0 1 1050px;gap:14px;flex-wrap:nowrap;justify-content:space-between}.training-controls .training-selectors button{position:relative;border:0;border-radius:50%;background:transparent;width:64px;height:64px;min-width:44px;padding:7px;flex:0 0 64px;box-shadow:none;transition:filter .2s,transform .2s}.training-selectors button img{width:100%;height:100%;object-fit:contain;filter:grayscale(.75) brightness(.7);transition:filter .2s,transform .2s}.training-controls .training-selectors button[aria-pressed=true]{background:radial-gradient(circle,color-mix(in srgb,var(--icon-accent) 20%,transparent),transparent 70%);box-shadow:0 0 18px color-mix(in srgb,var(--icon-accent) 18%,transparent)}.training-selectors button[aria-pressed=true] img,.training-selectors button:hover img{filter:drop-shadow(0 0 7px var(--icon-accent));transform:scale(1.12)}.trainings-carousel-page .training-slide{min-height:calc(100svh - var(--header) - var(--training-menu-height));padding:70px 85px 80px}.training-slide:before{opacity:.94}.training-slide:after{background:linear-gradient(90deg,rgba(3,6,12,.94) 0%,rgba(3,6,12,.82) 48%,rgba(3,6,12,.27)),linear-gradient(0deg,rgba(3,6,12,.45),transparent 60%)}.trainings-carousel-page .slide-grid{grid-template-columns:minmax(0,1fr) 22%;gap:55px}.trainings-carousel-page .training-slide h2{font-size:clamp(2.5rem,4.6vw,4.5rem);margin:22px 0}.training-description{max-width:840px;margin:26px 0}.training-description p{font-size:1rem;line-height:1.8;color:#cad1dc;margin:0 0 16px}.trainings-carousel-page .animated-sigil{max-width:225px}.training-side-arrow{position:fixed;top:calc(50% + 60px);z-index:20;cursor:pointer}.training-side-arrow.prev{left:20px}.training-side-arrow.next{right:20px}.training-page .training-hero{min-height:100svh}.training-page .training-hero-grid{min-height:calc(100svh - var(--header));grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);padding-block:65px}.training-page .training-hero h1{font-size:clamp(2.8rem,5vw,5rem);line-height:1.05}.training-page .training-hero-icon{min-height:280px}.training-page .training-hero-icon img{width:210px;height:210px}.training-page .training-hero-icon span{width:290px;height:290px}.training-page .training-hero-icon:before{width:230px;height:230px}.training-page .training-hero-icon:after{width:270px;height:270px}.training-page .training-hero-bg{background:linear-gradient(90deg,rgba(2,4,8,.91),rgba(2,4,8,.64) 47%,rgba(2,4,8,.16) 78%,rgba(2,4,8,.3)),var(--training-bg) center/cover no-repeat;filter:none}
@media(max-width:1100px){.training-selectors{gap:5px}.training-controls .training-selectors button{width:56px;height:56px;flex-basis:56px}.trainings-carousel-page .training-slide{padding-inline:55px}.training-side-arrow.prev{left:8px}.training-side-arrow.next{right:8px}}
@media(max-width:800px){.trainings-carousel-page{--training-menu-height:80px}.training-controls{padding:8px 12px}.training-selectors{overflow-x:auto;justify-content:flex-start;gap:8px;scrollbar-width:thin;scrollbar-color:#687187 transparent}.training-controls .training-selectors button{flex:0 0 52px;width:52px;height:52px}.trainings-carousel-page .training-slide{padding:50px 36px 55px}.trainings-carousel-page .slide-grid{grid-template-columns:1fr;gap:20px}.trainings-carousel-page .animated-sigil{display:none}.training-description p{font-size:.95rem;line-height:1.75}.trainings-carousel-page .training-slide h2{font-size:clamp(2rem,8vw,3.4rem)}.training-page .training-hero-grid{grid-template-columns:1fr;padding:60px 0 35px;gap:25px}.training-page .training-hero-icon{min-height:190px}.training-page .training-hero-icon img{width:145px;height:145px}.training-page .training-hero-icon:before{width:165px;height:165px}.training-page .training-hero-icon:after{width:190px;height:190px}.training-page .training-hero-icon span{width:220px;height:220px}.training-page .training-hero h1{font-size:clamp(2.4rem,8vw,3.6rem)}}
/* Aspetto originale delle frecce pacchetti Shop v6.72 / hover v1.54. */
.training-side-arrow{display:grid;place-items:center;width:92px;height:410px;padding:0;border:0;border-radius:0;color:rgba(255,255,255,.82);background:transparent;box-shadow:none;transform:translateY(-50%);overflow:visible;opacity:.86;filter:brightness(1);transition:filter .16s ease}.training-side-arrow:before,.training-side-arrow:after{display:none;content:none}.training-side-arrow span{display:inline-block;margin:0;font-family:Georgia,'Times New Roman',serif;font-size:198px;font-weight:300;line-height:.58;transform:scaleY(1.28);transform-origin:center;text-shadow:0 0 6px rgba(255,255,255,.22),0 0 14px rgba(230,190,104,.16),0 5px 14px rgba(0,0,0,.65);transition:color .16s ease,text-shadow .16s ease,filter .16s ease}.training-side-arrow:hover,.training-side-arrow:focus-visible{filter:brightness(1.28);opacity:1;background:transparent;box-shadow:none}.training-side-arrow:hover span,.training-side-arrow:focus-visible span{color:rgba(255,255,255,.98);text-shadow:0 0 10px rgba(255,255,255,.55),0 0 22px rgba(226,190,109,.35);filter:brightness(1.12)}.training-side-arrow.prev{left:18px}.training-side-arrow.next{right:18px}.trainings-carousel-page .training-slide{padding-inline:115px}
@media(max-width:1100px){.training-side-arrow{height:350px;width:76px}.training-side-arrow span{font-size:170px;transform:scaleY(1.24)}.trainings-carousel-page .training-slide{padding-inline:95px}}
@media(max-width:720px){.training-side-arrow{height:270px;width:56px}.training-side-arrow span{font-size:132px;transform:scaleY(1.2)}.training-side-arrow.prev{left:2px}.training-side-arrow.next{right:2px}.trainings-carousel-page .training-slide{padding-inline:62px}.training-description p{font-size:.9rem}.trainings-carousel-page .training-slide h2{font-size:clamp(1.85rem,7vw,3rem)}}
/* v0.5.2 — Tutti i contenuti di ciascun Addestramento nello stesso carosello. */
.trainings-carousel-page .training-slide{display:block;padding:0 115px 0}.trainings-carousel-page .training-slide:before{height:100svh;bottom:auto}.trainings-carousel-page .training-slide:after{background:linear-gradient(90deg,rgba(3,6,12,.94),rgba(3,6,12,.65) 60%,rgba(3,6,12,.27));height:100svh;bottom:auto}.trainings-carousel-page .slide-grid{min-height:calc(100svh - var(--header) - var(--training-menu-height));padding-block:60px}.training-full-content{position:relative}.training-full-content>.training-facts{display:flex;justify-content:center;gap:60px;max-width:1240px;margin:auto;padding:25px;border-inline:0}.training-full-content .specializations-section{margin-inline:-115px;padding:70px 115px 90px;background:linear-gradient(180deg,rgba(7,9,16,.96),#070910)}.training-full-content .specializations-section .wrap{width:100%;max-width:1240px}.training-full-content .specialization-card{min-width:0}.training-full-content .specializations-section .section-heading h2{font-size:clamp(2.2rem,4vw,3.6rem)}.home-hero-carousel{position:relative;background:#06080c}.home-hero-carousel .hero{background-size:cover;background-position:center;height:100svh;min-height:760px;padding-bottom:90px}.home-hero-carousel .hero-content{max-width:720px}.home-hero-carousel .hero h2{font-family:var(--title);font-size:clamp(3.3rem,7vw,6.7rem);font-weight:400;line-height:1.05;margin:24px 0;color:#fff;text-shadow:0 5px 30px #000}.home-hero-carousel .brand-intro h1{margin:0;line-height:1;text-shadow:none;-webkit-text-stroke:0}.home-brand-logo{display:block;width:min(500px,80vw);height:auto;max-height:35svh;object-fit:contain;object-position:left center;filter:drop-shadow(0 9px 20px #0009)}.home-carousel-controls{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 20px;background:#05080db3;border:1px solid #ffffff20;z-index:5}.home-carousel-controls button{display:grid;place-items:center;cursor:pointer;color:#fff;background:transparent;border:0;min-width:38px;min-height:38px;font-size:2rem}.home-carousel-controls [data-home-pause]{font-size:1rem;border-left:1px solid #ffffff35}.home-carousel-dots{display:flex;gap:12px;align-items:center}.home-carousel-dots button{min-width:30px;min-height:38px;padding:0}.home-carousel-dots button:before{content:'';width:8px;height:8px;border-radius:50%;background:#87909e}.home-carousel-dots button[aria-pressed=true]:before{background:#e84e45;box-shadow:0 0 10px #e84e4570}.home-hero-slide:not([hidden]) .hero-wrap{animation:home-enter .5s ease-out}@keyframes home-enter{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.trainings-carousel-page .training-slide{padding-inline:95px}.training-full-content .specializations-section{margin-inline:-95px;padding-inline:95px}.training-full-content>.training-facts{gap:30px}}
@media(max-width:720px){.trainings-carousel-page .training-slide{padding-inline:62px}.training-full-content .specializations-section{margin-inline:-62px;padding:45px 30px}.training-full-content>.training-facts{gap:15px;padding:22px 0}.training-full-content>.training-facts strong{font-size:1.8rem}.training-full-content>.training-facts span{font-size:.55rem}.home-hero-carousel .hero{min-height:690px}.home-hero-carousel .hero h2{font-size:clamp(2.4rem,9vw,4rem)}.home-brand-logo{width:min(420px,85vw);max-height:32svh}.home-carousel-controls{gap:8px;max-width:calc(100% - 28px);padding-inline:10px}.home-carousel-dots{gap:4px}}
@media(prefers-reduced-motion:reduce){.home-hero-slide:not([hidden]) .hero-wrap{animation:none}}
/* v0.5.3 — sfondi a tutto schermo, personaggi e selettore fedele alla Home. */
.trainings-carousel-page .training-slide:before{position:fixed;inset:0;height:100lvh;background:var(--scene) center/cover no-repeat;opacity:1}.trainings-carousel-page .training-slide:after{position:fixed;inset:0;height:100lvh;background:linear-gradient(90deg,rgba(3,6,12,.9),rgba(3,6,12,.6) 55%,rgba(3,6,12,.2)),linear-gradient(0deg,rgba(3,6,12,.35),transparent 55%)}.training-full-content .specializations-section{background:rgba(5,8,14,.46);border-top:1px solid #ffffff15}.trainings-carousel-page .slide-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.5fr);align-items:center;gap:35px}.training-character{margin:0;align-self:center;display:flex;align-items:flex-end;justify-content:center;min-width:0}.training-character img{width:100%;height:auto;max-height:680px;object-fit:contain;filter:drop-shadow(0 22px 30px #000a)}
.training-controls .training-selectors{gap:10px;flex:0 1 1100px;padding:14px 4px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin}.training-controls{--training-menu-height:110px;min-height:110px;padding-block:0}.trainings-carousel-page{--training-menu-height:110px}.training-controls .training-selectors .training-card{flex:0 0 72px;width:72px;height:78px;min-width:72px;min-height:78px;padding:10px;border:1px solid rgba(232,239,247,.16);border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.36)),rgba(0,0,0,.48);color:#b7bbc4;box-shadow:none;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s,background .3s,color .3s}.training-controls .training-selectors .training-card img{position:relative;z-index:2;display:block;width:46px;height:46px;margin:0 auto;object-fit:contain;filter:grayscale(.72) brightness(.78);opacity:.72;transform:none;transition:.3s}.training-controls .training-selectors .training-card .training-glow{width:100px;height:100px;top:0}.training-controls .training-selectors .training-card:after{content:'';position:absolute;inset:5px;border:1px solid rgba(255,255,255,.06);border-radius:4px;pointer-events:none}.training-controls .training-selectors .training-card:hover,.training-controls .training-selectors .training-card.active{transform:translateY(-5px) scale(1.035);color:#fff;border-color:rgba(255,255,255,.48);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(0,0,0,.38)),rgba(6,8,13,.62);box-shadow:0 0 26px rgba(204,221,246,.14),inset 0 0 32px rgba(255,255,255,.04)}.training-controls .training-selectors .training-card:hover img,.training-controls .training-selectors .training-card.active img{filter:none;opacity:1;transform:scale(1.12)}.training-controls .training-selectors .training-card.active:before{content:'';position:absolute;left:12px;right:12px;bottom:5px;height:3px;background:linear-gradient(90deg,transparent,#d8dde8 25%,#fff 50%,#d8dde8 75%,transparent);box-shadow:0 0 17px rgba(255,255,255,.64)}.home-hero-carousel .home-outgoing{position:absolute;inset:0;z-index:4;pointer-events:none;animation:home-fade-out .75s ease-in-out forwards}.home-hero-carousel .home-outgoing .hero-wrap{animation:none!important}.home-hero-slide:not([hidden]):not(.home-outgoing) .hero-wrap{animation:home-fade-in .75s ease-in-out}@keyframes home-fade-out{from{opacity:1}to{opacity:0}}@keyframes home-fade-in{from{opacity:.3;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.training-controls .training-selectors{gap:8px}.training-controls .training-selectors .training-card{flex-basis:64px;width:64px;min-width:64px;height:72px;min-height:72px}.training-controls .training-selectors .training-card img{width:42px;height:42px}.training-character img{max-height:560px}}
@media(max-width:800px){.trainings-carousel-page .slide-grid{grid-template-columns:1fr;gap:20px}.training-character{justify-content:center;order:2}.training-character img{width:auto;max-width:100%;max-height:390px}.training-controls .training-selectors{justify-content:flex-start;gap:9px}.trainings-carousel-page{--training-menu-height:100px}.training-controls{min-height:100px}.training-controls .training-selectors .training-card{flex-basis:58px;width:58px;min-width:58px;height:68px;min-height:68px}.training-controls .training-selectors .training-card img{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.home-outgoing{display:none!important}.home-hero-slide:not([hidden]) .hero-wrap{animation:none!important}}
/* v0.5.4 — sfondi originali, icone e ventagli di carte esempio. */
.trainings-carousel-page .training-slide:before{display:none}.training-scene{position:fixed;inset:0;height:100lvh;z-index:-2;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.trainings-carousel-page .training-slide:after{background:linear-gradient(90deg,rgba(3,6,12,.8),rgba(3,6,12,.5) 55%,rgba(3,6,12,.14)),linear-gradient(0deg,rgba(3,6,12,.2),transparent 55%)}.trainings-carousel-page .slide-grid{grid-template-columns:minmax(0,1fr) minmax(180px,.3fr);gap:50px}.trainings-carousel-page .animated-sigil{display:block;position:static;max-width:210px;width:100%;height:auto;opacity:1;justify-self:center}.training-group-title{font-family:var(--title);font-size:1rem;line-height:1.4;letter-spacing:.04em;color:#e3e9f2;margin:30px 0 14px}.training-specializations-heading{margin-top:24px}.training-focus{gap:14px;margin:0 0 20px}.training-focus span{padding:11px 15px;font-size:.7rem;line-height:1.5}.specialization-tags{gap:14px;margin:0 0 26px}.specialization-tags span{padding:10px 15px;font-size:.8rem}.training-description{margin-top:28px}.training-examples{position:relative;padding:40px 0 105px;text-align:center}.training-examples h3{font-family:var(--title);font-size:clamp(1.8rem,3vw,2.7rem);font-weight:400;margin:0 0 45px}.example-fan{display:flex;justify-content:center;align-items:flex-end;min-height:410px;padding-top:45px;isolation:isolate}.example-fan-card{position:relative;display:block;flex:0 0 clamp(150px,19vw,230px);width:clamp(150px,19vw,230px);margin-inline:-28px;z-index:calc(4 - var(--fan-index));transform:translateY(calc((var(--fan-index) - 1.5)*(var(--fan-index) - 1.5)*12px)) rotate(calc((var(--fan-index) - 1.5)*10deg));transform-origin:50% 100%;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 12px 20px #000b)}.example-fan-card img{display:block;width:100%;height:auto;border-radius:9px}
@media(max-width:1100px){.example-fan{min-height:340px}.example-fan-card{flex-basis:180px;width:180px;margin-inline:-32px}}
@media(max-width:800px){.trainings-carousel-page .slide-grid{grid-template-columns:1fr;gap:25px}.trainings-carousel-page .animated-sigil{grid-row:1;max-width:100px;justify-self:end;animation:none}.training-group-title{margin-top:24px}.training-focus,.specialization-tags{gap:12px}.training-examples{margin-inline:-36px;padding-bottom:80px}.example-fan{min-height:280px;padding-top:25px}.example-fan-card{flex-basis:clamp(105px,29vw,155px);width:clamp(105px,29vw,155px);margin-inline:-24px}.training-examples h3{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.example-fan-card{transition:none}.animated-sigil{animation:none!important}}

/* v0.5.5 — Fondali scorrevoli e nuova prova Combattimento Animale. */
.training-scene{position:absolute;inset:0;height:100%;background-attachment:scroll;background-size:100% auto;background-position:center top;background-color:#070910}.trainings-carousel-page .training-slide:after{position:absolute;inset:0;height:100%;background:linear-gradient(90deg,rgba(3,6,12,.65),rgba(3,6,12,.25) 58%,rgba(3,6,12,.08))}.training-scene{mask-image:linear-gradient(to bottom,#000 calc(100vw * .56 - 90px),transparent calc(100vw * .56 + 180px))}#combattimento-animale:after{background:linear-gradient(90deg,rgba(3,6,12,.22),rgba(3,6,12,.08) 58%,transparent)}
@media(max-width:800px){.training-scene{background-size:auto 100svh;background-position:65% top;mask-image:linear-gradient(to bottom,#000 calc(100svh - 160px),transparent 100svh)}.trainings-carousel-page .training-slide:after{background:linear-gradient(90deg,rgba(3,6,12,.78),rgba(3,6,12,.4))}#combattimento-animale:after{background:linear-gradient(90deg,rgba(3,6,12,.65),rgba(3,6,12,.25))}}
/* v0.5.6 — Icona nel titolo e quattro esempi per Specializzazione. */
.trainings-carousel-page .training-slide:after{background:linear-gradient(90deg,rgba(3,6,12,.88),rgba(3,6,12,.65) 58%,rgba(3,6,12,.48))}#combattimento-animale:after{background:linear-gradient(90deg,rgba(3,6,12,.67),rgba(3,6,12,.5) 58%,rgba(3,6,12,.4))}.trainings-carousel-page .slide-grid{grid-template-columns:minmax(0,1fr);gap:0}.training-title{display:flex;align-items:center;gap:.35em;font-size:clamp(2.5rem,4.6vw,4.5rem);margin:22px 0}.trainings-carousel-page .training-slide .training-title h2{font-size:inherit;line-height:1.05;margin:0;flex:1;min-width:0}.trainings-carousel-page .training-title .animated-sigil{position:static;width:1.05em;height:1.05em;max-width:none;flex:0 0 1.05em;object-fit:contain;animation:none;filter:drop-shadow(0 0 15px color-mix(in srgb,var(--accent) 30%,transparent))}.spec-examples{grid-column:1/-1;padding:22px 12px 24px;border-top:1px solid #ffffff18;margin-top:12px;align-self:end;min-width:0}.spec-examples h4{font-family:var(--title);font-size:1rem;line-height:1.3;font-weight:400;text-align:center;color:#e4e9f2;margin:0 0 20px}.spec-examples .example-fan{min-height:215px;padding:25px 0 10px}.spec-examples .example-fan-card{flex:0 0 clamp(82px,9vw,120px);width:clamp(82px,9vw,120px);margin-inline:-15px}.spec-examples .example-fan-card img{border-radius:5px}
@media(max-width:800px){.training-title{font-size:clamp(1.85rem,7vw,3rem);gap:.28em}.trainings-carousel-page .training-title .animated-sigil{grid-row:auto;justify-self:auto}.spec-examples{padding-inline:0}.spec-examples .example-fan{min-height:230px}.spec-examples .example-fan-card{flex-basis:clamp(80px,23vw,120px);width:clamp(80px,23vw,120px);margin-inline:-17px}#combattimento-animale:after{background:linear-gradient(90deg,rgba(3,6,12,.82),rgba(3,6,12,.58))}}

/* v0.5.7 — Titoli su due righe, icone proporzionate al titolo completo. */
.training-name-line{display:block;white-space:nowrap}.trainings-carousel-page .training-title{gap:.4em}.trainings-carousel-page .training-title .animated-sigil{width:2.1em;height:2.1em;flex-basis:2.1em}.trainings-carousel-page .training-slide .training-title h2{line-height:1.05}.training-title{font-size:clamp(2.2rem,4.3vw,4.5rem)}
@media(max-width:800px){.trainings-carousel-page .training-title{font-size:clamp(1rem,4.1vw,2.2rem);margin-inline:-30px;gap:.35em}.trainings-carousel-page .training-title .animated-sigil{width:2.1em;height:2.1em;flex-basis:2.1em}}
/* v0.5.8 — ulteriore scurimento uniforme degli sfondi Addestramenti. */
.trainings-carousel-page .training-scene{filter:brightness(.82)}

/* Carte esempio statiche: mantengono il ventaglio anche al passaggio del mouse. */
.spec-examples .example-fan-card{transition:none}

/* Un solo fondale aggiornato per slide, esteso fino al fondo. */
.trainings-carousel-page .training-slide::before{display:none!important;background:none!important}
.trainings-carousel-page .training-scene{position:absolute;inset:0;height:100%;background-size:cover;background-position:right bottom;background-attachment:scroll;mask-image:none;-webkit-mask-image:none}

/* Fondale unico direttamente sulla slide; nessuna sovrapposizione precedente. */
.trainings-carousel-page .training-slide::before,.trainings-carousel-page .training-slide::after{display:none!important}
.trainings-carousel-page .specialization-card{transition:none!important}
.trainings-carousel-page .example-fan-card,.trainings-carousel-page .example-fan-card img{transition:none!important;animation:none!important}

/* v0.5.16 — Home, piattaforme e carte statiche. */
.spec-card-visual img{border-radius:7% / 5%;clip-path:inset(0 round 7% / 5%)}
.example-fan-card{cursor:default}
.content-panel{animation:none!important;background:rgba(5,8,14,.82);border:1px solid #c4d3e83d;box-shadow:0 18px 45px #0008;transition:border-color .3s,box-shadow .3s,background-color .3s}
.content-panel:hover{border-color:#e18a80a6;background-color:rgba(13,17,25,.9);box-shadow:0 18px 45px #0008,0 0 38px #d947362b,inset 0 0 45px #c5dcff0c}
.game-section .content-panel{width:min(920px,100%);padding:clamp(25px,4vw,52px)}
.training-detail .detail-link{font-size:clamp(.9rem,1.3vw,1.15rem);padding:16px 0;white-space:normal}
.image-section{border-block:1px solid #b9c9e32d;box-shadow:inset 0 16px 45px #0008,inset 0 -16px 45px #0008}
.image-section+.section,.section+.image-section{margin-top:24px}
.platform-section{position:relative;padding:72px 0 82px;background:radial-gradient(ellipse at 50% 0,#3a182e55,transparent 65%),#090d14;border-block:1px solid #ffffff20}
.platform-heading{max-width:950px;margin:0 auto 36px;text-align:center}
.platform-heading .eyebrow{justify-content:center}
.platform-heading h2{font-family:var(--title);font-size:clamp(1.8rem,3.3vw,3.1rem);line-height:1.25;font-weight:400;margin:18px 0}
.platform-heading h2 span{color:#c1cadb;font-size:.72em}
.platform-heading p,.platform-card p{color:#b8c3d2}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.platform-card{display:flex;gap:22px;align-items:flex-start;position:relative;overflow:hidden;padding:30px 26px;background:linear-gradient(145deg,#17202eaa,#080c14);border:1px solid #a5bbdc35;border-radius:10px;text-decoration:none;transition:box-shadow .3s,border-color .3s}
.platform-card:hover{border-color:#bcd5ff99;box-shadow:0 0 34px #8cb4ff22,inset 0 0 32px #9dbdff0d}
.platform-card.available{border-color:#db5e5266}
.platform-card.available:hover{box-shadow:0 0 34px #df53402c,inset 0 0 32px #df534012}
.platform-card img{flex:0 0 64px;filter:drop-shadow(0 0 14px #a2c4ff35)}
.platform-card h3{font-family:var(--title);font-size:1.6rem;margin:10px 0;font-weight:400}
.platform-card p{font-size:.95rem;margin:0 0 16px}
.platform-state{font-size:.65rem;letter-spacing:.13em;color:#a7b7d0}
.available .platform-state,.platform-action{color:#ff9588}
.platform-action{font-family:var(--title);font-size:.8rem}
@media(max-width:1000px){.platform-grid{grid-template-columns:1fr}.platform-card{align-items:center}.platform-card p{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){.platform-card,.content-panel{transition:none}}

/* v0.5.17 — Topbar cremisi, riflessi argento e selezione del menu. */
.site-header,.site-header.is-compact{background:radial-gradient(ellipse at 5% 0,rgba(175,38,48,.28),transparent 45%),radial-gradient(ellipse at 85% 100%,rgba(68,98,145,.16),transparent 50%),linear-gradient(105deg,rgba(23,9,16,.96),rgba(9,13,22,.97) 58%,rgba(17,21,32,.96));border-bottom-color:#da665b60;box-shadow:0 12px 35px #0008,inset 0 1px 0 #f2d7d314}
.site-header::before{background:linear-gradient(90deg,transparent,#b63842 15%,#edd8d180 45%,#8faac780 75%,transparent);opacity:.85}
.site-header::after,.site-header.is-compact::after{width:min(680px,60vw);height:2px;background:linear-gradient(90deg,transparent,#a92936 22%,#ff8d7e 50%,#ac4960 78%,transparent);box-shadow:0 0 20px #df44374d;opacity:.9}
.site-header .brand:hover img{filter:drop-shadow(0 3px 8px #0009) drop-shadow(0 0 13px #db615b55)}
.site-header .main-nav,.site-header.is-compact .main-nav{background:linear-gradient(180deg,#e5eeff09,#05060b26);box-shadow:inset 0 0 0 1px #d5c2cb1c,inset 0 1px 0 #ffffff0b;border-radius:6px}
.main-nav a{color:#c8cbd5;isolation:isolate;overflow:hidden}
.main-nav a::before{left:10%;right:10%;top:0;width:auto;height:1px;border-radius:0;background:linear-gradient(90deg,transparent,#ffc3af,transparent);box-shadow:0 0 12px #fa8d78;transform:scaleX(.4);opacity:0;transition:transform .25s,opacity .25s}
.main-nav a::after{content:'';position:absolute;left:20%;right:20%;bottom:3px;height:2px;background:linear-gradient(90deg,transparent,#ff9d87,transparent);box-shadow:0 0 10px #f56757;transform:scaleX(.35);opacity:0;transition:transform .25s,opacity .25s}
.main-nav a:hover,.main-nav a:focus-visible{color:#fff3eb;background:linear-gradient(180deg,#94354242,#571b2d2e);box-shadow:inset 0 0 0 1px #f3a89838,0 0 18px #d63b3820;text-shadow:0 0 16px #ffa59366}
.main-nav a:hover::before,.main-nav a:focus-visible::before,.main-nav a.active::before{opacity:1;transform:scaleX(1)}
.main-nav a:hover::after,.main-nav a:focus-visible::after,.main-nav a.active::after{opacity:1;transform:scaleX(1)}
.main-nav a.active{color:#fff2e8;background:linear-gradient(180deg,#ad394c60,#671d3038);box-shadow:inset 0 0 0 1px #ed8d7e66,inset 0 -8px 20px #e35f4320,0 0 20px #d23e3920;text-shadow:0 0 14px #ffac9366}
.main-nav a.active::after{left:15%;right:15%;height:2px;background:linear-gradient(90deg,transparent,#f18068 20%,#ffe4cc 50%,#f18068 80%,transparent)}
.site-header .account-link:hover{background:#97374730;border-color:#ee9b8b80;box-shadow:0 0 16px #da4d3620}
.menu-toggle:hover,.menu-toggle[aria-expanded="true"]{background:#97374735;border-color:#ee9b8b80;color:#fff0e7}
@media(max-width:1100px){
.site-header .main-nav,.site-header.is-compact .main-nav{background:linear-gradient(125deg,#24131dfb,#0c1220fc);box-shadow:0 20px 42px #0009,inset 0 0 0 1px #db8b7d40}
.main-nav a::before{left:0;right:auto;top:22%;width:2px;height:56%;transform:scaleY(.4)}
.main-nav a:hover::before,.main-nav a:focus-visible::before,.main-nav a.active::before{transform:scaleY(1)}
.main-nav a::after,.main-nav a.active::after{left:15px;right:auto;width:75px}
}
@media(prefers-reduced-motion:reduce){.main-nav a::before,.main-nav a::after{transition:none}}

/* v0.5.18 — Selezione scorrevole del menu. */
@media(min-width:1101px){.site-header:not(.is-compact) .main-nav a{font-size:.8rem}.site-header:not(.is-compact) .main-nav{padding-inline:5px}}
@media(min-width:1101px) and (max-width:1320px){.site-header:not(.is-compact) .main-nav a{font-size:.73rem;padding-inline:6px}}
.main-nav .nav-account{display:none}
.main-nav.has-menu-indicator{position:relative;isolation:isolate}
.menu-selection{position:absolute;top:0;left:0;pointer-events:none;z-index:0;border:1px solid #ed8d7e66;border-radius:4px;background:linear-gradient(180deg,#ad394c60,#671d3038);box-shadow:inset 0 -8px 20px #e35f4320,0 0 20px #d23e3920;transition:transform .3s cubic-bezier(.22,.75,.25,1),width .3s cubic-bezier(.22,.75,.25,1),height .3s;opacity:0}
.menu-selection::after{content:'';position:absolute;left:15%;right:15%;bottom:2px;height:2px;background:linear-gradient(90deg,transparent,#f18068 20%,#ffe4cc 50%,#f18068 80%,transparent);box-shadow:0 0 10px #f56757}
.menu-selection.visible{opacity:1}
.menu-selection.no-transition{transition:none}
.has-menu-indicator a{z-index:1}
.has-menu-indicator a.active{background:transparent;box-shadow:none}
.has-menu-indicator a.active::before,.has-menu-indicator a.active::after{opacity:0}
@media(max-width:1100px){.main-nav.has-menu-indicator{position:absolute}}
@media(max-width:760px){.main-nav .nav-account{display:flex;border-top:1px solid #dc8a7c33;margin-top:5px;color:#ffb6a5}}
@media(prefers-reduced-motion:reduce){.menu-selection{transition:none}}
/* v0.5.19 — Invito unico e racconto visivo del gioco. */
.arena-invitation{background:linear-gradient(90deg,#080c15f2,#080c15bd),url('../img/bg-duel.png') center 45%/cover;padding-block:78px}
.arena-invitation .platform-heading h2{font-size:clamp(2rem,4vw,3.5rem)}
.arena-invitation .platform-heading p{max-width:760px;margin:20px auto}
.arena-invitation .platform-heading .hero-actions{margin:28px 0 40px}
.arena-invitation .platform-card{background:#0b101cbd;backdrop-filter:blur(8px)}
.game-story{background:#070b12}
.game-story h1,.game-story h2,.game-story h3{font-family:var(--title);font-weight:400}
.game-story h1{font-size:clamp(3.1rem,6.5vw,6.6rem);line-height:1.07;letter-spacing:-.035em;margin:25px 0}
.game-story h2{font-size:clamp(2rem,3.7vw,3.8rem);line-height:1.15;letter-spacing:-.025em;margin:20px 0 28px}
.game-story em{font-style:normal;color:#ff9988}
.game-story p{font-size:1.05rem;line-height:1.85;color:#c0c9d8}
.gs-hero{position:relative;min-height:95svh;display:flex;align-items:center;padding:calc(var(--header) + 75px) 0 100px;background:linear-gradient(90deg,#05080ff0 5%,#05080fd9 42%,#05080f26 85%),linear-gradient(0deg,#070b12,transparent 25%),url('../img/bg-giocopiustrategia.jpg') center/cover}
.gs-hero-copy{max-width:790px}
.game-story .gs-lead{font-size:clamp(1.3rem,2.2vw,1.8rem);line-height:1.5;color:#f2e8e6}
.gs-hero-copy>p:not(.gs-lead){max-width:650px}
.gs-caption{position:absolute;right:4%;bottom:35px;color:#a7b5c8;font-size:.65rem;letter-spacing:.22em}
.gs-section{padding:105px 0;position:relative;border-top:1px solid #c5d7ef21}
.gs-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(35px,6vw,95px)}
.gs-intro{background:radial-gradient(ellipse at 0 40%,#92314416,transparent 65%)}
.gs-principles{display:grid;gap:18px}
.gs-principles article{display:flex;gap:24px;padding:28px;background:linear-gradient(130deg,#1a243188,#0b101a);border:1px solid #d4dfef24;border-left:2px solid #d56759;border-radius:4px}
.gs-principles article>span{font-family:var(--title);font-size:1.4rem;color:#e78a79}
.gs-principles h3{font-size:1.25rem;margin:0 0 9px}
.gs-principles p{margin:0;font-size:.95rem}
.gs-hand{overflow:hidden;background:linear-gradient(115deg,#0d1422,#10121a)}
.gs-hand-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.gs-hand-art:before{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#b9434338,transparent 70%);z-index:-1}
.gs-hand-art img{position:absolute;width:clamp(115px,13vw,165px);border-radius:9px;box-shadow:0 20px 45px #000b;transform-origin:50% 150%}
.gs-hand-art img:nth-child(1){transform:translate(-115px,22px) rotate(-25deg)}
.gs-hand-art img:nth-child(2){transform:translate(-70px,2px) rotate(-15deg)}
.gs-hand-art img:nth-child(3){transform:translate(-25px,-12px) rotate(-5deg)}
.gs-hand-art img:nth-child(4){transform:translate(25px,-12px) rotate(5deg)}
.gs-hand-art img:nth-child(5){transform:translate(70px,2px) rotate(15deg)}
.gs-hand-art img:nth-child(6){transform:translate(115px,22px) rotate(25deg)}
.gs-hand-art>span{position:absolute;bottom:0;text-align:center;font-size:.65rem;letter-spacing:.12em;color:#b5c2d6}
.gs-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.gs-steps span{border-bottom:2px solid #d36e5d;padding:12px 6px;font-size:.67rem;letter-spacing:.06em;color:#e6c6bd}
.gs-tactics{background:linear-gradient(#050910df,#050910e8),url('../img/bg-giocotempismoarma.jpg') center/cover}
.gs-fixed{background-attachment:fixed}
.gs-section-heading{max-width:760px;margin-bottom:45px}
.gs-tactic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gs-tactic-grid article{padding:30px;border:1px solid #bccce530;background:#080d16b8;backdrop-filter:blur(6px);border-radius:6px;transition:border-color .25s,box-shadow .25s}
.gs-tactic-grid article:hover{border-color:#e89c8280;box-shadow:0 0 35px #b54e3522}
.gs-tactic-grid img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 16px #d38c6633)}
.gs-tactic-grid h3{font-size:1.4rem;line-height:1.3;margin:24px 0 16px}
.gs-tactic-grid p{font-size:.95rem;margin:0}
.gs-build{background:radial-gradient(ellipse at 90% 50%,#25335138,transparent 65%)}
.gs-style-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gs-style-grid a{display:grid;place-items:center;padding:22px 12px;text-decoration:none;border:1px solid #d4e0f027;background:linear-gradient(135deg,#1823308c,#080c14);transition:border-color .25s,box-shadow .25s}
.gs-style-grid a:hover{border-color:#e58f7c;box-shadow:inset 0 0 35px #ca6f5a18}
.gs-style-grid img{width:100%;max-width:150px;aspect-ratio:1;object-fit:contain}
.gs-style-grid span{font-size:.7rem;letter-spacing:.15em;margin-top:15px;color:#d4ddeb}
.gs-world{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,#060a11ed,#060a11b8 48%,#060a1140),url('../img/bg-giocostoriasorasa.jpg') center/cover}
.gs-world-copy{max-width:620px}
.gs-start{text-align:center;background:radial-gradient(ellipse at center,#7f263029,transparent 70%),#080b12}
.gs-start .eyebrow{justify-content:center}
.gs-start p{max-width:680px;margin:20px auto 30px}
.gs-start .gs-platform-note{font-size:.65rem;letter-spacing:.1em;color:#8e9db3;margin-top:38px}
@media(max-width:900px){.gs-split{grid-template-columns:1fr}.gs-tactic-grid{grid-template-columns:1fr}.gs-tactic-grid article{padding:25px}.gs-hand-art{grid-row:2}.gs-hand-art img{width:150px}.gs-fixed{background-attachment:scroll}.gs-section{padding:70px 0}.gs-style-grid{max-width:550px;width:100%;margin:auto}.gs-caption{display:none}.gs-hero{min-height:850px}.gs-hero-copy{max-width:650px}}
@media(max-width:480px){.gs-hero{min-height:780px;padding-top:calc(var(--header) + 50px);background-position:60% center}.gs-hand-art{min-height:350px}.gs-hand-art img{width:110px}.gs-hand-art img:nth-child(1){transform:translate(-85px,18px) rotate(-25deg)}.gs-hand-art img:nth-child(6){transform:translate(85px,18px) rotate(25deg)}.gs-principles article{padding:22px 18px;gap:18px}.gs-world{background-position:65% center}}
@media(prefers-reduced-motion:reduce){.gs-fixed{background-attachment:scroll}.gs-tactic-grid article,.gs-style-grid a{transition:none}}

/* v0.5.21 — Titoli Home e continuità dei fondali. */
.home-page h1,.home-page h2,.home-page h3,.home-page h4{-webkit-text-stroke:0;text-shadow:0 5px 20px #0009}
.home-page .cards-section .section-overlay.dark{background:linear-gradient(90deg,rgba(3,5,10,.6),rgba(3,5,10,.78) 40%,rgba(2,4,8,.96) 75%,rgba(2,4,8,.99)),linear-gradient(180deg,#07091033,#07091066)}
.home-page .sorasa-section .content-panel{width:min(860px,100%);padding:clamp(24px,3.5vw,48px)}
.home-page .title-line{display:block;white-space:nowrap}
.home-page .sorasa-section h2{font-size:clamp(1.5rem,4.1vw,4.2rem);line-height:1.08}
.home-page .guide-panel{width:min(1080px,100%);grid-template-columns:130px minmax(0,1fr);gap:25px}
.home-page .guide-panel>img{width:125px}
.home-page .guide-panel h2{font-size:clamp(1.4rem,3.9vw,3.85rem);line-height:1.12}
.home-page main>section{margin-top:0;margin-bottom:0}
.game-story .gs-hero h1 em{color:#ffdf36;text-shadow:0 0 22px #ffca3338,0 3px 18px #0009}
@media(max-width:760px){.home-page .guide-panel{grid-template-columns:1fr;gap:20px}.home-page .guide-panel>img{width:85px;height:85px}.home-page .guide-panel h2{font-size:clamp(1.15rem,5.5vw,2.6rem)}.home-page .sorasa-section .content-panel.right{margin-top:0}.home-page .sorasa-section h2{font-size:clamp(1.15rem,5.4vw,2.9rem)}}

/* v0.5.22 — Guida completa con indice e navigazione interna. */
.guide-overview{padding-bottom:65px}
.guide-overview .codex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.guide-overview .codex-tile{min-height:245px;padding:26px}
.guide-overview .codex-tile h2{font-size:1.55rem}
.guide-reader{padding:55px 0 100px;border-top:1px solid #c5d7ef25}
.guide-reader-grid{display:grid;grid-template-columns:245px minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:start}
.guide-page-nav{position:sticky;top:90px;display:grid;background:#0c111be8;border:1px solid #d5dfef20;border-radius:5px;overflow:hidden;max-height:calc(100svh - 110px);overflow-y:auto}
.guide-page-nav a{padding:15px 17px;text-decoration:none;border-bottom:1px solid #c5d7ef16;font-size:.85rem;line-height:1.45;transition:background .2s,color .2s}
.guide-page-nav a span{color:#d97867;margin-right:8px;font-size:.7rem}
.guide-page-nav .guide-index-link{font-size:.7rem;letter-spacing:.06em;color:#f4b8a7;padding-block:20px}
.guide-page-nav a:hover,.guide-page-nav a[aria-current="location"]{background:#8a344332;color:#fff;box-shadow:inset 3px 0 #e7826c}
.guide-chapters{min-width:0}
.guide-chapter{scroll-margin-top:100px;padding:20px 0 65px;margin-bottom:50px;border-bottom:1px solid #c5d7ef26}
.guide-chapter>h2{font-family:var(--title);font-size:clamp(2rem,4vw,3.2rem);font-weight:400;line-height:1.2;margin:18px 0 35px}
.guide-chapter>.text-link{display:inline-block;margin-top:25px}
#indice-guida{scroll-margin-top:85px}
@media(max-width:950px){.guide-overview .codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-reader-grid{grid-template-columns:200px minmax(0,1fr);gap:28px}}
@media(max-width:700px){.guide-reader-grid{grid-template-columns:1fr}.guide-page-nav{position:relative;top:auto;max-height:none;grid-template-columns:1fr 1fr}.guide-page-nav .guide-index-link{grid-column:1/-1}.guide-page-nav a{font-size:.78rem;padding:13px}.guide-overview .codex-grid{grid-template-columns:1fr}.guide-overview .codex-tile{min-height:185px}.guide-chapter{padding-bottom:40px;margin-bottom:30px}}
/* v0.5.23 — Lore esplorabile e Home continua. */
.game-story .gs-hero h1 em{color:#e6ce8f;text-shadow:0 3px 18px #0009}
.home-page main>section,.home-page main>section.section,.home-page main>section.image-section{margin-block:0!important}
.lore-navigation{position:relative;background:linear-gradient(90deg,#19101c,#0d1521);border-block:1px solid #c9a5ac2b}
.lore-navigation-inner{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-block:14px}
.lore-navigation a{flex-shrink:0;padding:10px 15px;text-decoration:none;font-size:.8rem;border:1px solid transparent;border-radius:3px;color:#b9c5d6;transition:background .2s,border-color .2s}
.lore-navigation a:hover,.lore-navigation a[aria-current="page"]{color:#fff;background:#a9454b28;border-color:#cf746c55}
.lore-navigation .lore-home{color:#f5b5a4;margin-right:auto;font-family:var(--title);font-size:.72rem}
.lore-explorer.entry-art{display:flex;flex-direction:column;gap:16px;max-height:calc(100svh - 110px);text-align:left;top:85px;padding:18px;background:linear-gradient(150deg,#18202b,#0b101a);border:1px solid #d5dfef26;border-radius:6px;overflow:hidden}
.lore-explorer.entry-art>img{display:block;max-height:130px;max-width:100%;object-fit:contain;margin:0 auto;flex-shrink:1;min-height:0}
.lore-explorer-head{display:grid;gap:7px;font-size:.65rem;letter-spacing:.06em}
.lore-explorer-head>span{color:#f0a594}
.lore-explorer-head>a{font-size:.75rem;color:#bac9dc;text-decoration:none;letter-spacing:0}
.lore-step-links{display:flex;justify-content:space-between;gap:8px;padding-block:10px;border-block:1px solid #c5d3e423}
.lore-step-links a{font-size:.7rem;text-decoration:none;color:#e8c5b8}
.lore-search-label{display:grid;gap:7px;font-size:.7rem;color:#aebed1}
.lore-entry-search{width:100%;min-width:0;background:#050911;border:1px solid #c7d6ee30;border-radius:3px;padding:10px;color:#fff;font:inherit}
.lore-entry-search:focus{outline:1px solid #d77767}
.lore-entry-list{display:grid;gap:4px;overflow-y:auto;min-height:60px;max-height:310px;scrollbar-width:thin;scrollbar-color:#a94c50 #0b101a}
.lore-entry-list a{padding:11px 10px;text-decoration:none;color:#b7c4d7;font-size:.78rem;line-height:1.4;border:1px solid transparent;border-radius:3px}
.lore-entry-list a:hover,.lore-entry-list a[aria-current="page"]{background:#a7434a24;border-color:#c76a6055;color:#fff}
.lore-entry-list a[aria-current="page"]{box-shadow:inset 3px 0 #de8974}
.lore-empty{font-size:.8rem;color:#b9c5d6;margin:0}
.timeline{isolation:isolate}
.timeline::before{content:'';position:absolute;left:221px;top:10px;bottom:0;width:2px;background:#b7c8e128;z-index:-1}
.timeline .timeline-progress{position:absolute;left:221px;top:10px;width:2px;height:var(--timeline-progress,0px);max-height:calc(100% - 10px);background:linear-gradient(#8c1c2e,#e04d46);box-shadow:0 0 12px #e7474345;z-index:-1;pointer-events:none}
.timeline-event::before{display:none}
.timeline-event::after{background:#526079;box-shadow:none;transition:background .25s,box-shadow .25s}
.timeline-event.timeline-reached::after{background:#ed6459;box-shadow:0 0 20px #e34b466b}
.timeline-event .timeline-date{color:#a6b4c8;transition:color .25s}
.timeline-event.timeline-reached .timeline-date{color:#f09180}
@media(max-width:800px){.timeline::before,.timeline .timeline-progress{left:0}.lore-explorer.entry-art{position:relative;top:auto;max-height:none;display:grid;grid-template-columns:100px 1fr;gap:14px}.lore-explorer.entry-art>img{grid-row:1/4;max-height:145px;align-self:center}.lore-explorer .lore-search-label,.lore-explorer .lore-entry-list,.lore-explorer .lore-empty{grid-column:1/-1}.lore-entry-list{max-height:200px;grid-template-columns:1fr 1fr}.lore-navigation-inner{width:100%;padding-inline:18px}.lore-navigation .lore-home{margin-right:8px}}
@media(prefers-reduced-motion:reduce){.timeline-event::after,.timeline-date{transition:none}}

/* v0.5.24 — Fondali coerenti tra Home e pagine principali. */
.themed-content{background:linear-gradient(180deg,#070b1230,#070b12ed 750px),var(--page-scene) center top/cover no-repeat;background-attachment:scroll,fixed}
.themed-content .codex-hero{background:transparent}
.themed-content .codex-hero::before{background:linear-gradient(90deg,rgba(4,6,10,.85),rgba(4,6,10,.35)),linear-gradient(0deg,#080a0e99,transparent 80%),var(--scene) center/cover}
@media(max-width:800px),(prefers-reduced-motion:reduce){.themed-content{background-attachment:scroll}}

/* v0.5.26 — Struttura e navigazione comuni a Lore, Carte e Guida. */
.section-navigation{position:sticky;top:var(--header);z-index:90;box-shadow:0 10px 24px #0006;transition:top .34s cubic-bezier(.2,.75,.2,1);background:linear-gradient(90deg,#19101cf7,#0d1521f7);backdrop-filter:blur(15px)}
html.header-is-compact .section-navigation{top:var(--header-compact)}
.section-navigation .lore-navigation-inner{flex-wrap:nowrap;min-height:72px;scrollbar-width:thin;scrollbar-color:#a94c50 transparent}
.section-navigation a{white-space:nowrap}
.section-navigation a[aria-current="location"]{color:#fff;background:#a9454b28;border-color:#cf746c55;box-shadow:inset 0 -2px #e28d76}
.themed-content .codex-hero{min-height:490px;padding:calc(var(--header) + 100px) 0 85px}
.themed-content>.codex-section{padding-top:65px}
.guide-overview .codex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-overview .codex-tile{min-height:390px;padding:35px}
.guide-overview .codex-tile h2{font-size:clamp(1.6rem,3vw,2.4rem)}
.guide-reader-grid{display:block;max-width:1000px}
.guide-chapter,#indice-guida{scroll-margin-top:175px}
@media(max-width:800px){.themed-content .codex-hero{padding-top:calc(var(--header) + 55px);min-height:390px}.guide-overview .codex-grid{grid-template-columns:1fr}.guide-overview .codex-tile{min-height:340px}.section-navigation .lore-navigation-inner{min-height:64px}.guide-chapter,#indice-guida{scroll-margin-top:155px}}

/* v0.5.29 — Barre delle sezioni nere trasparenti, dettagli argento. */
.section-navigation{background:rgba(0,0,0,.76);border-top:1px solid rgba(205,214,227,.3);border-bottom:1px solid rgba(205,214,227,.3);box-shadow:0 9px 24px #0005,inset 0 1px 0 #ffffff04;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.section-navigation a{color:#bfc5cf}
.section-navigation .lore-home{color:#d8dde6}
.section-navigation a:hover,.section-navigation a[aria-current="page"],.section-navigation a[aria-current="location"]{color:#fff;background:rgba(213,224,242,.07);border-color:rgba(210,221,237,.25);box-shadow:inset 0 -2px rgba(224,231,242,.65);text-shadow:0 0 12px #dbe6ff25}

/* v0.5.30 — Testi menu più leggibili, ritorno incorniciato. */
.section-navigation a{font-size:.98rem;padding:11px 17px}
.section-navigation .lore-home{font-size:.84rem;padding:11px 17px;border:1px solid rgba(210,221,237,.38);border-radius:3px;background:rgba(255,255,255,.035)}
.section-navigation a:not(.lore-home):hover{background:transparent;border-color:transparent;box-shadow:none;color:#fff;text-shadow:0 0 13px #e5edff55}
.section-navigation a:not(.lore-home)[aria-current="page"],.section-navigation a:not(.lore-home)[aria-current="location"]{background:transparent;border-color:transparent;box-shadow:inset 0 -2px rgba(224,231,242,.65)}
.section-navigation .lore-home:hover{background:rgba(213,224,242,.08);border-color:rgba(229,237,248,.65);box-shadow:none}
@media(max-width:800px){.section-navigation a{font-size:.9rem;padding-inline:14px}.section-navigation .lore-home{font-size:.79rem}}

/* v0.5.32 — Modifiche sulla baseline allegata. */

.training-focus span,.specialization-tags span{font-size:1rem;line-height:1.5}
.site-footer{padding-top:88px;padding-bottom:30px}
.footer-socials{display:flex;gap:14px;justify-content:flex-end;padding:25px 0}
.footer-socials a{display:inline-flex;align-items:center;gap:9px;color:#c4cedc;text-decoration:none;padding:10px 14px;border:1px solid #cfdbef2c;border-radius:4px;transition:color .2s,border-color .2s,background .2s}
.footer-socials a:hover{color:#fff;border-color:#efaa9766;background:#953c4422}
.footer-socials svg{width:22px;height:22px;flex-shrink:0}
.card-family-tile{border:1px solid var(--family-color);border-left-width:3px;min-height:430px;padding-right:190px;box-shadow:inset 0 0 50px #0008}
.card-family-tile:hover{border-color:var(--family-color);box-shadow:inset 0 0 50px #0008,0 0 25px color-mix(in srgb,var(--family-color) 25%,transparent)}
.tile-card-sample{position:absolute;width:180px;right:-24px;bottom:-35px;transform:rotate(13deg);overflow:hidden;border-radius:10px;box-shadow:0 15px 35px #000c;pointer-events:none}
.tile-card-sample img{position:absolute;width:var(--crop-width);max-width:none;height:auto;left:var(--crop-left);top:var(--crop-top)}
.card-reading-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:45px;align-items:start}
.card-inspector{position:sticky;top:160px;min-width:0;padding:20px 10px;border:1px solid #d3dded2b;background:#05080fdd;border-radius:7px;box-shadow:0 18px 45px #0007}
.card-inspector-label{font-size:.62rem;letter-spacing:.12em;text-align:center;color:#bdc8d9;margin-bottom:18px}
.card-inspector-image{position:relative;width:100%;margin:auto;isolation:isolate}
.card-inspector-image>img{display:block;width:100%;height:auto}
.card-region-glow{position:absolute;left:0;top:0;width:0;height:0;border:2px solid #ff5b52;border-radius:7px;background:#f438341a;box-shadow:0 0 20px #ff3a3a99,inset 0 0 18px #ff413b55;pointer-events:none;transition:left .35s,top .35s,width .35s,height .35s}
.card-region-caption{font-size:.76rem;text-align:center;color:#ffaca1;line-height:1.5;min-height:2.5em;margin:16px 10px 0}
.card-explanation{padding-top:12px;padding-bottom:26px;border-bottom:1px solid #d4deed1f;scroll-margin-top:170px}
.card-explanation h3{margin-top:10px!important}
@media(max-width:1000px){.card-reading-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:25px}.card-family-tile{padding-right:150px}.tile-card-sample{width:150px}}
@media(max-width:700px){.card-reading-layout{display:flex;flex-direction:column}.card-reading-layout>article{width:100%}.card-inspector{order:-1;top:138px;width:100%;z-index:5;padding:8px;background:#05080ff5}.card-inspector-image{max-width:290px}.card-inspector-label{margin-bottom:6px;font-size:.56rem}.card-region-caption{margin:6px 0;min-height:0;font-size:.65rem}.card-family-tile{padding-right:135px;min-height:330px}.tile-card-sample{width:140px}.site-footer{padding-top:65px}.footer-socials{justify-content:flex-start}.training-focus span,.specialization-tags span{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.card-region-glow{transition:none}}

/* Sfumatura della famiglia: colore in alto a sinistra, grigio in basso a destra. */
.card-family-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--family-color) 65%,#10131b) 0%,color-mix(in srgb,var(--family-color) 28%,#181c24) 45%,#343942 100%);padding-right:35%;min-height:430px}
.card-family-tile::before{opacity:.12}
.card-family-tile::after{background:linear-gradient(110deg,#05070b22,#05070b08)}
.card-family-tile h2,.card-family-tile p,.card-family-tile .text-link{position:relative;z-index:2}
.card-family-tile p{color:#e1e5ee}
.card-family-tile .tile-card-sample{width:35%;right:-3%;bottom:-8%;transform:rotate(12deg);z-index:1}
@media(min-width:1101px){
.site-header{--bar-edge:clamp(18px,2.2vw,42px)}
.site-header .header-actions,.site-header.is-compact .header-actions{padding-left:var(--bar-edge);gap:0}
.site-header .main-nav{min-width:0}
}
@media(min-width:1101px) and (max-width:1320px){.site-header{--bar-edge:16px}}
@media(max-width:700px){.card-family-tile{padding-right:35%;min-height:340px}}

/* v0.5.33 — Nuove carte pulite e titolo sincronizzato. */
.tile-card-sample{aspect-ratio:249/351}
.tile-card-sample img{position:relative;width:100%;left:auto;top:auto;display:block}
.card-family-tile:last-child .tile-card-sample{aspect-ratio:351/249;width:40%}
.card-inspector-image{width:min(100%,320px,calc((100svh - 290px)*.7094))}
.card-inspector.is-landscape .card-inspector-image{width:min(100%,460px)}
.card-explanation>h3{border-left:3px solid transparent;padding:10px 12px;transition:color .25s,background .25s,border-color .25s,text-shadow .25s}
.card-explanation.is-reading>h3{color:#ffb1a5!important;border-left-color:#ff6557;background:linear-gradient(90deg,#f341382e,transparent);text-shadow:0 0 16px #ff534b55}
@media(max-width:700px){.card-inspector-image{width:105px}.card-inspector.is-landscape .card-inspector-image{width:200px}}
@media(prefers-reduced-motion:reduce){.card-explanation>h3{transition:none}}

/* v0.5.34 — Esempi leggermente ridotti e zone testuali precise. */
.card-inspector-image{width:min(100%,290px,calc((100svh - 290px)*.65))}
.card-inspector.is-landscape .card-inspector-image{width:min(100%,420px)}
.card-family-tile .tile-card-sample{width:32%}
.card-family-tile:last-child .tile-card-sample{width:37%}
@media(max-width:700px){.card-inspector-image{width:95px}.card-inspector.is-landscape .card-inspector-image{width:180px}}

/* v0.5.35 — Famiglie Carte: fondi opachi e accenti discreti. */
.card-type-page .codex-hero p{font-size:clamp(1.15rem,1.55vw,1.3rem);line-height:1.75;max-width:840px}
.card-family-tile{background:linear-gradient(135deg,color-mix(in srgb,var(--family-color) 18%,#171a20) 0%,#15181e 43%,#1c2027 100%);border-color:var(--family-color);padding-right:40%}
.card-family-tile::before{display:none}
.card-family-tile::after{display:none}
.card-family-tile .tile-card-sample{width:40%;right:-3%;bottom:-8%}
.card-family-tile:last-child .tile-card-sample{width:46%}
@media(max-width:700px){.card-family-tile{padding-right:40%}.card-family-tile .tile-card-sample{width:40%}.card-family-tile:last-child .tile-card-sample{width:46%}}

/* v0.5.36 — Schede compatte, testi in alto e azione in basso. */
.card-family-tile{min-height:370px;background:linear-gradient(135deg,color-mix(in srgb,var(--family-color) 13%,#0c0e12) 0%,#0b0d11 43%,#12151b 100%);justify-content:flex-start;align-items:flex-start;padding-top:30px;padding-bottom:30px}
.card-family-tile:first-child{background:linear-gradient(135deg,#000 0%,#000 20%,#080a0e 48%,#11141a 100%);border-color:#060709}
.card-family-tile h2{margin:0 0 18px}
.card-family-tile p{margin:0 0 28px}
.card-family-tile .text-link{margin-top:auto;font-size:1.02rem;letter-spacing:.06em;padding-top:16px}
@media(max-width:700px){.card-family-tile{min-height:305px;padding-top:25px;padding-bottom:25px}.card-family-tile .text-link{font-size:.95rem}}
/* v0.5.37 — Tabelle leggibili e ruoli delle carte. */
.card-family-tile[href$="/equipaggiamento.html"] h2{font-size:clamp(1.2rem,2vw,1.8rem);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.025em}
.card-reference .reference-table{font-size:.95rem}
.card-reference .reference-table th{text-align:left;color:#e9edf5;background:#ffffff07}
.card-reference .reference-table td,.card-reference .reference-table th{padding:12px 14px;vertical-align:middle}
.card-reference .reference-table .reference-icon{width:38px;height:38px;object-fit:contain;display:inline-block;margin:0;vertical-align:middle}
.card-reference h3 .reference-icon{width:34px;height:34px;object-fit:contain;display:inline-block;margin:0 12px 0 0;vertical-align:middle}
.card-reference .attack-defense-table{font-size:.8rem}
.card-reference .attack-defense-table td,.card-reference .attack-defense-table th{padding:6px;line-height:1.3;vertical-align:middle}
.card-reference .attack-defense-table img{display:inline-block;width:24px;height:24px;max-width:24px;max-height:24px;object-fit:contain;margin:0 2px;vertical-align:middle}
@media(max-width:700px){.card-family-tile[href$="/equipaggiamento.html"] h2{font-size:clamp(1.1rem,4.2vw,1.6rem)}.card-reference .reference-table td,.card-reference .reference-table th{padding:10px;font-size:.85rem}}

/* v0.5.38 — Tabella compatta e angoli delle carte. */
.card-reference .attack-defense-table th,.card-reference .attack-defense-table td{text-align:center;vertical-align:middle;padding:8px 6px}
.card-reference .attack-defense-table img{width:29px;height:29px;max-width:29px;max-height:29px;margin:0 2px;vertical-align:middle}
.attack-label{display:flex;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap}
.attack-label>img{flex-shrink:0}
.multiple-defenses{display:flex;align-items:center;justify-content:center;gap:7px}
.attack-defense-table small{display:block;font-size:.7rem;line-height:1.4;margin-top:5px}
img.rounded-card,.card-inspector-image>img{border-radius:5% / 3.6%;clip-path:inset(0 round 5% / 3.6%)}
.card-inspector.is-landscape .card-inspector-image>img{border-radius:3.6% / 5%;clip-path:inset(0 round 3.6% / 5%)}
.tile-card-sample{border-radius:5% / 3.6%}
@media(max-width:700px){.card-reference .attack-defense-table{min-width:470px}.card-reference figure:has(.attack-defense-table){overflow-x:auto}}

/* v0.5.39 — Pulsanti e icone della pagina Il Gioco. */
.gs-caption{font-size:clamp(.85rem,1.15vw,1.05rem);letter-spacing:.15em}

/* v0.5.40 — Icone tattiche grandi e centrate. */
.gs-tactic-grid article>img{display:block;width:130px;height:130px;object-fit:contain;margin:0 auto 24px}
@media(max-width:700px){.gs-tactic-grid article>img{width:115px;height:115px}}

/* v0.5.42 — Prima prova delle schede iniziali della Lore. */
.lore-menu-tile{position:relative;min-height:370px;justify-content:flex-start;align-items:flex-start;padding:30px 35px;border:1px solid color-mix(in srgb,var(--lore-color) 60%,#292f3b);border-left-width:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--lore-color) 15%,#0d1016),#0b0e14 48%,#151921);isolation:isolate}
.lore-menu-tile::before,.lore-menu-tile::after{display:none}
.lore-menu-tile h2{position:relative;z-index:2;margin:0 0 16px;max-width:100%;font-size:clamp(1.6rem,2.7vw,2.35rem)}
.lore-menu-tile p{position:relative;z-index:2;max-width:55%;margin:0;color:#bdc8d9}
.lore-menu-tile>.text-link{position:relative;z-index:2;margin-top:auto;font-size:1.02rem;letter-spacing:.06em;padding-top:22px}
.lore-menu-tile:hover{border-color:var(--lore-color);box-shadow:0 0 28px color-mix(in srgb,var(--lore-color) 18%,transparent)}
.lore-tile-art{position:absolute;right:-12px;bottom:-10px;width:60%;height:74%;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 28%),linear-gradient(0deg,#000 75%,transparent);mask-composite:intersect}
.lore-tile-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.lore-tile-art.cutout{right:-10px;bottom:-28px;width:49%;height:76%;mask-image:linear-gradient(0deg,transparent,#000 18%);mask-composite:add}
.lore-tile-art.cutout img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 20px #0009);transform:rotate(5deg)}
@media(max-width:700px){.lore-menu-tile{min-height:305px;padding:26px}.lore-menu-tile h2{font-size:1.7rem}.lore-menu-tile p{max-width:62%;font-size:.95rem}.lore-menu-tile>.text-link{font-size:.95rem}}

/* v0.5.43 — Lore, immagini sfumate e navigazione ampia. */
.lore-tile-art,.lore-tile-art.cutout{right:-4%;bottom:-8%;width:61%;height:80%;transform:rotate(5deg);mask-image:radial-gradient(ellipse at 70% 60%,#000 28%,#000d 45%,#0005 60%,transparent 75%);mask-composite:add;-webkit-mask-image:radial-gradient(ellipse at 70% 60%,#000 28%,#000d 45%,#0005 60%,transparent 75%)}
.lore-tile-art.cutout{width:53%;height:85%;transform:rotate(-5deg);mask-image:radial-gradient(ellipse at 58% 56%,#000 27%,#000e 42%,#0005 62%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at 58% 56%,#000 27%,#000e 42%,#0005 62%,transparent 77%)}
.lore-tile-art img,.lore-tile-art.cutout img{transform:none}
.lore-detail-layout{grid-template-columns:310px minmax(0,1fr);gap:50px}
.lore-explorer.entry-art{padding:22px;gap:18px}
.lore-entry-list a{font-size:.92rem;padding:13px 12px}
.lore-search-label{font-size:.8rem}
.lore-step-links a,.lore-explorer-head>a{font-size:.8rem}
.lore-detail-portrait{float:right;width:clamp(170px,29%,260px);margin:0 0 25px 30px!important;shape-outside:margin-box}
.lore-detail-portrait img{width:100%;max-height:310px!important;object-fit:contain;display:block;margin:0!important;filter:drop-shadow(0 12px 20px #0009)}
.lore-detail-prose::after{content:'';display:block;clear:both}
@media(max-width:1000px){.lore-detail-layout{grid-template-columns:270px minmax(0,1fr);gap:30px}}
@media(max-width:800px){.lore-detail-layout{grid-template-columns:1fr}.lore-detail-portrait{width:38%;min-width:130px;margin-left:18px!important}.lore-entry-list a{font-size:.86rem}}

/* v0.5.44 — Razze più grandi e indice Guida nello stile Lore. */
.race-detail-page .lore-detail-portrait{width:clamp(255px,43.5%,390px)}
.race-detail-page .lore-detail-portrait img{max-height:465px!important}
.guide-overview .guide-menu-tile{min-height:370px;padding:30px 35px}
.guide-overview .guide-menu-tile h2{margin:0 0 16px;font-size:clamp(1.6rem,2.7vw,2.35rem)}
.guide-menu-tile .lore-tile-art{width:58%;height:78%;right:-4%;bottom:-10%;transform:rotate(6deg)}
.guide-menu-tile .lore-tile-art img{object-fit:contain;object-position:center bottom}
@media(max-width:800px){.race-detail-page .lore-detail-portrait{width:57%;min-width:195px}}
@media(max-width:700px){.guide-overview .guide-menu-tile{min-height:305px;padding:26px}.guide-overview .guide-menu-tile h2{font-size:1.7rem}.race-detail-page .lore-detail-portrait{float:none;min-width:0;width:57%;margin:0 auto 28px!important}}
/* v0.5.48 — Guida, rarità e spiegazione del campo. */
.quick-links a{transition:transform .22s,border-color .22s,box-shadow .22s;background:#080c15aa;border-radius:4px}
.quick-links a:hover,.quick-links a:focus-visible{transform:scale(1.045);border-color:#efae9977;box-shadow:0 0 22px #cb625a25}
.card-rarity{border-top:1px solid #c5d4e62b;background:#060a12c9}
.card-rarity h2{font-family:var(--title);font-size:clamp(2rem,4vw,3rem);font-weight:400}
.card-rarity .archive-prose{max-width:950px}
.card-rarity table td{text-align:center;vertical-align:middle}
.card-rarity table img{width:58px;height:58px;object-fit:contain;display:inline-block;margin:8px}
.battlefield-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
.battlefield-inspector{position:sticky;top:155px;padding:12px;background:#080b12e8;border:1px solid #c3d4ed2b;border-radius:6px}
.battlefield-image{position:relative}
.archive-prose .battlefield-image img{display:block;width:100%;height:auto;max-height:none;margin:0}
.battlefield-glow{position:absolute;border:2px solid #ff6157;box-shadow:0 0 20px #ff403c99,inset 0 0 18px #ff403c44;background:#ed44351a;border-radius:5px;transition:all .3s}
.battlefield-caption{font-size:.75rem!important;color:#ffb4a5!important;text-align:center;margin:12px 0 0!important}
.battlefield-explanation{padding:15px 0 30px;border-bottom:1px solid #c9d6eb20}
.battlefield-explanation h3{padding:9px 12px;border-left:3px solid transparent}
.battlefield-explanation.is-reading h3{border-color:#ed6959;color:#ffb4a5;background:linear-gradient(90deg,#ef403129,transparent)}
.phase-timeline{position:relative;isolation:isolate}
.phase-timeline:before,.phase-progress{content:'';position:absolute;left:20px;top:20px;bottom:0;width:2px;background:#b2c6e32b;z-index:-1}
.phase-progress{bottom:auto;height:var(--phase-progress,0px);max-height:calc(100% - 20px);background:#d84440;box-shadow:0 0 12px #d8444055}
.phase-event{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;padding-bottom:45px}
.phase-number{position:relative;align-self:start;border:1px solid #8294ad66;background:#111824;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:.75rem;color:#b7c6d8}
.phase-event.phase-reached .phase-number{border-color:#ed6c5d;color:#ffb1a0;box-shadow:0 0 18px #e9524035;background:#30141a}
.phase-event h3{margin-top:3px!important}
@media(max-width:800px){.battlefield-layout{display:flex;flex-direction:column}.battlefield-inspector{order:-1;width:100%;top:140px;z-index:5}.archive-prose .battlefield-image img{max-height:260px;object-fit:contain}.battlefield-image{width:min(100%,315px);margin:auto}.phase-event{gap:14px}}
@media(prefers-reduced-motion:reduce){.quick-links a,.battlefield-glow{transition:none}}
/* v0.5.49 — Rarità e campo del duello digitale. */
.rarity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:950px;margin-top:32px}
.rarity-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 14px;background:#0a0f19d9;border:1px solid #d1dced24;border-radius:5px;text-align:center;color:#e0e7f1}
.rarity-item img{width:68px;height:68px;object-fit:contain}
.battlefield-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:24px}
.battlefield-image{width:100%}
@media(max-width:800px){.rarity-grid{gap:10px}.rarity-item{padding:18px 8px;font-size:.8rem}.rarity-item img{width:52px;height:52px}.battlefield-layout{display:flex}}
/* v0.5.50 — Diagrammi affiancati e zoom del campo. */
.archive-prose .guide-float-art{float:right;width:42%;max-width:340px;margin:0 0 24px 28px;clear:right}
.archive-prose .guide-float-art img{width:100%;height:auto;max-height:350px;object-fit:contain;margin:0}
.guide-chapter>.archive-prose::after,.phase-event>div::after{content:'';display:block;clear:both}
.archive-prose .phase-float-diagram{float:right;width:37%;max-width:290px;margin:0 0 20px 25px}
.archive-prose .phase-float-diagram img{width:100%;height:auto;max-height:none;margin:0}
.battlefield-open-zoom{display:block;width:100%;padding:10px 12px;margin:0 0 12px;border:1px solid #cbd9ee55;background:#152033;color:#e5edf8;font-size:.7rem;letter-spacing:.07em;cursor:pointer;border-radius:3px}
.battlefield-open-zoom:hover{background:#25334a;border-color:#edac99}
.battlefield-inspector .battlefield-image{cursor:zoom-in}
.battlefield-dialog{width:96vw;max-width:1800px;height:92svh;max-height:95svh;padding:0;border:1px solid #a8bdd055;background:#080c13;color:#e7edf6;border-radius:6px;overflow:hidden}
.battlefield-dialog::backdrop{background:#000d;backdrop-filter:blur(5px)}
.battlefield-zoom-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;height:64px;border-bottom:1px solid #cfdeed2b}
.battlefield-zoom-toolbar>span{margin-right:auto;font-size:.75rem;letter-spacing:.08em}
.battlefield-zoom-toolbar button{min-width:38px;height:36px;padding:0 10px;border:1px solid #c5d7ec55;border-radius:3px;background:#1b2534;color:#fff;cursor:pointer}
.battlefield-zoom-toolbar button:hover{background:#34435a}
.battlefield-zoom-toolbar output{min-width:50px;text-align:center;font-size:.8rem}
.battlefield-zoom-stage{height:calc(100% - 108px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}
.battlefield-zoom-stage:active{cursor:grabbing}
.battlefield-zoom-canvas{position:relative;flex:none;transform-origin:center;user-select:none}
.battlefield-zoom-canvas .battlefield-image{width:100%;max-width:none;margin:0}
.battlefield-zoom-canvas img{display:block;width:100%;height:auto;max-width:none;pointer-events:none}
.battlefield-zoom-help{font-size:.75rem;color:#a9bbcf;text-align:center;margin:12px}
@media(max-width:700px){.archive-prose .guide-float-art,.archive-prose .phase-float-diagram{float:none;width:min(100%,340px);margin:0 auto 24px}.battlefield-zoom-toolbar{gap:6px;padding:8px}.battlefield-zoom-toolbar>span{display:none}.battlefield-zoom-help{font-size:.65rem}}
/* v0.5.51 — Condizioni illustrate con carte reali ed effetti CSS. */
.archive-prose .phase-float-diagram{width:48.1%;max-width:377px}
.condition-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.95fr);gap:30px;align-items:center;padding:35px 0;border-bottom:1px solid #c5d6ec24}
.condition-description{min-width:0}
.condition-description h3{margin-top:0}
.archive-prose .condition-demo{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;min-height:210px;padding:20px 8px;background:radial-gradient(ellipse,#31415c25,transparent 73%);overflow:visible}
.condition-card{position:relative;flex:0 0 100px;width:100px;aspect-ratio:249/351;border-radius:5% / 3.6%;isolation:isolate;box-shadow:0 12px 25px #0009}
.archive-prose .condition-card img{display:block;width:100%;height:100%;object-fit:contain;max-height:none;margin:0}
.condition-card.is-prone{transform:rotate(90deg);margin-inline:20px}
.condition-arrow{flex:0 0 45px;width:45px;height:60px;overflow:visible;fill:none;stroke:#f4bb91;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #f39866) drop-shadow(0 0 13px #e66d493f)}
.condition-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;pointer-events:none}
.condition-overlay.blood{background:radial-gradient(ellipse at center,#d51d3877,#e9313a22 55%,transparent 80%);box-shadow:inset 0 0 22px #dc223b77,0 0 18px #e32b3d33}
.condition-overlay.blood svg{width:35px;height:43px;fill:#e32644;filter:drop-shadow(0 2px 3px #160005) drop-shadow(0 0 6px #ff4e5f)}
.condition-overlay.hidden-state{background:linear-gradient(#030711a6,#030711cc);box-shadow:inset 0 0 22px #050915}
.condition-overlay.hidden-state svg{width:44px;height:35px;fill:none;stroke:#d4e2fa;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 7px #a7c8ff88)}
@media(max-width:850px){.condition-row{grid-template-columns:1fr}.archive-prose .condition-demo{justify-content:center;min-height:210px}}
@media(max-width:700px){.archive-prose .phase-float-diagram{width:min(100%,377px);max-width:377px}.condition-card{width:88px;flex-basis:88px}.condition-arrow{width:38px;flex-basis:38px}.condition-card.is-prone{margin-inline:16px}.archive-prose .condition-demo{gap:9px}}

/* v0.5.52 — Condizioni grandi e Tutorial in evidenza. */
.condition-row{grid-template-columns:minmax(0,1fr) minmax(470px,1.2fr)}
.condition-demo{--condition-card-width:150px}
.condition-card{flex-basis:var(--condition-card-width);width:var(--condition-card-width)}
.condition-arrow{width:67.5px;height:90px;flex-basis:67.5px}
.archive-prose .condition-demo{gap:18px;min-height:290px}
.condition-card.is-prone{transform:translateY(calc(var(--condition-card-width)*.204819)) rotate(90deg);margin-inline:30px}
.condition-overlay.blood{background:radial-gradient(ellipse at center,#ec1237ba,#d80a2f88 50%,#a6002055 80%);box-shadow:inset 0 0 35px #ff1030b3,0 0 27px #ed1c4a66}
.condition-overlay.blood svg{width:52.5px;height:64.5px;filter:drop-shadow(0 2px 4px #160005) drop-shadow(0 0 10px #ff5268)}
.condition-overlay.hidden-state{background:linear-gradient(#02050cc4,#02050ce3);box-shadow:inset 0 0 30px #01040ce8}
.condition-overlay.hidden-state svg{width:66px;height:52.5px}
.quick-links a.tutorial-spotlight,.guide-actions a.tutorial-spotlight{display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #efbd838c;background:linear-gradient(135deg,#8f271f,#3a1421);box-shadow:0 0 24px #e76e3733,inset 0 1px 0 #ffdec53b;color:#fff0d8;font-family:var(--title);font-size:.95rem;text-decoration:none}
.guide-actions a.tutorial-spotlight{justify-content:space-between;padding:18px;font-size:.85rem}
.tutorial-spotlight .tutorial-play{display:inline-grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;background:#ffdb9b;color:#5e1b19;font-size:.75rem;box-shadow:0 0 18px #ffce7f55}
.quick-links a.tutorial-spotlight:hover,.guide-actions a.tutorial-spotlight:hover{transform:scale(1.045);border-color:#ffe2ac;background:linear-gradient(135deg,#b33524,#551c2d);box-shadow:0 0 34px #f69b4f55,inset 0 1px 0 #ffe5bf55}
@media(max-width:1000px){.condition-row{grid-template-columns:1fr}}
@media(max-width:550px){.condition-demo{--condition-card-width:132px}.condition-arrow{width:57px;flex-basis:57px;height:80px}.condition-card.is-prone{margin-inline:26px}.archive-prose .condition-demo{min-width:0;max-width:100%;justify-content:flex-start;overflow-x:auto;gap:14px;padding:25px 15px;min-height:270px}}
@media(prefers-reduced-motion:reduce){.quick-links a.tutorial-spotlight,.guide-actions a.tutorial-spotlight{transition:none}}

/* v0.5.53 — Hover morbido del Tutorial in Home. */
.home-page .guide-actions a.tutorial-spotlight{position:relative;isolation:isolate;overflow:hidden;transform:translateY(0) scale(1);background:linear-gradient(135deg,#8f271f,#3a1421);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .5s ease,border-color .45s ease,color .4s ease}
.home-page .guide-actions a.tutorial-spotlight::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#b33524,#551c2d);opacity:0;pointer-events:none;transition:opacity .5s ease}
.home-page .guide-actions a.tutorial-spotlight:hover,.home-page .guide-actions a.tutorial-spotlight:focus-visible{background:linear-gradient(135deg,#8f271f,#3a1421);transform:translateY(-2px) scale(1.025);border-color:#ffe2ac;box-shadow:0 5px 30px #f69b4f40,inset 0 1px 0 #ffe5bf55}
.home-page .guide-actions a.tutorial-spotlight:hover::before,.home-page .guide-actions a.tutorial-spotlight:focus-visible::before{opacity:1}
@media(prefers-reduced-motion:reduce){.home-page .guide-actions a.tutorial-spotlight,.home-page .guide-actions a.tutorial-spotlight::before{transition:none}.home-page .guide-actions a.tutorial-spotlight:hover{transform:none}}

/* v0.5.54 — Footer indipendente dai fondali fissi. */
body>.site-footer{position:relative;z-index:110;isolation:isolate;display:block!important;visibility:visible!important;opacity:1!important;background:#050609!important;min-height:260px;clear:both}

/* v0.5.57 — Esempi Addestramenti leggibili all'hover. */
.spec-examples .example-fan-card{flex-basis:clamp(94px,10vw,135px);width:clamp(94px,10vw,135px);margin-inline:-17px;cursor:zoom-in}
.spec-examples .example-fan{min-height:255px;overflow:visible}
.trainings-carousel-page .spec-examples .example-fan-card img{transform-origin:50% 100%;transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s ease!important;will-change:transform}
.trainings-carousel-page .specialization-card:has(.example-fan-card:hover),.trainings-carousel-page .specialization-card:focus-within{position:relative;z-index:60}
.spec-examples .example-fan-card:hover,.spec-examples .example-fan-card:focus-visible{z-index:100;outline:none}
.spec-examples .example-fan-card:hover img,.spec-examples .example-fan-card:focus-visible img{transform:translateY(-15px) rotate(calc((1.5 - var(--fan-index))*10deg)) scale(1.87);filter:drop-shadow(0 22px 28px #000c) brightness(1.04)}
@media(max-width:700px){.spec-examples .example-fan-card{flex-basis:clamp(90px,25vw,135px);width:clamp(90px,25vw,135px)}.spec-examples .example-fan-card:hover img,.spec-examples .example-fan-card:focus-visible img{transform:translateY(-10px) rotate(calc((1.5 - var(--fan-index))*10deg)) scale(1.5725)}}
@media(prefers-reduced-motion:reduce){.trainings-carousel-page .spec-examples .example-fan-card img{transition:none!important}}
/* v0.5.59 — Anteprima nitida, senza trasformazioni o filtri ereditati. */
.example-preview-enabled .spec-examples .example-fan-card{filter:none;transition:none!important}
.example-preview-enabled .spec-examples .example-fan-card img,.example-preview-enabled .spec-examples .example-fan-card:hover img,.example-preview-enabled .spec-examples .example-fan-card:focus-visible img{transform:none!important;filter:none!important;will-change:auto;transition:none!important}
.example-preview-enabled .example-fan-card.preview-open>img{opacity:0}
.sharp-card-preview{position:fixed;z-index:950;pointer-events:none;opacity:0;border-radius:5% / 3.6%;box-shadow:0 20px 35px #000c;transition:opacity .16s ease;background:#06080b;overflow:hidden;transform:none;filter:none!important;will-change:auto}
.sharp-card-preview.visible{opacity:1}
.sharp-card-preview img{display:block;width:100%;height:100%;object-fit:fill;transform:none!important;filter:none!important;image-rendering:auto;border-radius:inherit;will-change:auto}
@media(prefers-reduced-motion:reduce){.sharp-card-preview{transition:none}}

/* v0.5.60 — Apertura morbida; al termine torna il rendering senza trasformazioni. */
.sharp-card-preview{transform-origin:50% 100%;transition:opacity .24s ease}



/* Full transparent artwork on the Cards overview. */
.card-family-tile .tile-card-sample,.card-family-tile:last-child .tile-card-sample{width:54%;right:-5%;bottom:-12%;aspect-ratio:auto;overflow:visible;border-radius:0;box-shadow:none}
.card-family-tile:last-child .tile-card-sample{width:60%}
.card-family-tile .tile-card-sample img{height:auto;border-radius:0;clip-path:none;filter:none;box-shadow:none}

/* Individual sizing for overview artwork. */
.card-family-tile:nth-child(1) .tile-card-sample,.card-family-tile:nth-child(2) .tile-card-sample,.card-family-tile:nth-child(4) .tile-card-sample{width:47%}
.card-family-tile:last-child .tile-card-sample{width:68%;bottom:-2%}

/* Larger guide menu artwork, anchored to the lower right. */
.guide-menu-tile .lore-tile-art{width:72.5%;height:97.5%;right:-10%;bottom:-10%;mask-image:none;-webkit-mask-image:none}
.guide-menu-tile .lore-tile-art img{object-position:right bottom}

/* Fine tuning for the guide overview artwork. */
.guide-menu-tile .lore-tile-art{right:-5%}
.guide-menu-tile:last-child .lore-tile-art{width:87%;height:117%;bottom:-4%}

/* Training specialization card: ten percent larger. */
.trainings-carousel-page .spec-card-visual img{width:110%;max-width:none;margin-left:-5%}

/* Keep the specialization introduction on one line across the full heading. */
.trainings-carousel-page .section-heading>div:has(.training-specializations-intro){width:100%;min-width:0}
.trainings-carousel-page .section-heading .training-specializations-intro{max-width:none;width:100%;white-space:nowrap;font-size:clamp(.4rem,1.1vw,1rem)}

/* New Lore overview artwork, twenty-five percent larger. */
.lore-overview-art .lore-tile-art{width:76.25%;height:100%;mask-image:none;-webkit-mask-image:none}
.lore-overview-art .lore-tile-art.cutout{width:66.25%;height:106.25%;mask-image:none;-webkit-mask-image:none}
.lore-overview-art .lore-tile-art img{object-fit:contain;object-position:right bottom}

/* Lore category menus: smoothly reveal richer colors on hover. */
.lore-category-tile::before{transition:transform .7s ease,filter .7s ease,opacity .7s ease}
.lore-category-tile:hover::before,.lore-category-tile:focus-visible::before{transform:scale(1.045);filter:saturate(1.6) brightness(1.06);opacity:.84}

/* Beta access: announcement, participation and cumulative rewards. */
.beta-page{background:#080a0e;color:#d3d7df}.beta-page h1,.beta-page h2,.beta-page h3{font-family:var(--title);line-height:1.13}.beta-page em{font-style:normal;color:#e6ce8f}.beta-hero{padding:calc(var(--header) + 85px) 0 90px;background:linear-gradient(90deg,#05070df5 5%,#05070dcc 50%,#05070d35),url('../img/codex/b3098a259ad2d0.jpg') center/cover;min-height:700px}.beta-hero h1{font-size:clamp(2.7rem,6vw,5.7rem);margin:25px 0}.beta-hero p{max-width:690px;font-size:1.12rem;line-height:1.8}.beta-hero .beta-lead{font-family:var(--title);font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.4}.beta-hero .btn{margin-top:20px}.beta-section{padding:85px 0}.beta-section h2{font-size:clamp(2rem,4vw,3.7rem);margin:20px 0 30px}.beta-section p{line-height:1.9;font-size:1.06rem}.beta-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;align-items:center}.beta-callout{padding:45px;border:1px solid #cba56055;background:radial-gradient(ellipse at top,#8e282b40,transparent 75%),#0e1117;text-align:center}.beta-callout>span{letter-spacing:.15em;color:#e6ce8f}.beta-callout>strong{display:block;font-family:var(--title);font-size:clamp(4rem,8vw,7rem);color:#f2ddab;margin:15px 0}.beta-callout h3{font-size:1.3rem}.beta-badge{padding-top:25px;border-top:1px solid #cba56044;color:#e6ce8f;font-size:.8rem;letter-spacing:.08em}.beta-rewards{background:#0c0e13;border-block:1px solid #ffffff12}.beta-reward-intro{max-width:850px}.beta-reward-list{display:grid;gap:22px;margin-top:40px}.beta-reward{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1.3fr .7fr;gap:30px;align-items:center;padding:35px;background:linear-gradient(120deg,#42242b50,#12151c 55%);border:1px solid #ffffff20;min-height:240px}.beta-threshold>span{display:block;font-size:.75rem;letter-spacing:.08em;color:#c4bcae}.beta-threshold>strong{font-family:var(--title);font-size:3rem;color:#e6ce8f}.beta-threshold p{font-size:.9rem;margin-bottom:0}.beta-prize h3{font-size:clamp(1.4rem,2.3vw,2rem);color:#f2e8d2;margin:0 0 15px}.beta-reward img{max-height:235px;width:100%;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(0 12px 15px #0009)}.beta-join{text-align:center;background:radial-gradient(ellipse at center,#67252c40,transparent 70%)}.beta-join p{max-width:700px;margin:20px auto}.beta-join .beta-account-note{font-size:.9rem;color:#aeb5c0}.account-pending{max-width:690px;text-align:left;margin-top:30px;padding:24px}.account-pending h2{font-size:1.2rem;color:#e6ce8f}.account-pending p{font-size:1rem}.account-intro{min-height:80vh}@media(max-width:800px){.beta-intro{grid-template-columns:1fr;gap:35px}.beta-section{padding:55px 0}.beta-reward{grid-template-columns:1fr 1fr;padding:25px;gap:20px}.beta-threshold{grid-column:1/-1}.beta-reward img{max-height:180px}.beta-hero{padding-top:calc(var(--header) + 45px)}}

/* Color-coded Beta milestones and collectible rewards. */
.beta-tier{grid-template-columns:.95fr 1.6fr .9fr;border-color:color-mix(in srgb,var(--tier-color) 45%,transparent);border-left:4px solid var(--tier-color);background:radial-gradient(ellipse at right,color-mix(in srgb,var(--tier-color) 22%,transparent),transparent 65%),linear-gradient(120deg,#171b24,#0c1018);min-height:270px;padding:30px 35px;box-shadow:0 14px 32px #0004}.beta-tier .beta-threshold>strong{display:block;color:var(--tier-color);font-size:clamp(2.9rem,5vw,4.6rem);line-height:1.25;text-shadow:0 0 25px color-mix(in srgb,var(--tier-color) 22%,transparent)}.beta-tier .beta-threshold>span{line-height:1.6}.beta-tier .beta-level{color:var(--tier-color);font-size:.7rem;letter-spacing:.12em;margin-bottom:10px}.beta-prize-label{display:inline-block;font-size:.65rem;letter-spacing:.1em;color:var(--tier-color);margin-bottom:12px}.beta-tier .beta-prize h3{color:#f5f3ed;margin:0 0 12px}.beta-tier .beta-prize p{font-size:1rem;line-height:1.6;color:#d5d9e3}.beta-tier-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:210px}.beta-tier-art::before{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,color-mix(in srgb,var(--tier-color) 32%,transparent),transparent 70%);filter:blur(18px)}.beta-tier .beta-tier-art img{position:relative;max-height:250px;filter:drop-shadow(0 15px 15px #0008);transform:rotate(8deg)}.beta-foil-badge{display:inline-block;padding:7px 12px;border:1px solid color-mix(in srgb,var(--tier-color) 65%,transparent);background:linear-gradient(110deg,#7ebfeb22,#eac77933,#d49ce122);font-size:.65rem;letter-spacing:.12em;color:#fff}.beta-tier:last-child{border-width:2px 2px 2px 4px;box-shadow:0 0 30px #f48b7014}.beta-tier:last-child .beta-tier-art img{filter:drop-shadow(0 0 15px #f48b7038) drop-shadow(0 15px 15px #0008)}@media(max-width:800px){.beta-tier{grid-template-columns:1.2fr 1fr;padding:25px;gap:15px}.beta-tier .beta-threshold{grid-column:1/-1}.beta-tier .beta-tier-art img{max-height:190px}.beta-tier-art{min-height:170px}}

/* Final Beta milestone: champion and equipment together. */
.beta-tier:last-child .beta-tier-art{min-height:270px}
.beta-tier:last-child .beta-tier-art img{width:70%;transform:translateX(-20%) rotate(-8deg)}
.beta-tier:last-child .beta-tier-art .beta-extra-reward{position:absolute;right:-8%;bottom:0;width:65%;max-height:220px;transform:rotate(12deg)}
@media(max-width:800px){.beta-tier:last-child .beta-tier-art{min-height:210px}.beta-tier:last-child .beta-tier-art .beta-extra-reward{max-height:180px}}

/* Beta tester invitation, with the supplied illustration. */
.beta-testers{background:linear-gradient(120deg,#0a1720,#0b0e15 70%);border-top:1px solid #8abccc22}.beta-testers-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr);gap:75px;align-items:center}.beta-testers figure{margin:0;position:relative;max-width:390px;justify-self:center}.beta-testers figure img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 18px 50px #0008}.beta-testers .eyebrow{color:#9bd4df}.beta-tester-highlight{color:#e6ce8f;border-left:2px solid #cdb779;padding-left:20px;margin:28px 0}.beta-testers .btn{margin-top:8px}@media(max-width:800px){.beta-testers-grid{grid-template-columns:1fr;gap:35px}.beta-testers figure{max-width:280px}}

/* Registration-only status before the game opens. */
.beta-registration-notice{max-width:750px;margin:28px 0;padding:25px 28px;border:1px solid #d9bc7166;border-left:4px solid #e6ce8f;background:#0c111bf0;box-shadow:0 14px 35px #0004}.beta-registration-notice>strong{font-family:var(--title);color:#f0dba6;font-size:clamp(1.1rem,2vw,1.5rem)}.beta-hero .beta-registration-notice p{font-size:1.05rem;margin:12px 0;line-height:1.65}.beta-hero .beta-registration-notice .btn{margin-top:8px}@media(max-width:600px){.beta-registration-notice{padding:20px}.header-actions .btn{font-size:.65rem;padding-inline:10px}}

/* Three explicit title lines, each fitted to the actual copy width. */
.home-hero-carousel .hero-content:has(.slide-title-three-lines){width:min(100%,860px);max-width:860px;container-type:inline-size}
.home-hero-carousel .hero h2.slide-title-three-lines{font-size:clamp(1rem,7.8cqw,4.2rem);line-height:1.13;letter-spacing:-.025em}
.home-hero-carousel .slide-title-three-lines>span{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal}

/* The player's ascent: common origins, great tournaments, imperial ambition. */
.gs-ascent{position:relative;isolation:isolate;overflow:hidden;background:#090b10;border-block:1px solid #d9b96938;padding:100px 0 80px}.gs-ascent::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080b10fa 7%,#080b10eb 45%,#080b1055 100%),linear-gradient(0deg,#090b10,transparent 55%),url('../img/bg-nobili.jpg?v=0593') center/cover}.gs-ascent::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 32%,#e8bf5920,transparent 48%);pointer-events:none}.gs-ascent-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:55px;align-items:center}.gs-ascent .eyebrow{color:#e5c581}.game-story .gs-ascent h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.12;letter-spacing:-.025em;margin:24px 0}.game-story .gs-ascent h2 em{display:inline;color:#edcf8a;text-shadow:0 0 28px #e7b94822;font-style:normal}.gs-ascent .gs-ascent-lead{font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.55;color:#dad8d2}.gs-ascent-lead strong{color:#f1d99f}.gs-ascent-copy>p{max-width:680px;line-height:1.85}.gs-ascent-copy strong{color:#eee8dd}.gs-ascent-copy .gs-imperial-word{color:#edcf8a}.gs-ascent-copy .btn{margin-top:15px}.gs-ascent-visual{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;padding-top:110px}.gs-imperial-seal{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;flex-direction:column;color:#e8ca85;text-align:center}.gs-imperial-seal svg{width:95px;height:75px;filter:drop-shadow(0 0 20px #e0b45844)}.gs-imperial-seal>span{font-size:.65rem;letter-spacing:.2em;margin:9px 0}.gs-imperial-seal>strong{font-family:var(--title);font-size:clamp(1.6rem,2.5vw,2.5rem);letter-spacing:.04em}.gs-ascent-champion{position:relative;width:min(90%,335px);height:auto;max-height:400px;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 20px 25px #000b)}.gs-ascent-visual>p{position:absolute;bottom:0;right:0;text-align:right;font-size:.75rem;letter-spacing:.15em;line-height:1.9;color:#c7bba4}.gs-ascent-visual>p strong{font-family:var(--title);font-size:1.15rem;color:#f0d89d;letter-spacing:.04em}.gs-ascent-path{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:70px 0 0;scroll-margin-top:120px;border:1px solid #d5bb7433;background:linear-gradient(110deg,#171920ed,#382126d9 55%,#43331cd9)}.gs-ascent-path li{display:flex;align-items:flex-start;gap:18px;padding:30px 25px;position:relative}.gs-ascent-path li+li{border-left:1px solid #d5bb7433}.gs-path-mark{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #c7c8cc66;color:#c9cbd1;font-family:var(--title);border-radius:50%}.gs-ascent-path li:nth-child(2) .gs-path-mark{border-color:#cf8177;color:#edaaa1}.gs-ascent-path li:last-child .gs-path-mark{border-color:#e8ca85;color:#f4dda8;box-shadow:0 0 22px #dcae3b24}.gs-ascent-path small{font-size:.6rem;letter-spacing:.1em;color:#b8b4ac}.gs-ascent-path h3{font-family:var(--title);font-size:1.1rem;line-height:1.35;margin:10px 0;color:#e3e4e8}.gs-ascent-path li:nth-child(2) h3{color:#edaaa1}.gs-ascent-path li:last-child h3{color:#f1d795}.gs-ascent-path p{font-size:.9rem;line-height:1.7;margin:0;color:#c7c7cb}@media(max-width:900px){.gs-ascent-grid{grid-template-columns:1fr;gap:25px}.gs-ascent{padding:70px 0}.gs-ascent-visual{min-height:540px;max-width:430px;width:100%;margin:auto}.gs-ascent-path{grid-template-columns:1fr;margin-top:40px}.gs-ascent-path li+li{border-left:none;border-top:1px solid #d5bb7433}.game-story .gs-ascent h2{font-size:clamp(1.8rem,5.8vw,3.4rem)}}@media(prefers-reduced-motion:no-preference){.gs-ascent-champion{transition:transform .65s ease,filter .65s ease}.gs-ascent-visual:hover .gs-ascent-champion{transform:rotate(3deg) translateY(-6px);filter:drop-shadow(0 22px 30px #000b)}}

/* Two original noble cards beneath the imperial crown; Astana stays in front. */
.gs-ascent-visual:has(.gs-ascent-duo){min-height:650px;padding-top:165px}
.gs-ascent-duo{position:relative;width:min(100%,390px);height:425px;isolation:isolate}
.gs-noble-card{position:absolute;display:block;width:60%;max-width:249px;height:auto;border-radius:5% / 3.6%;box-shadow:0 18px 30px #0009}
.gs-noble-arimann{left:2%;top:65px;transform:rotate(-10deg);z-index:1}
.gs-noble-astana{right:1%;top:5px;transform:rotate(9deg);z-index:2}
@media(max-width:500px){.gs-ascent-visual:has(.gs-ascent-duo){min-height:600px}.gs-ascent-duo{height:385px}.gs-noble-arimann{top:55px}}

.gs-ascent-visual>p,.gs-ascent-visual>p strong{color:#fff}

/* Home: illustrazione della guida, versione 0.5.95 */
.home-page .guide-panel{width:min(1240px,100%);grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:32px}
.home-page .guide-panel>img.home-guide-art{display:block;width:100%;height:auto;max-height:none;border-radius:12px;object-fit:contain;filter:none;box-shadow:0 12px 32px rgba(0,0,0,.35)}
@media(max-width:900px){.home-page .guide-panel{grid-template-columns:minmax(180px,28%) minmax(0,1fr);gap:24px}}
@media(max-width:760px){.home-page .guide-panel{grid-template-columns:1fr;gap:24px}.home-page .guide-panel>img.home-guide-art{width:min(100%,360px);height:auto;justify-self:center}}

/* Home 0.5.96: ritratto verticale alto quanto il testo. */
.home-page .home-guide-portrait{position:relative;align-self:stretch;min-height:0}
.home-page .home-guide-portrait>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
@media(max-width:760px){.home-page .home-guide-portrait{position:static;width:min(100%,300px);justify-self:center}.home-page .home-guide-portrait>img{position:static;width:100%;height:auto}}

/* Guida: carte originali e composizioni */
.necrotic-wound{color:#754a95!important}
.guide-card-fan{float:right;position:relative;width:min(460px,50%);height:380px;margin:20px 0 28px 36px}
.guide-card-fan img{position:absolute!important;width:52%!important;max-height:none!important;bottom:10px;left:24%;transform-origin:50% 90%;box-shadow:0 10px 22px #0008}
.guide-card-fan img:nth-child(1){transform:rotate(-20deg) translateX(-32%)}
.guide-card-fan img:nth-child(2){transform:rotate(0deg)}
.guide-card-fan img:nth-child(3){transform:rotate(20deg) translateX(32%)}
.guide-art-left{float:left!important;margin:18px 32px 24px 0!important}
.guide-environment-stack{float:left;position:relative;width:min(460px,50%);height:390px;margin:24px 36px 28px 0}
.guide-environment-stack img{position:absolute!important;width:83%!important;max-height:none!important;left:0;top:0;box-shadow:0 10px 22px #0008}
.guide-environment-stack img:nth-child(2){left:8%;top:65px}
.guide-environment-stack img:nth-child(3){left:16%;top:130px}
.guide-emorrhage{float:right!important;width:min(230px,38%)!important;margin:6px 0 24px 28px!important}
.rounded-card,.guide-card-fan img,.guide-environment-stack img{border-radius:4.5% / 3.2%!important}
.guide-environment-stack img{border-radius:3.2% / 4.5%!important}
@media(max-width:640px){.guide-card-fan,.guide-environment-stack{float:none;width:min(100%,400px);margin:24px auto;height:350px}.guide-art-left{float:none!important;margin:24px auto!important}.guide-emorrhage{width:38%!important}}

.archive-prose figure.guide-card-fan,.archive-prose figure.guide-environment-stack{overflow:visible}
.archive-prose .guide-card-fan img,.archive-prose .guide-environment-stack img{height:auto;margin:0;clip-path:inset(0 round 4.5% / 3.2%)}
.archive-prose .guide-environment-stack img{clip-path:inset(0 round 3.2% / 4.5%)}
.guide-chapter>.archive-prose::after,.phase-event>div::after{content:"";display:block;clear:both}
img[src*="/cards/"],.example-card img,.card-inspector-image>img,.cards-fan img,.specialization-card img{border-radius:5% / 3.6%}

/* Guida 0.5.98: ventagli compatti e testo accanto all'addestramento extra. */
.archive-prose .guide-card-fan{width:min(360px,43%);height:300px;margin:16px 0 24px 30px}
.guide-card-fan img:nth-child(1){z-index:3;transform:rotate(-11deg) translateX(-25%)}
.guide-card-fan img:nth-child(2){z-index:2;transform:rotate(0deg)}
.guide-card-fan img:nth-child(3){z-index:1;transform:rotate(11deg) translateX(25%)}
.guide-extra-layout{clear:both;display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);align-items:start;gap:32px;padding-top:26px}
.archive-prose .guide-extra-layout .guide-art-left{float:none!important;width:100%;max-width:240px;margin:0!important}
.archive-prose .guide-extra-layout .guide-art-left img{width:100%;height:auto;max-height:none;border-radius:5% / 3.6%!important;clip-path:inset(0 round 5% / 3.6%)}
.archive-prose .guide-environment-stack{float:right;width:min(350px,43%);height:340px;margin:0 0 26px 32px}
.archive-prose .guide-environment-stack img{width:75%!important;transform-origin:center;top:0;left:0;transform:rotate(-4deg);z-index:1}
.archive-prose .guide-environment-stack img:nth-child(2){left:12%;top:85px;transform:rotate(1deg);z-index:2}
.archive-prose .guide-environment-stack img:nth-child(3){left:24%;top:170px;transform:rotate(5deg);z-index:3}
#vitalita-e-ferite{scroll-margin-top:180px}
@media(max-width:640px){.archive-prose .guide-card-fan{float:none;width:min(100%,320px);height:290px;margin:20px auto}.guide-extra-layout{grid-template-columns:1fr;gap:24px}.archive-prose .guide-extra-layout .guide-art-left{justify-self:center}.archive-prose .guide-environment-stack{float:none;width:min(88%,320px);height:330px;margin:20px auto 28px}}

/* Guida 0.5.99: ventaglio più aperto, inclinazione più delicata. */
.archive-prose .guide-card-fan img{width:52%!important;left:24%}
.guide-card-fan img:nth-child(1){z-index:3;transform:translateX(-40%) rotate(-7deg)}
.guide-card-fan img:nth-child(2){z-index:2;transform:rotate(0deg)}
.guide-card-fan img:nth-child(3){z-index:1;transform:translateX(40%) rotate(7deg)}

/* Guida 0.6.00: apertura del ventaglio aumentata del 15%. */
.guide-card-fan img:nth-child(1){transform:translateX(-53.5%) rotate(-7deg)}
.guide-card-fan img:nth-child(3){transform:translateX(53.5%) rotate(7deg)}

/* Guida 0.6.01: rientro del ventaglio dal bordo destro. */
.archive-prose .guide-card-fan{margin-right:36px}
@media(max-width:640px){.archive-prose .guide-card-fan{margin-inline:auto}}

/* Public site update: original specialization icons and editorial sections. */
.specialization-card{position:relative}.specialization-card .spec-original-icon{position:absolute;top:18px;right:18px;width:64px;height:64px;object-fit:contain;border-radius:0;z-index:2;pointer-events:none}.specialization-card .spec-card-copy{padding-right:88px;min-width:0}.free-play-notice{border-left:2px solid #d9ba79;padding-left:18px;margin:22px 0;color:#e6dfcc}.free-play-notice strong{color:#f1d794}.organization-coming{border-left:2px solid #d9ba79;padding:18px;background:#ffffff08}.organization-tile{background:linear-gradient(145deg,#151923e6,#07090de6);border:1px solid #ffffff25}.gs-assaults{background:linear-gradient(130deg,#141720,#080a10)}
@media(max-width:640px){.specialization-card .spec-original-icon{top:14px;right:14px;width:44px;height:44px}.specialization-card .spec-card-copy{padding-right:64px}}

/* Gli assalti: original fantasy background, dark overlays for readable copy. */
.gs-section.gs-assaults{position:relative;isolation:isolate;background-color:#080a10;background-image:linear-gradient(90deg,rgba(4,7,12,.91) 0%,rgba(4,7,12,.75) 45%,rgba(4,7,12,.62) 100%),linear-gradient(0deg,rgba(4,7,12,.7),transparent 55%),url('../img/bg-assalti.webp');background-size:cover;background-position:center 35%;background-repeat:no-repeat}
.gs-assaults .gs-principles{background:rgba(5,8,14,.45);padding:24px;border:1px solid rgba(255,255,255,.12)}
@media(max-width:760px){.gs-section.gs-assaults{background-position:65% top;background-image:linear-gradient(180deg,rgba(4,7,12,.7),rgba(4,7,12,.92) 52%,rgba(4,7,12,.96)),url('../img/bg-assalti.webp')}.gs-assaults .gs-principles{padding:18px}}

.organization-tile .organization-crest{display:block;width:110px;height:116px;object-fit:contain;margin:0 0 22px;filter:drop-shadow(0 6px 12px #0008)}.lore-explorer .organization-detail-crest{display:block;width:min(100%,250px);height:262px;object-fit:contain;margin:0 auto 24px;border-radius:0}@media(max-width:640px){.organization-tile .organization-crest{width:80px;height:84px}.lore-explorer .organization-detail-crest{height:200px}}

/* Specialization copy wraps around its original icon. */
.specialization-card .spec-card-copy{display:flow-root;padding-right:2px;min-width:0}
.specialization-card .spec-card-copy .spec-original-icon{position:static;float:right;top:auto;right:auto;width:64px;height:64px;margin:0 0 12px 20px;object-fit:contain;border-radius:0}
@media(max-width:640px){.specialization-card .spec-card-copy{padding-right:2px}.specialization-card .spec-card-copy .spec-original-icon{width:44px;height:44px;margin:0 0 10px 14px}}

.card-reference figure.combat-original-pair{position:relative;width:340px;max-width:100%;height:285px;overflow:hidden;margin:24px auto}.card-reference figure.combat-original-pair img{position:absolute;width:240px;max-width:none;height:auto;margin:0;border-radius:5% / 3.6%;box-shadow:none}.card-reference figure.combat-original-pair img:first-child{left:12px;top:12px;transform:rotate(-7deg)}.card-reference figure.combat-original-pair img:last-child{left:78px;top:72px;transform:rotate(13deg)}@media(max-width:380px){.card-reference figure.combat-original-pair{width:290px;height:245px}.card-reference figure.combat-original-pair img{width:205px}.card-reference figure.combat-original-pair img:last-child{left:65px;top:62px}}

/* Combat examples use the original cards served from /assets/img/. */
.card-reference .card-explanation:has(.combat-inline-card){display:flow-root}
.card-reference figure.combat-inline-card{width:195.5px;max-width:41.4%;overflow:visible}
.card-reference figure.combat-inline-card img{display:block;width:100%;max-height:none;height:auto;margin:0;object-fit:contain}
.card-reference figure.combat-inline-left{float:left;margin:4px 26px 18px 0}
.card-reference figure.combat-inline-right{float:right;margin:4px 0 18px 26px}
.card-reference figure.combat-card-fan{position:relative;clear:both;overflow:visible;width:370px;max-width:100%;height:400px;margin:30px auto}
.card-reference figure.combat-card-fan img{position:absolute;display:block;max-width:none;max-height:none;width:220px;height:auto;margin:0;object-fit:contain;transform-origin:50% 70%}
.card-reference figure.combat-defense-fan img:first-child{left:8px;top:0;transform:rotate(3deg);z-index:2}
.card-reference figure.combat-defense-fan img:last-child{left:145px;top:70px;transform:rotate(13deg);z-index:1}
.card-reference figure.combat-synergy-fan{width:368px;height:356.5px;margin:26px auto 32px}
.card-reference figure.combat-synergy-fan img{width:212.75px}
.card-reference figure.combat-synergy-fan img:first-child{left:9.2px;top:0;transform:rotate(-4deg);z-index:1}
.card-reference figure.combat-synergy-fan img:last-child{left:144.9px;top:39.1px;transform:rotate(5deg);z-index:2}
@media(max-width:600px){.card-reference figure.combat-inline-card{width:161px;max-width:41.4%}.card-reference figure.combat-inline-left{margin-right:16px}.card-reference figure.combat-inline-right{margin-left:16px}.card-reference figure.combat-defense-fan{width:290px;height:325px}.card-reference figure.combat-defense-fan img{width:175px}.card-reference figure.combat-defense-fan img:last-child{left:108px;top:60px}.card-reference figure.combat-synergy-fan{width:322px;height:322px}.card-reference figure.combat-synergy-fan img{width:184px}.card-reference figure.combat-synergy-fan img:last-child{left:126.5px;top:34.5px}}

.card-reference .combat-synergy-note{color:#f2dc8c}

/* Champion examples: relative original card assets, cropped overlapping pairs. */
.card-reference .champion-example-row{display:flow-root;margin:20px 0}
.card-reference figure.champion-example{margin:0 0 16px;width:360px;max-width:52.8%;position:relative}
.card-reference figure.champion-example-right{float:right;margin-left:24px}
.card-reference figure.champion-example-left{float:left;margin-right:24px}
.card-reference figure.champion-example-pair{height:324px;overflow:hidden;border-radius:12px}
.card-reference .champion-example-pair img{position:absolute;display:block;width:68%;max-width:none;max-height:none;height:auto;top:-50.4px;object-fit:contain;margin:0;transform-origin:center}
.card-reference .champion-example-pair img:first-child{left:3%;transform:rotate(4deg);z-index:2}
.card-reference .champion-example-pair img:last-child{right:2%;top:-8.4px;transform:rotate(-5deg);z-index:1}
.card-reference .champion-example-pair:has(img[src*="occhio-della-mente"]) img:first-child{top:-6px;left:0;z-index:1;transform:rotate(-4deg)}
.card-reference .champion-example-pair:has(img[src*="occhio-della-mente"]) img:last-child{top:-48px;right:0;z-index:2;transform:rotate(5deg)}
.card-reference figure.champion-example-single{width:234px}
.card-reference .champion-example-single img{display:block;width:100%;height:auto;max-height:none;margin:0}
#vitalita-e-ferite{scroll-margin-top:110px}
@media(max-width:600px){.card-reference figure.champion-example{max-width:52.8%;width:276px}.card-reference figure.champion-example-right{margin-left:14px}.card-reference figure.champion-example-left{margin-right:14px}.card-reference figure.champion-example-pair{height:228px}.card-reference .champion-example-pair img{top:-24px}.card-reference figure.champion-example-single{width:193.2px}}
@media(max-width:420px){.card-reference figure.champion-example-pair{height:180px}}

/* Lift the front mental-resistance card to reveal the fire card text. */
.card-reference .champion-example-pair:has(img[src*="occhio-della-mente"]) img:last-child{top:-108px}
/* Stagger the rear cards downward to expose both effect panels. */
.card-reference .champion-example-pair img[src*="involucro-di-metallo"],
.card-reference .champion-example-pair img[src*="pozione-dei-giganti"]{top:36px}
@media(max-width:600px){
.card-reference .champion-example-pair:has(img[src*="occhio-della-mente"]) img:last-child{top:-72px}
.card-reference .champion-example-pair img[src*="involucro-di-metallo"],
.card-reference .champion-example-pair img[src*="pozione-dei-giganti"]{top:25px}
}

/* Keep the lowered metal card fully visible, with room for its rotated corners. */
.card-reference figure.champion-example-pair:has(img[src*="involucro-di-metallo"]){height:auto;aspect-ratio:4/5;overflow:visible}
/* Larger attack and synergy examples. */
.card-reference figure.combat-inline-card{width:224.825px;max-width:47.61%}
.card-reference .combat-synergy-note,.card-reference .combat-synergy-note strong{color:#f2dc8c!important}
/* Consistent icon column for equipment and environment reference tables. */
.card-reference table.reference-icon-table{width:100%;table-layout:fixed}
.card-reference table.reference-icon-table th:last-child,
.card-reference table.reference-icon-table td:last-child{width:30%;text-align:center;vertical-align:middle}
.card-reference table.reference-icon-table td:last-child img.reference-icon{display:block;float:none;margin-left:auto;margin-right:auto;vertical-align:middle}
@media(max-width:600px){.card-reference figure.combat-inline-card{width:185.15px;max-width:47.61%}}

/* Align the reduction examples with the adjacent paragraph. */
.card-reference figure.champion-example-pair:has(img[src*="involucro-di-metallo"]){margin-top:64px}
@media(max-width:600px){.card-reference figure.champion-example-pair:has(img[src*="involucro-di-metallo"]){margin-top:36px}}

/* Accessible assault reference, replacing the old raster diagram. */
.assault-summary{display:block;float:none;clear:both;width:100%;max-width:none;margin:32px 0;border:1px solid #b79a554f;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#17191de8,#080a0ef2);box-shadow:0 14px 36px #0004}
.assault-summary figcaption{padding:22px 24px;background:linear-gradient(110deg,#6e1d2345,transparent);border-bottom:1px solid #b79a5540;text-align:left}
.assault-summary-kicker{display:block;color:#d0ae68;font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:6px}
.assault-summary figcaption>strong{display:block;color:#f1e3c5;font-size:clamp(19px,2.4vw,25px);line-height:1.3}
.assault-summary table.assault-summary-table{width:100%;margin:0;border:0;border-collapse:collapse;table-layout:fixed;background:none;font-size:15px;line-height:1.6}
.assault-summary-table thead th{padding:12px 22px;color:#c5bda9;font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-align:left;background:#ffffff04;border:0}
.assault-summary-table thead th:first-child{width:31%}
.assault-summary-table tbody{border-top:1px solid #b79a5538}
.assault-summary-table tbody th{padding:22px;vertical-align:top;text-align:left;color:#f1dfb7;font-weight:600;background:#ffffff03;border:0}
.assault-summary-number{display:block;color:#cdab65;font-size:23px;line-height:1;margin-bottom:12px;font-weight:400}
.assault-summary-table td{padding:15px 22px;color:#e2e2e4;vertical-align:top;background:none;border:0}
.assault-summary-table tr+tr td{border-top:1px solid #ffffff12}
.assault-summary-step{display:block;color:#d5b676;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-bottom:3px}
.assault-summary-table td strong{color:#f0db9e}
@media(max-width:600px){.assault-summary figcaption{padding:18px 16px}.assault-summary table.assault-summary-table{font-size:14px}.assault-summary-table thead{display:none}.assault-summary-table tbody,.assault-summary-table tr,.assault-summary-table tbody th,.assault-summary-table td{display:block;width:auto}.assault-summary-table tbody th{display:flex;gap:12px;align-items:center;padding:16px;background:#9d783014}.assault-summary-number{font-size:20px;margin:0;flex-shrink:0}.assault-summary-table td{padding:12px 16px}.assault-summary-table tr+tr td{margin:0 16px;padding:12px 0}.assault-summary{margin:24px 0}}

/* Attack type table: icons enlarged by 20% (29px to 34.8px). */
.card-reference .attack-defense-table img{width:34.8px;height:34.8px;max-width:34.8px;max-height:34.8px}

/* Original Beta rewards, quantities, rarity glow and foil light. */
.beta-tier .beta-new-art{min-height:270px;isolation:isolate}
.beta-pack-display{position:relative;width:100%;max-width:270px;margin:auto;line-height:0}
.beta-tier .beta-new-art .beta-pack-display img{display:block;width:100%;max-height:none;height:auto;transform:none;filter:drop-shadow(0 14px 16px #0009)}
.beta-quantity{position:absolute;z-index:3;display:block;font-family:Georgia,serif;font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1;color:#fff0bf;text-shadow:0 2px 2px #000,0 0 10px #000,0 0 22px #e7b85388;-webkit-text-stroke:.5px #5e421c;transform:rotate(-5deg)}
.beta-quantity-base{left:6%;bottom:17%}.beta-quantity-elite{right:1%;bottom:3%}.beta-quantity-skill{right:0;bottom:4%}
.beta-tier .beta-equipment-fan{height:290px;max-width:280px;width:100%;margin:auto}
.beta-tier .beta-equipment-fan img{position:absolute;width:62%;height:auto;max-height:none;border-radius:6%;object-fit:contain}
.beta-tier .beta-equipment-fan .beta-equipment-rare{left:3%;top:22px;transform:rotate(-12deg);filter:drop-shadow(0 0 7px #e6edff) drop-shadow(0 0 20px #b5caff99) drop-shadow(0 12px 12px #0009)}
.beta-tier .beta-equipment-fan .beta-equipment-very-rare{right:2%;top:38px;transform:rotate(10deg);filter:drop-shadow(0 0 8px #ffd05f) drop-shadow(0 0 22px #ff9d14cc) drop-shadow(0 12px 12px #0009)}
.beta-foil-card{position:relative;width:min(72%,190px);aspect-ratio:249/351;border-radius:6%;overflow:hidden;transform:rotate(6deg);box-shadow:0 0 12px #f0df9c88,0 0 30px #d8b9ff55,0 16px 25px #0009}
.beta-tier .beta-new-art .beta-foil-card img{display:block;width:100%;height:100%;max-height:none;transform:none;filter:none}
.beta-foil-card::before,.beta-foil-card::after{content:"";position:absolute;inset:0;pointer-events:none}
.beta-foil-card::before{background:linear-gradient(125deg,transparent 10%,#6ae8ff30 28%,#d38bff38 44%,#ffe89840 59%,#82ffd330 73%,transparent 90%);mix-blend-mode:screen;background-size:220% 220%;animation:beta-foil-color 7s ease-in-out infinite alternate}
.beta-foil-card::after{inset:-70%;background:linear-gradient(115deg,transparent 40%,#fff0c940 47%,#ffffff99 50%,#b8eaff40 53%,transparent 60%);transform:translateX(-60%);animation:beta-foil-shine 5s ease-in-out infinite}
@keyframes beta-foil-shine{0%,15%{transform:translateX(-60%)}65%,100%{transform:translateX(60%)}}
@keyframes beta-foil-color{from{background-position:0 0}to{background-position:100% 100%}}
@media(max-width:700px){.beta-tier .beta-new-art{min-height:190px}.beta-pack-display{max-width:220px}.beta-tier .beta-equipment-fan{height:235px;max-width:220px}.beta-foil-card{width:min(85%,165px)}.beta-quantity{font-size:30px}}
@media(prefers-reduced-motion:reduce){.beta-foil-card::before,.beta-foil-card::after{animation:none}.beta-foil-card::after{transform:translateX(0);opacity:.4}}

/* ADLaM quantity medallions with a metallic rim. */
.beta-quantity{box-sizing:border-box;width:58px;height:58px;display:grid;place-items:center;border:3px solid transparent;border-radius:50%;background:linear-gradient(145deg,#20232bf5,#06080df5) padding-box,conic-gradient(from 30deg,#797f8a,#f0f3f6,#727987,#d4d9e0,#555d6c,#e9edf1,#797f8a) border-box;font-family:'ADLaM Display',sans-serif;font-size:29px;font-weight:400;line-height:1;letter-spacing:-1px;color:#fff0c5;-webkit-text-stroke:0;transform:none;text-shadow:0 2px 3px #000;box-shadow:0 5px 12px #000a,inset 0 0 8px #000a}
.beta-quantity-skill{right:20%;bottom:4%}
.beta-tier .beta-equipment-fan .beta-equipment-rare{filter:drop-shadow(0 0 8px #4b9fff) drop-shadow(0 0 23px #156fffdd) drop-shadow(0 12px 12px #0009)}
.beta-tier .beta-equipment-fan .beta-equipment-very-rare{filter:drop-shadow(0 0 9px #cb75ff) drop-shadow(0 0 25px #9a26ffdd) drop-shadow(0 12px 12px #0009)}
.beta-tier .beta-new-art>.beta-foil-card{box-shadow:0 0 10px #d99aff,0 0 25px #a13bffcc,0 0 42px #921fff88,0 16px 25px #0009}
/* Local pools of iridescence drift independently across the card surface. */
.beta-foil-card::before{inset:0;background:radial-gradient(ellipse at 18% 24%,#62e8ff88 0,transparent 43%),radial-gradient(ellipse at 79% 65%,#f19aff88 0,transparent 44%),radial-gradient(ellipse at 45% 87%,#ffe18477 0,transparent 38%);background-size:155% 165%,175% 145%,145% 185%;background-repeat:no-repeat;mix-blend-mode:color-dodge;opacity:.52;animation:beta-iridescence 9s ease-in-out infinite alternate;transform:none}
.beta-foil-card::after{inset:0;background:radial-gradient(ellipse at 35% 42%,#ffffff88 0,#e9f6ff30 16%,transparent 45%),radial-gradient(ellipse at 76% 76%,#fff0aa66 0,transparent 36%);background-size:170% 180%,160% 165%;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.38;transform:none;animation:beta-sunlight 11s ease-in-out infinite alternate}
@keyframes beta-iridescence{0%{background-position:0% 10%,100% 80%,35% 100%;filter:hue-rotate(0deg);opacity:.36}45%{background-position:75% 55%,20% 5%,100% 30%;filter:hue-rotate(45deg);opacity:.64}100%{background-position:100% 100%,0% 40%,0% 0%;filter:hue-rotate(100deg);opacity:.46}}
@keyframes beta-sunlight{0%{background-position:0% 100%,100% 0%;opacity:.18}50%{background-position:90% 30%,15% 75%;opacity:.43}100%{background-position:20% 0%,70% 100%;opacity:.28}}
.beta-tier:last-child .beta-legend-art{width:100%;max-width:300px;height:300px;min-height:300px;margin:auto;overflow:visible}
.beta-tier:last-child .beta-legend-art .beta-foil-card{position:absolute;width:60%;aspect-ratio:249/351;box-shadow:0 0 9px #ffe38e,0 0 24px #ffbd24cc,0 0 40px #ffb30088,0 16px 25px #0009}
.beta-legend-champion{left:3%;top:12px;transform:rotate(-10deg);z-index:1}
.beta-legend-weapon{right:2%;top:35px;transform:rotate(10deg);z-index:2}
.beta-tier:last-child .beta-legend-art .beta-foil-card img{position:static;display:block;width:100%;height:100%;max-height:none;transform:none;filter:none}
@media(max-width:700px){.beta-quantity{width:48px;height:48px;font-size:25px}.beta-tier:last-child .beta-legend-art{height:250px;min-height:250px;max-width:235px}}
@media(prefers-reduced-motion:reduce){.beta-foil-card::before,.beta-foil-card::after{animation:none;transform:none}.beta-foil-card::before{opacity:.4}.beta-foil-card::after{opacity:.2}}

/* More generous Skill Set artwork; spread the two reward fans. */
.beta-tier .beta-skill-packs{width:120%;max-width:324px;flex-shrink:0}
.beta-tier .beta-equipment-fan .beta-equipment-rare{left:-12%;transform:rotate(-17deg)}
.beta-tier:last-child .beta-legend-art .beta-legend-champion{left:-12%;transform:rotate(-16deg)}
/* Softer rarity halos. */
.beta-tier .beta-equipment-fan .beta-equipment-rare{filter:drop-shadow(0 0 6px #4b9fffc0) drop-shadow(0 0 17px #156fff99) drop-shadow(0 10px 12px #0008)}
.beta-tier .beta-equipment-fan .beta-equipment-very-rare{filter:drop-shadow(0 0 6px #cb75ffc0) drop-shadow(0 0 18px #9a26ff99) drop-shadow(0 10px 12px #0008)}
.beta-tier .beta-new-art>.beta-foil-card{box-shadow:0 0 8px #d99affaa,0 0 19px #a13bff88,0 0 30px #921fff55,0 14px 22px #0008}
.beta-tier:last-child .beta-legend-art .beta-foil-card{box-shadow:0 0 7px #ffe38eaa,0 0 18px #ffbd2488,0 0 28px #ffb30055,0 14px 22px #0008}
/* Foil layers must paint above the original card image. */
.beta-foil-card{isolation:isolate}
.beta-tier .beta-new-art .beta-foil-card img{position:relative;z-index:0}
.beta-foil-card::before{z-index:2;inset:-35%;background:repeating-conic-gradient(from 12deg at 48% 45%,#ffb2f200 0deg,#8df5ffbb 24deg,#9ba3ff99 52deg,#f9a2ffa8 83deg,#ffe685bb 115deg,#86ffcca8 150deg,#ffb2f200 180deg);background-size:100% 100%;background-repeat:no-repeat;mix-blend-mode:color-dodge;opacity:.56;filter:saturate(1.5);transform:rotate(-16deg) scale(1.1);animation:beta-holographic-colors 7s ease-in-out infinite alternate}
.beta-foil-card::after{z-index:3;inset:-20%;background:radial-gradient(ellipse at 28% 30%,#ffffffd9 0%,#e6ffff66 12%,transparent 38%),radial-gradient(ellipse at 78% 75%,#ffe6a8aa 0%,#ffc9ee44 14%,transparent 40%);background-size:135% 145%,155% 150%;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.52;transform:none;animation:beta-holographic-light 6s ease-in-out infinite alternate}
@keyframes beta-holographic-colors{0%{transform:translate(-5%,4%) rotate(-22deg) scale(1.1);filter:saturate(1.5) hue-rotate(0deg);opacity:.45}50%{transform:translate(4%,-3%) rotate(8deg) scale(1.15);filter:saturate(1.9) hue-rotate(55deg);opacity:.7}100%{transform:translate(-2%,-5%) rotate(30deg) scale(1.1);filter:saturate(1.6) hue-rotate(120deg);opacity:.5}}
@keyframes beta-holographic-light{0%{background-position:0% 100%,100% 0%;opacity:.3}45%{background-position:90% 20%,10% 85%;opacity:.65}100%{background-position:15% 0%,80% 100%;opacity:.4}}
@media(max-width:700px){.beta-tier .beta-skill-packs{max-width:264px}.beta-tier .beta-equipment-fan .beta-equipment-rare{left:-8%}.beta-tier:last-child .beta-legend-art .beta-legend-champion{left:-8%}}
@media(prefers-reduced-motion:reduce){.beta-foil-card::before,.beta-foil-card::after{animation:none}.beta-foil-card::before{transform:rotate(8deg);opacity:.4}.beta-foil-card::after{opacity:.3}}

/* Subtle moving foil: retain detail and contrast of the original artwork. */
.beta-foil-card::before{animation-name:beta-holographic-colors-soft}
.beta-foil-card::after{animation-name:beta-holographic-light-soft}
@keyframes beta-holographic-colors-soft{0%{transform:translate(-5%,4%) rotate(-22deg) scale(1.1);filter:saturate(1.5) hue-rotate(0deg);opacity:.09}50%{transform:translate(4%,-3%) rotate(8deg) scale(1.15);filter:saturate(1.9) hue-rotate(55deg);opacity:.14}100%{transform:translate(-2%,-5%) rotate(30deg) scale(1.1);filter:saturate(1.6) hue-rotate(120deg);opacity:.10}}
@keyframes beta-holographic-light-soft{0%{background-position:0% 100%,100% 0%;opacity:.045}45%{background-position:90% 20%,10% 85%;opacity:.10}100%{background-position:15% 0%,80% 100%;opacity:.06}}
.beta-veteran-detail{display:block}
.beta-tier .beta-new-art>.beta-foil-card{width:min(64.8%,171px)}
@media(max-width:700px){.beta-tier .beta-new-art>.beta-foil-card{width:min(76.5%,148.5px)}}
@media(prefers-reduced-motion:reduce){.beta-foil-card::before{animation:none;opacity:.10}.beta-foil-card::after{animation:none;opacity:.06}}

/* Home card fan: Environment lies beneath Equipment. */
.cards-section .cards-fan figure:nth-child(4){z-index:2}
.cards-section .cards-fan figure:nth-child(5){z-index:1}
.cards-section .cards-fan figure:hover{z-index:10}

/* Home assault callout. */
.game-section .content-panel p.home-assault-highlight{padding:18px 20px;margin:24px 0;border-left:3px solid #d4b56c;border-radius:0 10px 10px 0;background:linear-gradient(110deg,#a47a2829,#090c12b8);color:#eee3cc;font-size:1.06rem;line-height:1.7;box-shadow:0 6px 20px #0002}
.game-section .home-assault-highlight strong{display:block;color:#f2d58e;margin-bottom:6px;font-size:1.08em}
@media(max-width:600px){.game-section .content-panel p.home-assault-highlight{padding:15px 16px;font-size:1rem}}

/* Public cookie information page and footer entry. */
.site-footer .footer-cookie-link{color:#d4b675;text-decoration:none;font-size:.82rem}.site-footer .footer-cookie-link:hover,.site-footer .footer-cookie-link:focus-visible{color:#fff0c9;text-decoration:underline}
.cookie-policy-page{background:#090c12;color:#dce1e9}.cookie-policy-hero{padding:90px 0 45px;background:radial-gradient(ellipse at top right,#7c252536,transparent 65%)}.cookie-policy-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.15;color:#f2ebdf}.cookie-policy-hero h1 span{color:#d9b66b}.cookie-policy-date{color:#aeb5c1;font-size:.85rem}.cookie-policy-content{padding:0 0 80px}.cookie-policy-copy{max-width:1000px;margin:auto;line-height:1.8}.cookie-policy-copy h2{font-size:1.35rem;color:#e1c68c;margin:36px 0 12px}.cookie-policy-copy a{color:#e4c579;text-decoration:underline}.cookie-policy-summary{padding:22px 26px;border-left:3px solid #d3af65;background:#d3af650d}.cookie-policy-summary>strong{color:#f0d899;font-size:1.15rem}.cookie-policy-summary p{margin-bottom:0}.cookie-policy-table-wrap{overflow-x:auto;margin:24px 0}.cookie-policy-copy table{border-collapse:collapse;width:100%;min-width:610px;font-size:.92rem}.cookie-policy-copy caption{text-align:left;color:#e6d1a3;margin-bottom:12px}.cookie-policy-copy th,.cookie-policy-copy td{padding:16px;border:1px solid #ffffff20;vertical-align:top;text-align:left}.cookie-policy-copy thead th{background:#b48a3520;color:#f0d899}.cookie-policy-copy tbody th{width:20%;color:#ddd2bd}.cookie-policy-copy td{width:40%}@media(max-width:600px){.cookie-policy-hero{padding:65px 0 30px}.cookie-policy-summary{padding:18px}.cookie-policy-copy{font-size:.96rem}}

/* Public release 20261026-01: innovation and producer signature. */
.innovation-accent{color:#efd18a;font-weight:700}
.site-footer .footer-producer{display:flex;justify-content:flex-end;width:min(1240px,calc(100% - 48px));margin:16px auto 0;padding:0 0 20px}
.site-footer .footer-producer img{display:block;width:137px;height:56px;max-width:100%;object-fit:contain;border-radius:0}
@media(max-width:600px){.site-footer .footer-producer{width:calc(100% - 32px);padding-bottom:16px}.brand-intro .hero-kicker{line-height:1.7}}

/* Public release 20261026-02: centered compact producer logo. */
.site-footer .footer-producer{justify-content:center}
.site-footer .footer-producer img{width:110px;height:auto;aspect-ratio:5/2}

/* Align producer mark to the copyright text, not to the page. */
.site-footer .footer-note .footer-copyright{display:inline-flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}
.site-footer .footer-note .footer-producer{display:flex;justify-content:center;width:auto;margin:10px 0 0;padding:0}
.site-footer .footer-note .footer-producer img{width:110px;height:auto;aspect-ratio:auto}

/* Producer logo: 8px more space beneath the copyright. */
.site-footer .footer-note .footer-producer{margin-top:18px}

/* Compact producer mark beneath the left footer brand. */
.site-footer .footer-brand{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;width:160px}
.site-footer .footer-top .footer-brand>.footer-producer{display:flex;justify-content:center;align-items:center;width:100%;margin:6px 0 0;padding:0}
.site-footer .footer-top .footer-brand .footer-producer img{display:block;width:96px;height:auto;aspect-ratio:auto;object-fit:contain}

/* More space between footer brand and producer. */
.site-footer .footer-top .footer-brand>.footer-producer{margin-top:16px}

/* Producer mark and social links share one vertically centered row. */
.site-footer .footer-lower-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0}
.site-footer .footer-lower-row>.footer-producer{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;margin:0;padding:0}
.site-footer .footer-lower-row .footer-producer img{display:block;width:96px;height:auto;aspect-ratio:auto}
.site-footer .footer-lower-row .footer-socials{padding:0;margin:0}
@media(max-width:600px){.site-footer .footer-lower-row{flex-wrap:wrap;gap:18px}.site-footer .footer-lower-row .footer-socials{flex-wrap:wrap}}