:root{--bg:#060a0f;--panel:#0c1219;--panel2:#111922;--gold:#d7aa63;--gold2:#f1d39b;--ink:#f5ead4;--muted:#b8aa92;--line:rgba(215,170,99,.28);--green:#91b76b;--red:#b85f4e}*{box-sizing:border-box}html{scroll-padding-top:180px;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#122032 0,#080d13 42%,#05080c 100%);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:12px 28px;background:rgba(5,8,12,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;min-width:285px}.brand-logo{display:block;height:46px;width:auto;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}.brand strong{display:block;text-transform:uppercase;letter-spacing:.045em;color:var(--gold2);line-height:1}.brand small{display:block;color:var(--muted);font-size:.72rem;font-style:italic;line-height:1.05}.main-nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.main-nav a{font-size:.82rem;color:#d7c8af;padding:8px 0;border-bottom:1px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--gold2);border-color:var(--gold)}.account-actions{display:flex;gap:8px}.gold-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;border:1px solid var(--line);cursor:pointer}.gold-btn{background:linear-gradient(#8d5c1b,#4f2f10);color:#fff4d5;border-color:#d5a85f;box-shadow:0 8px 24px rgba(0,0,0,.25)}.ghost-btn{background:rgba(255,255,255,.035);color:#ead9bb}.gold-btn.large,.ghost-btn.large{padding:13px 22px;font-size:1.02rem}.menu-toggle{display:none;background:none;color:var(--gold2);border:1px solid var(--line);padding:7px 10px;border-radius:8px}.hero{position:relative;min-height:76vh;display:flex;align-items:center;background-position:center;background-size:cover;overflow:hidden;border-bottom:1px solid var(--line)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,11,.95) 0%,rgba(4,7,11,.76) 45%,rgba(4,7,11,.28) 78%,rgba(4,7,11,.5) 100%),linear-gradient(0deg,#060a0f 0%,transparent 36%)}.hero-content{position:relative;z-index:2;width:min(760px,86vw);margin-left:max(6vw,40px);padding:70px 0}.eyebrow,.section-heading>span{display:block;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:.76rem}.hero h1{margin:10px 0 6px;font-size:clamp(3.3rem,7vw,7rem);line-height:.88;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 8px 36px #000}.motto{font-size:1.3rem;color:var(--gold2);font-style:italic}.hero-promise{max-width:690px;margin:14px 0 12px;font-size:1.15rem;font-weight:700;line-height:1.45;color:#f0e1c6}.hero-copy{max-width:690px;font-size:1.1rem;color:#e2d5c0}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-reassurance{margin:10px 0 0;font-size:.88rem;line-height:1.4;color:#b9aa94;letter-spacing:.02em}.hero-caption{position:absolute;right:25px;bottom:18px;z-index:2;font-size:.72rem;color:rgba(255,255,255,.52)}.section{padding:86px max(5vw,24px)}.section-heading{max-width:760px;margin:0 auto 42px;text-align:center}.section-heading h2,.lore-copy h2,.endgame-panel h2,.final-cta h2{font-size:clamp(2rem,4vw,3.7rem);margin:8px 0 12px;color:var(--gold2);line-height:1.04}.section-heading p{color:var(--muted)}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1280px;margin:auto}.feature-card,.treasure-grid article{background:linear-gradient(180deg,rgba(18,27,37,.95),rgba(8,13,19,.95));border:1px solid var(--line);padding:24px;min-height:230px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.feature-num{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold2)}.feature-card h3{color:var(--gold2);font-size:1.35rem}.feature-card p,.treasure-grid p{color:#c9baa4}.dark-section{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.3))}.portrait-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portrait-card{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--line);background:#090e13}.portrait-card img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center top;filter:saturate(.83) contrast(1.04)}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,6,9,.98) 0%,rgba(3,6,9,.58) 40%,transparent 75%)}.portrait-card div{position:absolute;z-index:2;bottom:0;padding:22px}.portrait-card span{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.portrait-card h3{margin:5px 0;color:#fff0d0}.portrait-card p{margin:0;color:#d1c5b3;font-size:.92rem}.class-strip{max-width:1280px;margin:18px auto 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.class-strip span{padding:8px 14px;border:1px solid var(--line);border-radius:999px}.class-strip a{margin-left:auto;color:var(--gold2)}.lore-section{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;max-width:1400px;margin:auto}.lore-copy p{color:#c8baa3;max-width:650px}.text-link{color:var(--gold2);font-weight:bold}.lore-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lore-tiles div{min-height:150px;padding:22px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.13),transparent 45%),#0b1118;display:flex;flex-direction:column;justify-content:end}.lore-tiles strong{color:var(--gold2);font-size:1.25rem}.lore-tiles span{color:var(--muted)}.treasure-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.treasure-grid article.legendary{box-shadow:0 0 36px rgba(215,170,99,.08);border-color:rgba(240,191,91,.45)}.rarity{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.rarity.common{color:#c9c9c9}.rarity.rare{color:#79aee9}.rarity.legend{color:#eac56b}.treasure-grid h3{color:var(--gold2);font-size:1.4rem}.center{text-align:center;margin-top:24px}.endgame-section{padding-top:40px}.endgame-panel{max-width:1250px;margin:auto;padding:42px;border:1px solid var(--line);background:radial-gradient(circle at 75% 30%,rgba(215,170,99,.14),transparent 35%),linear-gradient(135deg,#111a24,#090d13);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.endgame-panel p{color:var(--muted)}.rank-path{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.rank-path span{padding:8px 11px;border:1px solid var(--line);background:rgba(0,0,0,.18);font-size:.82rem}.rank-path i{color:var(--gold);font-style:normal}.final-cta{text-align:center;padding:110px 20px;background:radial-gradient(circle,#1c2c3c 0%,#080d13 58%,#05080c 100%);border-top:1px solid var(--line)}.final-cta p{text-transform:uppercase;letter-spacing:.18em;color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;padding:28px max(5vw,24px);border-top:1px solid var(--line);background:#05080c;color:var(--muted)}footer strong{display:block;color:var(--gold2)}footer span{font-size:.8rem}footer nav{display:flex;gap:18px}.content-page{max-width:1000px;margin:auto;padding:80px 24px 120px}.content-page h1{font-size:3.4rem;color:var(--gold2);margin-bottom:6px}.content-page .lead{font-size:1.15rem;color:var(--muted);max-width:780px}.placeholder-box{margin-top:38px;padding:28px;border:1px solid var(--line);background:var(--panel)} @media (min-width:1181px) and (max-width:1700px){ .site-header{ grid-template-columns:1fr auto; grid-template-areas: "brand account" "nav nav"; row-gap:8px; } .brand{ grid-area:brand; } .account-actions{ grid-area:account; justify-self:end; } .main-nav{ grid-area:nav; justify-content:center; flex-wrap:nowrap; gap:18px; } } @media(max-width:1180px){.site-header{grid-template-columns:auto auto}.main-nav{grid-column:1/-1;display:none;justify-content:flex-start}.main-nav.open{display:flex}.menu-toggle{display:block;justify-self:end}.account-actions{position:absolute;right:80px;top:13px}.four-grid,.portrait-grid{grid-template-columns:repeat(2,1fr)}} @media (min-width:761px) and (max-width:900px){ .site-header{ grid-template-columns:1fr auto; grid-template-areas: "brand toggle" "account account" "nav nav"; row-gap:10px; } .brand{ grid-area:brand; } .menu-toggle{ grid-area:toggle; } .account-actions{ position:static; grid-area:account; justify-self:center; } .main-nav{ grid-area:nav; } } @media(max-width:760px){.site-header{padding:10px 14px}.brand small{display:none}.brand{min-width:auto}.brand-logo{height:38px}.account-actions{display:none}.hero-content{margin-left:22px}.four-grid,.portrait-grid,.lore-section,.treasure-grid,.endgame-panel{grid-template-columns:1fr}.portrait-card{min-height:360px}.lore-tiles{grid-template-columns:1fr}.section{padding:60px 20px}.rank-path{align-items:flex-start;flex-direction:column}.rank-path i{transform:rotate(90deg)}footer{flex-direction:column;gap:16px;align-items:flex-start}} @media (min-width:521px) and (max-width:760px){ .site-header{ grid-template-columns:1fr auto; grid-template-areas: "brand toggle" "account account"; row-gap:10px; } .brand{ grid-area:brand; } .menu-toggle{ grid-area:toggle; } .account-actions{ display:flex; position:static; grid-area:account; justify-self:center; flex-wrap:wrap; gap:8px; } .four-grid, .portrait-grid, .treasure-grid, .lore-section, .endgame-panel{ grid-template-columns:repeat(2,1fr); } } @media (min-width:681px) and (max-width:760px){ .main-nav.open{ gap:8px; flex-wrap:nowrap; } .main-nav a{ font-size:.78rem; } } @media (min-width:601px) and (max-width:680px){ .main-nav.open{ gap:6px; flex-wrap:nowrap; } .main-nav a{ font-size:.72rem; } } .mobile-nav-links{ display:contents; } .mobile-account-actions{ display:none; } @media (max-width:600px){ .account-actions{ display:none; } .main-nav.open{ display:flex; flex-direction:column; flex-wrap:nowrap; width:100%; min-width:0; max-width:100%; gap:0; padding:0; overflow:hidden; } .mobile-nav-links{ display:flex; width:100%; min-width:0; max-width:100%; flex:0 0 auto; flex-wrap:nowrap; justify-content:flex-start; gap:0; padding:8px 4px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x; } .mobile-nav-links::-webkit-scrollbar{ display:none; } .mobile-nav-links > a{ flex:0 0 auto; white-space:nowrap; padding:7px 9px; font-size:.72rem; } .mobile-account-actions{ display:flex; width:100%; min-width:0; max-width:100%; flex:0 0 auto; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 8px 8px; border-top:1px solid rgba(215,170,99,.18); background:rgba(5,8,12,.96); } .mobile-account-actions a{ flex:0 0 auto; white-space:nowrap; padding:7px 11px; font-size:.72rem; } } @media (max-width:520px){ .feature-card{ min-height:0; padding:18px; } .feature-card h3{ margin:12px 0 7px; font-size:1.18rem; } .feature-card p{ margin-bottom:0; font-size:.88rem; line-height:1.45; } .feature-num{ width:36px; height:36px; } .portrait-card{ min-height:0; aspect-ratio:4 / 5; } .portrait-card div{ padding:18px; } .portrait-card h3{ margin:4px 0; font-size:1.15rem; } .portrait-card p{ font-size:.84rem; line-height:1.4; } .treasure-grid article{ min-height:0; padding:18px; } .treasure-grid h3{ margin:8px 0 7px; font-size:1.18rem; } .treasure-grid p{ margin-bottom:0; font-size:.88rem; line-height:1.45; } .lore-tiles{ gap:8px; } .lore-tiles div{ min-height:0; padding:15px 18px; } .lore-tiles strong{ font-size:1.08rem; } .lore-tiles span{ font-size:.84rem; line-height:1.4; } .endgame-panel{ padding:24px 18px; gap:22px; } .rank-path{ flex-direction:row; align-items:center; gap:6px; } .rank-path span{ padding:6px 9px; font-size:.76rem; } .rank-path i{ transform:none; font-size:.8rem; } } /* Règles du jeu */ .rules-page{max-width:1120px}.rules-toc{margin:34px 0 36px;display:flex;flex-wrap:wrap;gap:8px;padding:14px;border:1px solid var(--line);background:rgba(8,13,19,.75)}.rules-toc a{padding:7px 11px;border:1px solid rgba(215,170,99,.18);color:#d8c8ad;font-size:.85rem}.rules-toc a:hover{color:var(--gold2);border-color:var(--gold)}.rule-intro-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 58px}.rule-intro-panel>div{padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,#111922,#0a1017);display:flex;flex-direction:column;min-height:118px;justify-content:center}.rule-number{font-size:2rem;color:var(--gold2);line-height:1}.rule-intro-panel strong{margin-top:8px;font-size:.87rem;color:#d8c9b3}.rule-section{scroll-margin-top:var(--rules-anchor-offset,210px);padding:48px 0;border-top:1px solid rgba(215,170,99,.18)}.rule-section h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;color:var(--gold2);margin:6px 0 18px}.rule-section>p{color:#cbbda7;max-width:930px}.rule-kicker{display:block;color:var(--gold);font-size:.74rem;text-transform:uppercase;letter-spacing:.17em}.rule-card-grid{display:grid;gap:12px;margin:24px 0}.rule-card-grid.four{grid-template-columns:repeat(4,1fr)}.rule-card-grid.two{grid-template-columns:repeat(2,1fr)}.rule-card-grid article,.forge-rule-grid article{padding:20px;border:1px solid var(--line);background:linear-gradient(180deg,#101821,#0a1016)}.rule-card-grid h3,.forge-rule-grid h4{color:var(--gold2);margin:0 0 8px}.rule-card-grid p,.forge-rule-grid p{color:#c5b7a2;margin:0}.weapon-line{margin-top:14px!important;color:#e6cfaa!important;font-size:.9rem}.rule-note{padding:13px 16px;border-left:3px solid var(--gold);background:rgba(215,170,99,.07);color:#d9c7a8!important;font-style:italic}.stat-rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stat-rules-grid article{padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,#0f161e,#0b1118);display:flex;flex-direction:column;align-items:flex-start;min-height:228px;position:relative;overflow:hidden}.stat-rules-grid article:after{content:"";position:absolute;right:-28px;bottom:-28px;width:90px;height:90px;border-radius:50%;border:1px solid rgba(215,170,99,.10)}.stat-rules-grid img{width:72px;height:72px;object-fit:contain;margin:0 0 14px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.28))}.stat-rules-grid strong{display:block;color:var(--gold2);font-size:1.1rem}.stat-rules-grid span{display:block;margin-top:8px;color:#c6b8a4;font-size:.91rem;line-height:1.5}.daily-example,.destroy-values{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.daily-pill,.destroy-values span{padding:9px 14px;border:1px solid var(--line);background:#0d141c}.daily-pill.win{color:#b9dc86}.daily-pill.loss{color:#e09988}.daily-pill.pending{color:#96bde3}.rule-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}.rule-steps>div{padding:18px;border:1px solid var(--line);background:#0b1219;min-height:132px}.rule-steps b{display:block;font-size:1.55rem;color:var(--gold2)}.rule-steps span{display:block;color:#c6b8a3;margin-top:7px;font-size:.92rem}.sub-rule-title{color:#e8cf9d;font-size:1.25rem;margin-top:30px}.reward-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.reward-rules>div{padding:16px;border:1px solid var(--line);background:#0d151d;display:flex;justify-content:space-between;gap:10px}.reward-rules span{color:#c7b9a5}.reward-rules strong{color:var(--gold2)}.class-progression-table,.rank-table{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:22px 0}.class-progression-table>div,.rank-table>div{padding:12px 14px;border:1px solid rgba(215,170,99,.2);background:rgba(13,20,28,.65);display:flex;justify-content:space-between;gap:10px}.class-progression-table span,.rank-table span{color:#ae9d85}.loot-cases{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.loot-cases>div{padding:18px;border:1px solid var(--line);background:#0d141c}.loot-cases strong,.loot-cases span{display:block}.loot-cases span{color:#c2b49f;margin-top:5px}.loot-cases .good{border-left:3px solid #87ad61}.loot-cases .bad{border-left:3px solid #a95c4d}.rarity-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.rarity-rules article{padding:20px;border:1px solid var(--line);background:#0c131b}.rarity-rules strong{display:block;font-size:1.8rem;color:#f2dfbc;margin:6px 0}.rarity-rules p{color:#c4b6a1}.economy-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.economy-split article{padding:24px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.1),transparent 42%),#0c131b}.economy-split h3{color:var(--gold2);margin:5px 0}.economy-split p{color:#c5b6a1}.coin-symbol,.shard-symbol{font-size:1.4rem;color:var(--gold)}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 26px}.price-grid>div{padding:14px;border:1px solid var(--line);background:#0c141c}.price-grid span,.price-grid strong{display:block}.price-grid span{font-size:.82rem;color:#ae9f8a}.price-grid strong{color:var(--gold2);margin-top:4px}.forge-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.rank-table>div span{min-width:62px;color:var(--gold)}.rank-table strong{color:#e6d5b8}.rules-closing{margin-top:38px;text-align:center;padding:62px 28px;border:1px solid var(--line);background:radial-gradient(circle,#172537 0%,#0a1017 65%)}.rules-closing>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}.rules-closing h2{font-size:2.2rem;color:var(--gold2);margin:10px 0 24px}@media(max-width:900px){.rule-intro-panel,.rule-card-grid.four,.stat-rules-grid,.rule-steps,.rarity-rules,.price-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.rule-intro-panel,.rule-card-grid.four,.rule-card-grid.two,.stat-rules-grid,.rule-steps,.reward-rules,.loot-cases,.rarity-rules,.economy-split,.price-grid,.forge-rule-grid,.class-progression-table,.rank-table{grid-template-columns:1fr}.reward-rules>div{flex-direction:column}.class-progression-table>div,.rank-table>div{flex-direction:column}.rules-page h1{font-size:2.7rem}} @media (max-width:520px){ .rule-intro-panel{ gap:8px; margin-bottom:38px; } .rule-intro-panel>div{ min-height:0; padding:14px 16px; } .rule-number{ font-size:1.6rem; } .rule-card-grid{ gap:8px; margin:18px 0; } .rule-card-grid article, .forge-rule-grid article{ padding:16px; } .rule-card-grid h3, .forge-rule-grid h4{ margin-bottom:6px; font-size:1.1rem; } .rule-card-grid p, .forge-rule-grid p{ font-size:.88rem; line-height:1.45; } .stat-rules-grid{ width:calc(100% - 16px); margin-left:auto; margin-right:auto; gap:8px; margin-top:18px; margin-bottom:18px; } .stat-rules-grid article{ min-height:0; padding:15px; } .stat-rules-grid img{ width:54px; height:54px; margin-bottom:10px; } .stat-rules-grid strong{ font-size:1rem; } .stat-rules-grid span{ margin-top:6px; font-size:.86rem; line-height:1.42; } .rule-steps{ gap:8px; margin:20px 0; } .rule-steps>div{ min-height:0; padding:14px 16px; } .rule-steps b{ font-size:1.35rem; } .rule-steps span{ margin-top:5px; font-size:.86rem; line-height:1.4; } .rarity-rules{ gap:8px; margin:18px 0; } .rarity-rules article{ padding:16px; } .rarity-rules strong{ font-size:1.45rem; margin:4px 0; } .rarity-rules p{ font-size:.88rem; line-height:1.45; } .price-grid{ gap:7px; margin:16px 0 20px; } .price-grid>div{ padding:11px 13px; } } @media (min-width:521px) and (max-width:650px){ .rule-intro-panel, .rule-card-grid.four, .rule-card-grid.two, .stat-rules-grid, .rule-steps, .reward-rules, .loot-cases, .rarity-rules, .economy-split, .price-grid, .forge-rule-grid, .class-progression-table, .rank-table{ grid-template-columns:repeat(2,1fr); } } /* Valdérane — lore */ .valderane-page{overflow-x:clip}.lore-hero{position:relative;min-height:64vh;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(4,7,10,.95) 0%,rgba(4,7,10,.78) 36%,rgba(4,7,10,.35) 67%,rgba(4,7,10,.22) 100%),linear-gradient(0deg,rgba(6,10,15,.88) 0%,rgba(6,10,15,.12) 38%,rgba(6,10,15,.22) 100%),url("assets/backgrounds/valderane-header-map.jpg");background-size:cover;background-position:center 48%;border-bottom:1px solid var(--line);overflow:hidden}.lore-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(215,170,99,.10),transparent 34%),repeating-linear-gradient(125deg,rgba(215,170,99,.018) 0 1px,transparent 1px 42px)}.lore-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#060a0f 0%,transparent 30%)}.lore-hero-content{position:relative;z-index:2;width:min(820px,88vw);margin-left:max(7vw,28px);padding:78px 0}.lore-hero h1{font-size:clamp(4.2rem,9vw,8.2rem);text-transform:uppercase;line-height:.86;letter-spacing:.035em;margin:10px 0 16px;color:#f6e5c4;text-shadow:0 8px 32px #000}.lore-hero-quote{color:var(--gold2)!important;font-style:italic;font-size:1.25rem!important}.lore-hero-content>p{max-width:760px;color:#d5c8b3;font-size:1.05rem}.lore-nav-wrap{position:sticky;top:101px;z-index:30;background:rgba(6,10,15,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,170,99,.18)}.lore-subnav{max-width:1160px;margin:auto;display:flex;gap:4px;justify-content:center;flex-wrap:wrap;padding:10px 20px}.lore-subnav a{padding:7px 13px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14)}.lore-subnav a:last-child{border-right:0}.lore-subnav a:hover{color:var(--gold2)}.lore-opening{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:center}.lore-opening-copy h2,.lore-rheomar h2{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;color:var(--gold2);margin:8px 0 22px}.lore-opening-copy p{color:#c8baa5;font-size:1.02rem}.lore-opening-copy strong{color:#e5d1ae}.imperial-fragment{padding:34px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.15),transparent 38%),#0c1218;box-shadow:0 25px 55px rgba(0,0,0,.25)}.imperial-fragment>span{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.imperial-fragment blockquote{margin:22px 0;color:#eed9b5;font-size:1.35rem;font-style:italic;line-height:1.45}.imperial-fragment small{color:#9f927e}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1280px;margin:auto}.region-grid article{--region-accent:#d7aa63;--region-glow:rgba(215,170,99,.13);position:relative;overflow:hidden;min-height:310px;padding:28px;border:1px solid color-mix(in srgb,var(--region-accent) 42%,#26313b);background:radial-gradient(circle at 92% 12%,var(--region-glow),transparent 36%),linear-gradient(180deg,#111a23,#090f15);box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.region-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--region-accent) 7%,transparent),transparent 43%);pointer-events:none}.region-grid article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--region-accent) 72%,#39444d);box-shadow:0 18px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}.region-grid article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--region-accent),transparent);opacity:.72}.region-sigil{position:absolute;right:16px;top:13px;width:104px;height:104px;display:grid;place-items:center;z-index:2}.region-sigil:before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:var(--region-glow);filter:blur(18px);opacity:.9}.region-sigil img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.48));transition:transform .22s ease,filter .22s ease}.region-grid article:hover .region-sigil img{transform:scale(1.055);filter:drop-shadow(0 12px 22px rgba(0,0,0,.58))}.region-grid article>span{color:var(--region-accent)}.region-grid article>span,.power-list article span,.place-grid article>span{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.region-grid h3{font-size:1.7rem;color:color-mix(in srgb,var(--region-accent) 78%,#f6e5c4);margin:8px 0 12px;text-shadow:0 1px 10px rgba(0,0,0,.26)}.region-grid p{color:#c2b5a2}.region-grid strong{position:absolute;left:28px;bottom:24px;color:color-mix(in srgb,var(--region-accent) 62%,#e7d5b5);font-size:.82rem}.region-valdoren{--region-accent:#d5a53a;--region-glow:rgba(50,105,185,.24)}.region-sylvaran{--region-accent:#9fd3b1;--region-glow:rgba(34,126,89,.25)}.region-kharad{--region-accent:#c98949;--region-glow:rgba(177,92,35,.23)}.region-grakh{--region-accent:#c84e39;--region-glow:rgba(134,28,24,.26)}.region-vael{--region-accent:#aaa0e3;--region-glow:rgba(85,59,147,.27)}.region-cendre{--region-accent:#e77f32;--region-glow:rgba(198,67,21,.27)}.power-list{max-width:1120px;margin:auto;border-top:1px solid var(--line)}.power-list article{display:grid;grid-template-columns:.4fr .6fr;gap:40px;padding:26px 4px;border-bottom:1px solid rgba(215,170,99,.18);align-items:center}.power-list h3{color:var(--gold2);font-size:1.45rem;margin:4px 0}.power-list p{color:#c4b7a4;margin:0}.chronology-section{background:radial-gradient(circle at 50% 0,rgba(75,100,126,.12),transparent 34%)}.timeline{max-width:980px;margin:50px auto 0;position:relative}.timeline:before{content:"";position:absolute;left:31px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--gold),rgba(215,170,99,.12))}.timeline article{position:relative;display:grid;grid-template-columns:64px 1fr;gap:24px;padding:0 0 34px}.timeline b{z-index:1;width:63px;height:63px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#091017;color:var(--gold2);font-size:.9rem}.timeline h3{color:#ead5ae;margin:0 0 6px;font-size:1.35rem}.timeline p{color:#bcae9a;margin:0}.timeline-highlight div{padding:18px 22px;border:1px solid rgba(215,170,99,.35);background:rgba(215,170,99,.055)}.timeline-highlight h3{color:#f2d592}.place-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.place-grid article{min-height:220px;padding:22px;border:1px solid var(--line);background:#0a1118}.place-grid h3{color:var(--gold2);font-size:1.4rem;margin:7px 0 10px}.place-grid p{color:#c0b3a0;margin:0}.faction-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.faction-grid article{padding:20px 22px;border-left:2px solid rgba(215,170,99,.55);background:linear-gradient(90deg,rgba(215,170,99,.06),rgba(13,20,28,.65))}.faction-grid h3{color:#e5cd9f;margin:0 0 6px}.faction-grid p{color:#bbae9a;margin:0}.lore-rheomar{padding:100px max(7vw,28px);background:radial-gradient(circle at 80% 45%,rgba(215,170,99,.18),transparent 28%),linear-gradient(115deg,#0b1118,#151510);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lore-rheomar>div{max-width:850px}.lore-rheomar p{color:#c9bba5;font-size:1.02rem}.lore-closing{text-align:center;padding:100px 24px 115px;background:radial-gradient(circle,#172638 0%,#080d13 57%,#05080c 100%)}.lore-closing>span{text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-size:.72rem}.lore-closing h2{max-width:850px;margin:12px auto;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;color:var(--gold2)}.lore-closing p{max-width:700px;margin:0 auto 28px;color:var(--muted)}@media(max-width:1000px){.lore-nav-wrap{top:133px}.region-grid{grid-template-columns:repeat(2,1fr)}.place-grid{grid-template-columns:repeat(2,1fr)}.lore-opening{grid-template-columns:1fr}.power-list article{grid-template-columns:1fr;gap:8px}}@media(max-width:650px){.lore-nav-wrap{position:static}.lore-hero{min-height:auto}.lore-hero-content{padding:65px 0}.lore-hero h1{font-size:4rem}.region-grid,.place-grid,.faction-grid{grid-template-columns:1fr}.region-grid article{min-height:300px}.region-sigil{width:82px;height:82px;right:14px;top:14px}.lore-subnav{justify-content:flex-start}.lore-subnav a{border-right:0}.timeline article{grid-template-columns:50px 1fr;gap:16px}.timeline:before{left:24px}.timeline b{width:49px;height:49px}.lore-opening{padding-top:65px}.power-list article{padding-left:0;padding-right:0}} @media (min-width:521px) and (max-width:650px){ .region-grid, .place-grid, .faction-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .region-grid{ gap:8px; } .region-grid article{ min-height:0; padding:18px; } .region-sigil, .region-kharad .region-sigil, .region-cendre .region-sigil{ width:70px; height:70px; right:12px; top:12px; } .region-grid h3{ margin:6px 0 9px; font-size:1.4rem; } .region-grid p{ font-size:.88rem; line-height:1.45; } .region-grid strong{ position:static; display:block; margin-top:14px; font-size:.78rem; } .place-grid{ gap:8px; } .place-grid article{ min-height:0; padding:16px 18px; } .place-grid h3{ margin:5px 0 7px; font-size:1.18rem; } .place-grid p{ font-size:.88rem; line-height:1.45; } .faction-grid{ gap:8px; } .faction-grid article{ padding:15px 17px; } .faction-grid h3{ margin-bottom:5px; font-size:1.1rem; } .faction-grid p{ font-size:.88rem; line-height:1.45; } .timeline{ margin-top:34px; } .timeline article{ gap:13px; padding-bottom:22px; } .timeline b{ width:44px; height:44px; font-size:.82rem; } .timeline:before{ left:21px; } .timeline h3{ margin-bottom:4px; font-size:1.12rem; } .timeline p{ font-size:.88rem; line-height:1.45; } .timeline-highlight div{ padding:14px 16px; } .valderane-page .section-nav-wrap{ top:61px; } .lore-subnav{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .lore-subnav::-webkit-scrollbar{ display:none; } .lore-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } } .region-grid article>span{position:relative;z-index:2;display:inline-block;padding:4px 8px;border:1px solid color-mix(in srgb,var(--region-accent) 34%,transparent);background:color-mix(in srgb,var(--region-accent) 7%,rgba(6,10,15,.6));border-radius:999px}.region-grid article h3,.region-grid article p,.region-grid article strong{z-index:2}.region-grid article h3,.region-grid article p{position:relative}@media (min-width:521px) and (max-width:650px){.region-sigil{width:88px;height:88px}.region-grid article{padding-right:24px}} /* Peuples & Classes */ .peuples-page{overflow-x:clip}.pc-hero{position:relative;min-height:68vh;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,8,12,.94) 0%,rgba(5,8,12,.74) 42%,rgba(5,8,12,.30) 72%,rgba(5,8,12,.48) 100%),linear-gradient(0deg,#060a0f 0%,transparent 32%),url("assets/backgrounds/peuples-classes-header.jpg");background-size:cover;background-position:center 42%;border-bottom:1px solid var(--line);overflow:hidden}.pc-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,rgba(215,170,99,.012) 0 1px,transparent 1px 52px)}.pc-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#060a0f 0%,transparent 30%)}.pc-hero-content{position:relative;z-index:2;width:min(860px,88vw);margin-left:max(7vw,28px);padding:78px 0}.pc-hero h1{font-size:clamp(4rem,8vw,7.6rem);text-transform:uppercase;line-height:.84;letter-spacing:.025em;margin:10px 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000}.pc-hero-quote{font-size:1.25rem;color:var(--gold2);font-style:italic;max-width:760px}.pc-hero-content>p:not(.pc-hero-quote){max-width:780px;color:#d4c7b2;font-size:1.04rem}.pc-subnav{position:sticky;top:101px;z-index:30;display:flex;justify-content:center;gap:2px;flex-wrap:wrap;padding:10px 20px;background:rgba(6,10,15,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,170,99,.18)}.pc-subnav a{padding:7px 16px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14)}.pc-subnav a:last-child{border:0}.pc-subnav a:hover{color:var(--gold2)}.pc-intro{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}.pc-intro-copy h2{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.02;color:var(--gold2);margin:10px 0 20px}.pc-intro-copy p{color:#c8baa5;font-size:1.02rem}.pc-intro-copy strong{color:#ead5ae}.pc-principle{padding:32px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.14),transparent 40%),#0c1218;box-shadow:0 24px 55px rgba(0,0,0,.25)}.pc-principle>span{display:block;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.pc-principle strong{display:block;margin:15px 0 10px;color:#f0dbb6;font-size:1.45rem}.pc-principle p{color:#aa9d89;margin:0}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1280px;margin:auto}.people-card{--pc-accent:#d7aa63;position:relative;min-height:465px;overflow:hidden;border:1px solid color-mix(in srgb,var(--pc-accent) 42%,#26313b);background:#0a1016;box-shadow:0 20px 42px rgba(0,0,0,.24);transition:transform .22s ease,border-color .22s ease}.people-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pc-accent) 72%,#39444d)}.people-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.84) contrast(1.04);transition:transform .35s ease}.people-card:hover>img{transform:scale(1.025)}.people-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,10,.96) 0%,rgba(4,7,10,.79) 42%,rgba(4,7,10,.22) 77%),linear-gradient(0deg,rgba(4,7,10,.97) 0%,transparent 48%)}.people-copy{position:relative;z-index:2;width:58%;min-width:360px;min-height:465px;padding:34px;display:flex;flex-direction:column}.people-copy>span{color:var(--pc-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.people-copy h3{font-size:2.35rem;color:color-mix(in srgb,var(--pc-accent) 62%,#fff0d2);margin:7px 0 14px}.people-copy p{color:#c8bba7}.people-traits{display:flex;gap:10px;align-items:center;margin-top:22px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--pc-accent) 30%,transparent)}.people-traits b{color:var(--pc-accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.people-traits em{color:#ead8ba;font-style:normal}.people-origin{margin-top:auto;padding-top:18px;color:#9f927e;font-size:.78rem;line-height:1.45}.people-card.human{--pc-accent:#d7ae65}.people-card.elf{--pc-accent:#8fc9aa}.people-card.dwarf{--pc-accent:#c7884e}.people-card.orc{--pc-accent:#c85b46}.class-grid-detailed{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1180px;margin:auto}.class-card{--class-accent:#d7aa63;display:grid;grid-template-columns:86px 1fr;gap:24px;padding:30px;border:1px solid color-mix(in srgb,var(--class-accent) 36%,#273039);background:radial-gradient(circle at top right,color-mix(in srgb,var(--class-accent) 10%,transparent),transparent 40%),linear-gradient(180deg,#111922,#090f15);transition:transform .2s ease,border-color .2s ease}.class-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--class-accent) 70%,#39444d)}.class-emblem{width:72px;height:72px;border:1px solid var(--class-accent);display:grid;place-items:center;transform:rotate(45deg);color:var(--class-accent);background:rgba(0,0,0,.18);font-size:1.1rem}.class-emblem::first-line{transform:rotate(-45deg)}.class-card>div:last-child>span{color:var(--class-accent);text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}.class-card h3{font-size:2rem;color:color-mix(in srgb,var(--class-accent) 70%,#f7e3bf);margin:5px 0 11px}.class-card p{color:#c4b6a2}.class-card h4{margin:16px 0 4px;color:#a99880;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.class-card .weapons{margin:0;color:#e1cfb0}.class-tag{display:inline-block;margin-top:18px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--class-accent) 34%,transparent);color:var(--class-accent);font-size:.78rem}.class-card.warrior{--class-accent:#d39a54}.class-card.rogue{--class-accent:#a58bd2}.class-card.ranger{--class-accent:#82b98a}.class-card.mage{--class-accent:#72a8d6}.class-note{max-width:1180px;margin:16px auto 0;display:flex;gap:18px;align-items:center;padding:16px 20px;border-left:2px solid var(--gold);background:rgba(215,170,99,.045)}.class-note strong{color:var(--gold2);white-space:nowrap}.class-note p{color:#b9ab97;margin:0}.combo-panel{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.combo-example{padding:24px;border:1px solid var(--line);background:#0b1118;min-height:205px}.combo-example strong{display:block;color:#ead3ac;font-size:1.3rem}.combo-example span{display:block;color:var(--gold);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin:4px 0 15px}.combo-example p{color:#bcae99;margin:0}.combo-closing{max-width:900px;margin:30px auto 0;text-align:center;color:#c4b6a2}.combo-closing strong{color:var(--gold2)}.pc-creation{padding:100px max(7vw,28px) 110px;background:radial-gradient(circle at 80% 30%,rgba(215,170,99,.16),transparent 30%),linear-gradient(120deg,#0a1118,#15130e);border-top:1px solid var(--line)}.pc-creation>div{max-width:1050px;margin:auto;text-align:center}.pc-creation>div>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.pc-creation h2{font-size:clamp(2.5rem,5vw,4.4rem);color:var(--gold2);margin:8px 0 14px}.pc-creation p{max-width:800px;margin:0 auto 30px;color:#c8baa5}.creation-points{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:920px;margin:0 auto 32px}.creation-points div{padding:18px 12px;border:1px solid var(--line);background:rgba(0,0,0,.18)}.creation-points b{width:34px;height:34px;display:grid;place-items:center;margin:0 auto 8px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2)}.creation-points span{color:#d6c7ad;font-size:.88rem} @media(max-width:1050px){ .pc-subnav{ top:133px; } .pc-intro{ grid-template-columns:1fr; } .class-grid-detailed{ grid-template-columns:1fr; } .combo-panel{ grid-template-columns:repeat(2,1fr); } .people-card{ min-height:0; display:flex; flex-direction:column; } .people-card>img{ position:static; width:100%; height:320px; object-fit:cover; object-position:center top; } .people-overlay{ display:none; } .people-copy{ position:static; width:100%; min-width:0; min-height:0; padding:20px 22px 24px; display:flex; flex-direction:column; } .people-origin{ margin-top:16px; padding-top:0; } } @media(max-width:700px){.pc-subnav{position:static;justify-content:flex-start}.pc-subnav a{border:0}.pc-hero{min-height:auto}.pc-hero-content{padding:64px 0}.pc-hero h1{font-size:3.8rem}.class-card{grid-template-columns:1fr}.class-emblem{width:58px;height:58px}.combo-panel,.creation-points{grid-template-columns:1fr}.class-note{align-items:flex-start;flex-direction:column;gap:4px}} @media (min-width:521px) and (max-width:700px){ .combo-panel, .creation-points{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .people-grid{ gap:10px; } .people-card>img{ height:250px; } .people-copy{ padding:16px 18px 20px; } .people-copy h3{ margin:5px 0 9px; font-size:1.65rem; } .people-copy p{ font-size:.88rem; line-height:1.45; } .people-traits{ margin-top:14px; padding-top:11px; } .people-origin{ margin-top:12px; font-size:.74rem; } .class-grid-detailed{ gap:10px; } .class-card{ gap:16px; padding:18px; } .class-card h3{ margin:4px 0 8px; font-size:1.55rem; } .class-card p{ font-size:.88rem; line-height:1.45; } .class-card h4{ margin-top:12px; font-size:.66rem; } .class-card .weapons{ font-size:.84rem; } .class-tag{ margin-top:12px; padding:5px 8px; font-size:.72rem; } .combo-panel{ gap:8px; } .combo-example{ min-height:0; padding:16px 18px; } .combo-example strong{ font-size:1.15rem; } .combo-example span{ margin:3px 0 10px; font-size:.66rem; } .combo-example p{ font-size:.88rem; line-height:1.45; } .creation-points{ gap:8px; } .creation-points div{ padding:14px 10px; } .creation-points b{ width:30px; height:30px; margin-bottom:6px; } .creation-points span{ font-size:.82rem; } .pc-creation{ padding-top:72px; padding-bottom:78px; } .peuples-page .section-nav-wrap{ top:61px; } .pc-subnav{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .pc-subnav::-webkit-scrollbar{ display:none; } .pc-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } } /* Chroniques */ .chroniques-page{overflow-x:clip}.chron-hero{position:relative;min-height:68vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(4,7,10,.92),rgba(4,7,10,.70) 40%,rgba(4,7,10,.55) 68%,rgba(4,7,10,.82)),linear-gradient(0deg,rgba(6,10,15,.92) 0%,rgba(6,10,15,.20) 40%,rgba(6,10,15,.58) 100%),url("assets/backgrounds/chroniques-header.jpg");background-size:cover;background-position:center}.chron-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(215,170,99,.015) 0 1px,transparent 1px 56px)}.chron-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#060a0f 0%,transparent 32%)}.chron-hero-content{position:relative;z-index:2;width:min(870px,88vw);margin-left:max(7vw,28px);padding:78px 0}.chron-hero h1{font-size:clamp(4.1rem,9vw,8rem);text-transform:uppercase;line-height:.84;letter-spacing:.025em;margin:10px 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000}.chron-hero-quote{font-size:1.26rem!important;color:var(--gold2)!important;font-style:italic}.chron-hero-content>p{max-width:790px;color:#d3c6b2;font-size:1.03rem}.chron-subnav{position:sticky;top:101px;z-index:30;display:flex;justify-content:center;gap:2px;flex-wrap:wrap;padding:10px 20px;background:rgba(6,10,15,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,170,99,.18)}.chron-subnav a{padding:7px 16px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14)}.chron-subnav a:last-child{border:0}.chron-subnav a:hover{color:var(--gold2)}.chron-intro{max-width:1260px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:54px;align-items:center}.chron-intro-copy h2{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.02;color:var(--gold2);margin:10px 0 20px}.chron-intro-copy p{color:#c8baa5;font-size:1.02rem}.chron-intro-copy strong{color:#ead5ae}.chron-note{padding:32px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.14),transparent 42%),#0c1218}.chron-note>span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.chron-note strong{display:block;color:#efd9b3;font-size:1.45rem;margin:14px 0 8px}.chron-note p{color:#a99b87;margin:0}.chron-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1240px;margin:auto}.chron-feature{display:grid;grid-template-columns:72px 1fr;gap:22px;min-height:255px;padding:28px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.08),transparent 38%),linear-gradient(180deg,#111922,#090f15)}.chron-feature.primary{border-color:rgba(215,170,99,.5);box-shadow:0 0 36px rgba(215,170,99,.055)}.chron-index{width:56px;height:56px;border:1px solid rgba(215,170,99,.48);display:grid;place-items:center;color:var(--gold2);font-size:1.1rem;transform:rotate(45deg);margin-top:8px}.chron-feature>div:last-child>span{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}.chron-feature h3{color:#ead4ad;font-size:1.5rem;line-height:1.15;margin:7px 0 11px}.chron-feature p{color:#bfb19d}.chron-feature small{color:#918675}.figure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:auto}.figure-grid article{min-height:235px;border:1px solid var(--line);background:#0a1118;position:relative;overflow:hidden}.figure-grid article:after{content:"";position:absolute;right:-30px;bottom:-55px;width:130px;height:130px;border:1px solid rgba(215,170,99,.1);border-radius:50%}.historical-figure{display:flex;flex-direction:column}.historical-figure img{display:block;width:100%;height:320px;object-fit:cover;object-position:center top;border-bottom:1px solid rgba(215,170,99,.18)}.figure-copy{padding:20px 22px 24px}.figure-grid span{color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}.figure-grid h3{font-size:1.55rem;color:var(--gold2);margin:8px 0 10px}.figure-grid p{color:#bfb19d;margin:0}.historical-figure:hover{transform:translateY(-4px);border-color:rgba(215,170,99,.45);box-shadow:0 18px 32px rgba(0,0,0,.32)}.fragment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1120px;margin:auto}.fragment-grid blockquote{margin:0;min-height:210px;padding:30px;border-left:2px solid var(--gold);background:linear-gradient(90deg,rgba(215,170,99,.065),rgba(10,16,22,.92))}.fragment-grid span{color:#9e907c;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.fragment-grid p{color:#e5d3b4;font-size:1.22rem;font-style:italic;line-height:1.5;margin:18px 0 0}.chron-arena{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.chron-arena-copy h2{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.02;color:var(--gold2);margin:9px 0 18px}.chron-arena-copy p{color:#c3b5a1}.arena-ledger{padding:32px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.11),transparent 40%),#0b1118;box-shadow:0 22px 48px rgba(0,0,0,.28)}.arena-ledger>span{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.69rem}.arena-ledger h3{color:#ead4ad;font-size:1.6rem;margin:10px 0 20px}.ledger-line{display:grid;grid-template-columns:34px 1fr;gap:10px;color:#c2b5a2;border-top:1px solid rgba(215,170,99,.12);padding:10px 0;margin:0}.ledger-line b{color:#8d7c63}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1180px;margin:auto}.archive-grid a{min-height:180px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,#111922,#090f15);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s ease,border-color .2s ease}.archive-grid a:hover{transform:translateY(-4px);border-color:rgba(215,170,99,.6)}.archive-grid strong{color:var(--gold2);font-size:1.3rem}.archive-grid span{color:#a99b88;margin-top:5px}.chron-closing{text-align:center;padding:105px 24px 118px;background:radial-gradient(circle,#18283a 0%,#080d13 58%,#05080c 100%);border-top:1px solid var(--line)}.chron-closing>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.chron-closing h2{max-width:900px;margin:12px auto;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;color:var(--gold2)}.chron-closing p{max-width:720px;margin:0 auto 28px;color:var(--muted)}@media(max-width:1050px){.chron-subnav{top:133px}.chron-intro,.chron-arena{grid-template-columns:1fr}.figure-grid{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.chron-subnav{position:static;justify-content:flex-start}.chron-subnav a{border:0}.chron-hero{min-height:auto}.chron-hero-content{padding:64px 0}.chron-hero h1{font-size:4rem}.chron-feature-grid,.fragment-grid,.archive-grid{grid-template-columns:1fr}.chron-feature{grid-template-columns:52px 1fr;padding:22px;gap:16px}.chron-index{width:44px;height:44px}.fragment-grid blockquote{min-height:auto}.chron-arena{gap:26px}} @media (min-width:521px) and (max-width:700px){ .chron-feature-grid, .fragment-grid, .archive-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .figure-grid{ grid-template-columns:1fr; gap:10px; } .chron-feature-grid{ gap:8px; } .chron-feature{ min-height:0; padding:18px; gap:14px; grid-template-columns:44px 1fr; } .chron-index{ width:38px; height:38px; margin-top:4px; font-size:.9rem; } .chron-feature h3{ margin:5px 0 8px; font-size:1.25rem; } .chron-feature p{ font-size:.88rem; line-height:1.45; } .chron-feature small{ font-size:.76rem; } .historical-figure img{ height:auto; aspect-ratio:4 / 5; } .figure-copy{ padding:16px 18px 20px; } .figure-grid h3{ margin:6px 0 8px; font-size:1.3rem; } .figure-grid p{ font-size:.88rem; line-height:1.45; } .fragment-grid{ gap:8px; } .fragment-grid blockquote{ padding:18px; } .fragment-grid span{ font-size:.64rem; } .fragment-grid p{ margin-top:12px; font-size:1rem; line-height:1.45; } .chron-arena{ gap:22px; } .arena-ledger{ padding:20px 18px; } .arena-ledger h3{ margin:8px 0 14px; font-size:1.3rem; } .ledger-line{ padding:8px 0; gap:8px; font-size:.86rem; line-height:1.4; } .chron-arena-copy p{ font-size:.9rem; line-height:1.5; } .archive-grid{ gap:8px; } .archive-grid a{ min-height:0; padding:16px 18px; } .archive-grid strong{ font-size:1.12rem; } .archive-grid span{ margin-top:3px; font-size:.82rem; line-height:1.4; } .chroniques-page .section-nav-wrap{ top:61px; } .chron-subnav{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .chron-subnav::-webkit-scrollbar{ display:none; } .chron-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } } /* Ajustements ciblés des blasons de régions */ .region-kharad,.region-cendre{padding-right:138px;min-height:328px} .region-kharad .region-sigil,.region-cendre .region-sigil{right:10px;top:10px;width:92px;height:92px} .region-kharad h3,.region-cendre h3{max-width:calc(100% - 92px)} @media (min-width:521px) and (max-width:700px){.region-kharad,.region-cendre{padding-right:28px;min-height:310px}.region-kharad .region-sigil,.region-cendre .region-sigil{right:14px;top:12px;width:82px;height:82px}.region-kharad h3,.region-cendre h3{max-width:100%}} @media (min-width:521px) and (max-width:900px){.stat-rules-grid article{min-height:210px}.stat-rules-grid img{width:64px;height:64px}} /* Page L'Arène */ .larene-page{overflow-x:clip}.arena-public-hero{position:relative;min-height:72vh;display:flex;align-items:center;background:url("assets/larene/arene-1.jpg") center 45%/cover no-repeat;border-bottom:1px solid var(--line)}.arena-public-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.93) 0%,rgba(5,8,12,.75) 42%,rgba(5,8,12,.28) 72%,rgba(5,8,12,.5) 100%),linear-gradient(0deg,#060a0f 0%,transparent 32%)}.arena-public-copy{position:relative;z-index:2;width:min(820px,88vw);margin-left:max(7vw,28px);padding:84px 0}.arena-public-hero h1{font-size:clamp(4.4rem,9vw,8.5rem);text-transform:uppercase;line-height:.85;letter-spacing:.025em;margin:10px 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000}.arena-public-copy>p{max-width:760px;color:#d7c9b4;font-size:1.04rem}.arena-public-quote{color:var(--gold2)!important;font-size:1.26rem!important;font-style:italic}.arena-public-subnav{position:static;display:flex;justify-content:center;flex-wrap:wrap;padding:10px 20px;background:rgba(6,10,15,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,170,99,.18)}.arena-public-subnav a{padding:7px 15px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14)}.arena-public-subnav a:last-child{border:0}.arena-public-subnav a:hover{color:var(--gold2)}.arena-institution{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}.arena-institution h2,.arena-duel h2,.arena-progression h2{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.02;color:var(--gold2);margin:9px 0 20px}.arena-institution p,.arena-duel-copy p,.arena-progression p{color:#c6b8a4;font-size:1.01rem}.arena-oath{padding:32px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.15),transparent 42%),#0b1118}.arena-oath>span{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.69rem}.arena-oath blockquote{margin:18px 0;color:#efd9b3;font-size:1.4rem;line-height:1.45;font-style:italic}.arena-oath small{color:#918675}.arena-day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1240px;margin:auto}.arena-day-grid article{min-height:250px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,#111922,#090f15);position:relative}.arena-day-grid b{font-size:2rem;color:rgba(215,170,99,.34)}.arena-day-grid h3{color:var(--gold2);font-size:1.45rem;margin:12px 0 8px}.arena-day-grid p{color:#bfb19d;margin:0}.arena-day-note{max-width:1240px;margin:18px auto 0;padding:16px 20px;border-left:3px solid var(--gold);background:rgba(215,170,99,.06);display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}.arena-day-note strong{color:#ead5ae}.arena-day-note span{color:#a99b88}.arena-duel{max-width:1240px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.arena-duel-image{border:1px solid var(--line);overflow:hidden;box-shadow:0 26px 55px rgba(0,0,0,.35)}.arena-duel-image img{display:block;width:100%;height:500px;object-fit:cover}.chronicle-showcase{max-width:1180px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.chronicle-ledger{padding:28px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.09),transparent 40%),#0b1118}.chronicle-ledger>span{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.chronicle-ledger p{color:#c5b7a2;border-top:1px solid rgba(215,170,99,.13);padding:12px 0;margin:0}.chronicle-ledger p:first-of-type{margin-top:18px}.chronicle-ledger b{display:inline-block;width:62px;color:#8f7d64}.chronicle-explain h3{color:#e5cd9f;margin:0 0 6px}.chronicle-explain p{color:#bcae9a;margin:0 0 24px}.arena-progression{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.arena-ranks{display:grid;gap:9px}.arena-ranks div{padding:15px 18px;border:1px solid rgba(215,170,99,.19);background:#0c131b;display:flex;justify-content:space-between;gap:16px}.arena-ranks strong{color:#e6cfaa}.arena-ranks span{color:#a99b88}.arena-ranks .legend-rank{border-color:rgba(215,170,99,.55);background:radial-gradient(circle at right,rgba(215,170,99,.12),transparent 40%),#0d141b}.after-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1240px;margin:auto}.after-grid article{padding:24px;min-height:210px;border:1px solid var(--line);background:#0b1219;display:flex;flex-direction:column}.after-grid h3{color:var(--gold2);margin:0 0 9px}.after-grid p{color:#bfb19d;flex:1}.after-grid a{color:#d7aa63}.arena-public-closing{text-align:center;padding:110px 24px 122px;background:radial-gradient(circle,#202b34 0%,#0a0e12 58%,#05080c 100%);border-top:1px solid var(--line)}.arena-public-closing>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.arena-public-closing h2{max-width:920px;margin:12px auto;font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.04;color:var(--gold2)}.arena-public-closing p{max-width:720px;margin:0 auto 28px;color:var(--muted)}@media(max-width:1050px){.arena-institution,.arena-duel,.arena-progression,.chronicle-showcase{grid-template-columns:1fr}.arena-day-grid,.after-grid{grid-template-columns:repeat(2,1fr)}.arena-duel-image img{height:430px}}@media(max-width:700px){.arena-public-subnav{position:static;justify-content:flex-start}.arena-public-subnav a{border:0}.arena-public-hero{min-height:auto;background-position:62% center}.arena-public-copy{padding:68px 0}.arena-public-hero h1{font-size:4rem}.arena-day-grid,.after-grid{grid-template-columns:1fr}.arena-day-grid article{min-height:auto}.arena-duel-image img{height:330px}.arena-day-note{display:block}.arena-day-note span{display:block;margin-top:6px}} @media (min-width:521px) and (max-width:700px){ .arena-day-grid, .after-grid{ grid-template-columns:repeat(2,1fr); } } @media (min-width:601px) and (max-width:700px){ .arena-public-subnav{ flex-wrap:nowrap; padding-left:8px; padding-right:8px; } .arena-public-subnav a{ padding-left:7px; padding-right:7px; font-size:.72rem; white-space:nowrap; } } @media (max-width:520px){ .arena-day-grid{ gap:8px; } .arena-day-grid article{ min-height:0; padding:18px; } .arena-day-grid b{ font-size:1.6rem; } .arena-day-grid h3{ margin:8px 0 6px; font-size:1.2rem; } .arena-day-grid p{ font-size:.88rem; line-height:1.45; } .after-grid{ gap:8px; } .after-grid article{ min-height:0; padding:18px; } .after-grid h3{ margin:0 0 6px; font-size:1.18rem; } .after-grid p{ font-size:.88rem; line-height:1.45; } .arena-duel{ gap:24px; } .arena-duel-image img{ height:250px; } .arena-duel-copy p{ font-size:.9rem; line-height:1.5; } .chronicle-showcase{ gap:22px; } .chronicle-ledger{ padding:20px 18px; } .chronicle-ledger p{ padding:9px 0; font-size:.86rem; line-height:1.4; } .chronicle-explain p{ margin-bottom:18px; font-size:.9rem; line-height:1.5; } .arena-progression{ gap:24px; } .arena-ranks{ gap:7px; } .arena-ranks div{ padding:11px 13px; gap:10px; } .arena-ranks strong, .arena-ranks span{ font-size:.84rem; } .arena-progression p{ font-size:.9rem; line-height:1.5; } .larene-page .section-nav-wrap{ top:61px; } .arena-public-subnav{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .arena-public-subnav::-webkit-scrollbar{ display:none; } .arena-public-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } } /* V13 — Page Butin & Légendaires */ .full-page{padding:0}.subhero{position:relative;min-height:58vh;display:flex;align-items:end;background-size:cover;background-position:center;border-bottom:1px solid var(--line)} .subhero-inner{position:relative;z-index:2;max-width:840px;padding:120px max(6vw,28px) 72px} .subhero h1{font-size:clamp(4rem,8vw,7.6rem);text-transform:uppercase;line-height:.84;letter-spacing:.025em;margin:10px 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000} .subhero .lead{max-width:790px;color:#d5c8b3;font-family:Georgia,"Times New Roman",serif;font-size:1.04rem;line-height:1.55;margin:0 0 18px} .page-section{padding:82px max(5vw,24px)} .page-section.narrow{padding-left:max(7vw,34px);padding-right:max(7vw,34px)} .section-heading.left{max-width:860px;margin:0 auto 38px;text-align:left} .alt-section{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.16))} .treasure-hero .hero-overlay{background:linear-gradient(90deg,rgba(4,7,11,.95),rgba(4,7,11,.78) 45%,rgba(4,7,11,.44) 74%,rgba(4,7,11,.72)),linear-gradient(0deg,#060a0f 0%,transparent 38%)} .loot-flow,.slot-grid,.economy-grid,.collection-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .loot-flow article,.economy-grid article,.collection-grid article{background:linear-gradient(180deg,rgba(18,27,37,.95),rgba(8,13,19,.95));border:1px solid var(--line);padding:22px;min-height:220px;box-shadow:0 18px 40px rgba(0,0,0,.18)} .loot-flow strong{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);margin-bottom:14px} .loot-flow h3,.rarity-card h3,.slot-grid h3,.economy-grid h3,.forge-panels h3,.legendary-showcase h3,.collection-grid h3{margin:0 0 10px;color:var(--gold2);font-size:1.35rem} .loot-flow p,.rarity-card p,.slot-grid p,.economy-grid p,.forge-panels p,.legendary-showcase p,.collection-grid p{margin:0;color:#c9baa4} .rarity-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .rarity-card{background:linear-gradient(180deg,rgba(17,25,34,.95),rgba(8,13,19,.98));border:1px solid var(--line);padding:26px;min-height:420px;position:relative;overflow:hidden} .rarity-card img{width:84px;height:84px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))} .rarity-card span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;margin-bottom:6px} .rarity-card ul,.economy-grid ul{margin:16px 0 0;padding-left:18px;color:#d6c7b0} .rarity-card.common{border-color:rgba(192,199,210,.36)}.rarity-card.common span{color:#d9dee6} .rarity-card.rare{border-color:rgba(92,161,216,.42)}.rarity-card.rare span{color:#8fd0ff} .rarity-card.legendary{border-color:rgba(215,170,99,.45)}.rarity-card.legendary span{color:#f1d39b} .slot-grid{grid-template-columns:repeat(3,1fr)} .slot-grid article{background:#0b1219;border:1px solid var(--line);padding:20px;min-height:190px} .slot-grid img{width:64px;height:64px;object-fit:contain;margin-bottom:12px} .forge-panels{max-width:1220px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px} .forge-panels article{background:#0b1219;border:1px solid var(--line);padding:24px} .forge-panels span,.legendary-showcase span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem} .legendary-showcase{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .legendary-showcase article{background:radial-gradient(circle at top right,rgba(215,170,99,.10),transparent 38%),linear-gradient(180deg,#161108,#090d12);border:1px solid rgba(215,170,99,.34);padding:24px;min-height:270px;box-shadow:0 18px 36px rgba(0,0,0,.22)} .legendary-showcase article img{display:block;width:100%;height:240px;object-fit:cover;object-position:center;border-bottom:1px solid rgba(215,170,99,.18)}.collection-grid{grid-template-columns:repeat(3,1fr)} .treasure-cta{padding-top:74px} @media(max-width:1100px){.loot-flow,.economy-grid{grid-template-columns:repeat(2,1fr)}.slot-grid,.legendary-showcase,.collection-grid{grid-template-columns:repeat(2,1fr)}.rarity-grid{grid-template-columns:1fr}.forge-panels{grid-template-columns:1fr 1fr}} @media(max-width:720px){.subhero-inner{padding:105px 24px 54px}.loot-flow,.slot-grid,.economy-grid,.collection-grid,.forge-panels{grid-template-columns:1fr}.page-section{padding:64px 20px}.rarity-card{min-height:auto}} @media (min-width:521px) and (max-width:720px){ .loot-flow, .slot-grid, .economy-grid, .collection-grid, .forge-panels{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .legendary-showcase{ grid-template-columns:1fr; gap:10px; } .loot-flow{ gap:8px; } .loot-flow article{ min-height:0; padding:16px 18px; } .loot-flow strong{ width:36px; height:36px; margin-bottom:10px; } .loot-flow h3{ margin:0 0 7px; font-size:1.18rem; } .loot-flow p{ font-size:.88rem; line-height:1.45; } .rarity-grid{ gap:10px; } .rarity-card{ padding:18px; } .rarity-card img{ width:64px; height:64px; margin-bottom:12px; } .rarity-card h3{ margin:0 0 7px; font-size:1.2rem; } .rarity-card p{ font-size:.88rem; line-height:1.45; } .rarity-card ul{ margin-top:12px; font-size:.86rem; line-height:1.45; } .slot-grid{ gap:8px; } .slot-grid article{ min-height:0; padding:16px 18px; } .slot-grid img{ width:52px; height:52px; margin-bottom:9px; } .slot-grid h3{ margin:0 0 7px; font-size:1.16rem; } .slot-grid p{ font-size:.88rem; line-height:1.45; } .economy-grid{ gap:8px; } .economy-grid article{ min-height:0; padding:16px 18px; } .economy-grid h3{ margin:0 0 7px; font-size:1.16rem; } .economy-grid p{ font-size:.88rem; line-height:1.45; } .economy-grid ul{ margin-top:10px; font-size:.86rem; line-height:1.45; } .forge-panels{ gap:8px; } .forge-panels article{ padding:16px 18px; } .forge-panels h3{ margin:0 0 7px; font-size:1.16rem; } .forge-panels p{ font-size:.88rem; line-height:1.45; } .refined-showcase .legendary-item{ min-height:0; } .refined-showcase .legendary-item>img{ height:220px; } .refined-showcase .legendary-copy{ padding:16px 18px 20px; } .legendary-showcase h3{ margin:0 0 7px; font-size:1.18rem; } .legendary-showcase p{ font-size:.88rem; line-height:1.45; } .collection-grid{ gap:8px; } .collection-grid article{ min-height:0; padding:16px 18px; } .collection-grid h3{ margin:0 0 7px; font-size:1.16rem; } .collection-grid p{ font-size:.88rem; line-height:1.45; } } /* V14 — Illustrations des Pièces illustres */ .legendary-showcase article{padding:0;overflow:hidden;display:flex;flex-direction:column}.legendary-showcase article>img{width:100%;height:250px;display:block;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.03)}.legendary-copy{padding:22px 24px 26px;flex:1}.legendary-showcase article:hover{transform:translateY(-4px);border-color:rgba(215,170,99,.58);box-shadow:0 20px 42px rgba(0,0,0,.34)}.treasure-hero{background-position:center 52%}.treasure-hero .subhero-inner{max-width:760px}.treasure-hero .hero-overlay{background:linear-gradient(90deg,rgba(4,7,11,.98) 0%,rgba(4,7,11,.86) 39%,rgba(4,7,11,.30) 67%,rgba(4,7,11,.20) 100%),linear-gradient(0deg,#060a0f 0%,transparent 38%)} @media(max-width:720px){.legendary-showcase article>img{height:220px}.treasure-hero{background-position:58% center}} /* V18 — finalisation des Pièces illustres */ .refined-showcase{gap:20px} .refined-showcase .legendary-item{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:480px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .refined-showcase .legendary-item:hover{transform:translateY(-5px);border-color:rgba(215,170,99,.6);box-shadow:0 24px 42px rgba(0,0,0,.34)} .refined-showcase .legendary-item>img{display:block;width:100%;height:285px;object-fit:cover;object-position:center;border:0;border-bottom:1px solid rgba(215,170,99,.22)} .refined-showcase .legendary-copy{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1} .refined-showcase .legendary-copy span{margin-bottom:6px} .refined-showcase .legendary-copy h3{margin:0 0 10px} .refined-showcase .legendary-copy p{margin:0} @media(max-width:1100px){.refined-showcase .legendary-item>img{height:260px}} @media(max-width:720px){.refined-showcase .legendary-item{min-height:auto}.refined-showcase .legendary-item>img{height:250px}} /* V20 — Sous-navigation de la page Butin & Légendaires */ .treasure-subnav{position:sticky;top:101px;z-index:30;display:flex;justify-content:center;gap:2px;flex-wrap:wrap;padding:10px 20px;background:rgba(6,10,15,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,170,99,.18)} .treasure-subnav a{padding:7px 16px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14);transition:color .18s ease} .treasure-subnav a:last-child{border-right:0} .treasure-subnav a:hover{color:var(--gold2)} #butin-quotidien,#raretes,#equipement,#economie,#pieces-illustres,#collection{scroll-margin-top:155px} @media(max-width:1050px){.treasure-subnav{top:133px}} @media(max-width:700px){.treasure-subnav{position:static;justify-content:flex-start}.treasure-subnav a{border-right:0;padding-left:10px;padding-right:10px}} /* V21 — Uniformisation des hauteurs d’en-tête sur la référence Butin & Légendaires */ @media (min-width:701px){ .subhero, .arena-public-hero, .lore-hero, .pc-hero, .chron-hero{ min-height:58vh; height:58vh; } } /* V22 — Page Règles alignée sur la logique éditoriale des autres grandes pages */ .rules-public-page{overflow:visible} .rules-hero{position:relative;min-height:58vh;height:58vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(4,7,11,.96) 0%,rgba(4,7,11,.84) 38%,rgba(4,7,11,.58) 62%,rgba(4,7,11,.76) 100%),linear-gradient(0deg,rgba(6,10,15,.88) 0%,rgba(6,10,15,.18) 38%,rgba(6,10,15,.40) 100%),url("assets/backgrounds/regles-header.jpg");background-size:cover;background-position:center} .rules-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 74% 32%,rgba(215,170,99,.12),transparent 30%),repeating-linear-gradient(110deg,rgba(215,170,99,.02) 0 1px,transparent 1px 56px)} .rules-hero-content{position:relative;z-index:2;width:min(870px,88vw);margin-left:max(7vw,28px);padding:88px 0 66px} .rules-hero .eyebrow{display:block;margin-bottom:16px} .rules-hero h1{font-size:clamp(3.7rem,7.2vw,6.4rem);text-transform:uppercase;line-height:.92;letter-spacing:.025em;margin:0 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000} .rules-hero-quote{font-size:1.24rem!important;color:var(--gold2)!important;font-style:italic;max-width:760px} .rules-hero-content>p:not(.rules-hero-quote){max-width:790px;color:#d5c8b3;font-size:1.04rem} .rules-nav-wrap{position:-webkit-sticky;position:sticky;top:var(--rules-sticky-top,101px);z-index:40;background:rgba(6,10,15,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(215,170,99,.18);box-shadow:0 8px 20px rgba(0,0,0,.16)}.rules-subnav{display:flex;justify-content:center;gap:2px;flex-wrap:wrap;padding:10px 20px;max-width:1200px;margin:0 auto} .rules-subnav a{padding:7px 14px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14);transition:color .18s ease} .rules-subnav a:last-child{border-right:0}.rules-subnav a:hover{color:var(--gold2)} .rules-public-page .rules-page{padding-top:48px} @media(max-width:700px){ .rules-hero{ height:auto; min-height:auto; background-position:66% center } .rules-hero-content{ padding:74px 0 54px } .rules-hero h1{ font-size:3.55rem; line-height:.96 } .rules-nav-wrap{ position:-webkit-sticky; position:sticky; top:108px; } .rules-subnav{ justify-content:flex-start } .rules-subnav a{ border-right:0; padding-left:10px; padding-right:10px } .rules-public-page .rules-page{ padding-top:34px } } @media (min-width:521px) and (max-width:760px){ .rules-subnav{ flex-wrap:nowrap; gap:0; padding-left:8px; padding-right:8px; } .rules-subnav a{ padding-left:7px; padding-right:7px; font-size:.72rem; } } @media (max-width:520px){ .rules-nav-wrap{ top:61px; } .rules-subnav{ justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .rules-subnav::-webkit-scrollbar{ display:none; } .rules-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; } } .treasure-hero .eyebrow{display:block;margin-bottom:0}.treasure-hero .subhero-inner{padding-top:78px;padding-bottom:66px} @media(max-width:700px){.treasure-hero h1{font-size:4rem}.treasure-hero .subhero-inner{padding-top:66px;padding-bottom:54px}} /* V23 corrigée 3 — harmonisation finale du hero Butin & Légendaires */ .treasure-hero .subhero-inner{max-width:900px;width:min(900px,88vw)} .treasure-hero h1{max-width:none} .treasure-hero h1>span{display:block;white-space:nowrap} .treasure-hero .lead{max-width:860px;width:100%;font-size:1.04rem;line-height:1.55;margin-top:0} @media(max-width:700px){.treasure-hero .subhero-inner{width:min(92vw,900px);max-width:900px}.treasure-hero h1>span{white-space:normal}.treasure-hero .lead{max-width:100%}} /* V23 corrigée 4 — alignement vertical du hero Butin & Légendaires */ .treasure-hero{align-items:center} .treasure-hero .subhero-inner{padding-top:54px;padding-bottom:54px;transform:translateY(-18px)} @media(max-width:700px){.treasure-hero .subhero-inner{padding-top:54px;padding-bottom:46px;transform:none}} /* Navigation interne harmonisée — comportement sticky identique à la page Règles. */ .section-nav-wrap{ position:-webkit-sticky; position:sticky; top:var(--section-nav-sticky-top,0px); z-index:40; margin:0; background:rgba(6,10,15,.96); backdrop-filter:blur(10px); border-bottom:1px solid rgba(215,170,99,.18); box-shadow:0 8px 20px rgba(0,0,0,.16); } .section-nav-wrap .lore-subnav, .section-nav-wrap .pc-subnav, .section-nav-wrap .chron-subnav, .section-nav-wrap .treasure-subnav, .section-nav-wrap .arena-public-subnav{ position:static; max-width:1200px; margin:0 auto; background:transparent; border-bottom:0; box-shadow:none; } .valderane-page .section[id], .peuples-page section[id], .chroniques-page section[id], .treasure-nav-wrap ~ main section[id], .larene-page section[id]{ scroll-margin-top:var(--section-anchor-offset,180px); } @media(max-width:700px){ .section-nav-wrap{ position:-webkit-sticky; position:sticky; top:var(--section-nav-sticky-top,0px); } .section-nav-wrap .lore-subnav, .section-nav-wrap .pc-subnav, .section-nav-wrap .chron-subnav, .section-nav-wrap .treasure-subnav, .section-nav-wrap .arena-public-subnav{ justify-content:flex-start; } } @media (max-width:600px){ .lore-subnav, .pc-subnav, .chron-subnav, .arena-public-subnav, .treasure-subnav, .rules-subnav, .faq-subnav, .pantheon-subnav{ display:flex; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .lore-subnav::-webkit-scrollbar, .pc-subnav::-webkit-scrollbar, .chron-subnav::-webkit-scrollbar, .arena-public-subnav::-webkit-scrollbar, .treasure-subnav::-webkit-scrollbar, .rules-subnav::-webkit-scrollbar, .faq-subnav::-webkit-scrollbar, .pantheon-subnav::-webkit-scrollbar{ display:none; } .lore-subnav a, .pc-subnav a, .chron-subnav a, .arena-public-subnav a, .treasure-subnav a, .rules-subnav a, .faq-subnav a, .pantheon-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } } @media (max-width:520px){ .pantheon-page .section-nav-wrap{ position:-webkit-sticky; position:sticky; top:61px; z-index:40; } .section-nav-wrap .pantheon-subnav{ display:flex; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .section-nav-wrap .pantheon-subnav::-webkit-scrollbar{ display:none; } .section-nav-wrap .pantheon-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } .treasure-nav-wrap.section-nav-wrap{ position:-webkit-sticky; position:sticky; top:61px; z-index:40; } .section-nav-wrap .treasure-subnav{ display:flex; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .section-nav-wrap .treasure-subnav::-webkit-scrollbar{ display:none; } .section-nav-wrap .treasure-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } .faq-public-page .section-nav-wrap{ position:-webkit-sticky; position:sticky; top:61px; z-index:40; } .section-nav-wrap .faq-subnav{ display:flex; justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; gap:0; padding:8px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .section-nav-wrap .faq-subnav::-webkit-scrollbar{ display:none; } .section-nav-wrap .faq-subnav a{ flex:0 0 auto; white-space:nowrap; padding:6px 8px; font-size:.72rem; border-right:0; } } /* FAQ */ .faq-public-page{overflow-x:clip}.faq-hero{position:relative;height:58vh;min-height:58vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(4,7,11,.95) 0%,rgba(4,7,11,.78) 43%,rgba(4,7,11,.36) 72%,rgba(4,7,11,.58) 100%),linear-gradient(0deg,#060a0f 0%,transparent 35%),url("assets/backgrounds/faq-header.jpg");background-size:cover;background-position:center 55%}.faq-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 76% 30%,rgba(215,170,99,.11),transparent 30%)}.faq-hero-content{position:relative;z-index:2;width:min(850px,88vw);margin-left:max(7vw,28px);padding:74px 0}.faq-hero h1{font-size:clamp(4rem,8vw,7.2rem);text-transform:uppercase;line-height:.9;letter-spacing:.025em;margin:10px 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000}.faq-hero-quote{font-size:1.24rem!important;color:var(--gold2)!important;font-style:italic;max-width:760px}.faq-hero-content>p:not(.faq-hero-quote){max-width:790px;color:#d5c8b3;font-size:1.04rem}.faq-subnav{display:flex;justify-content:center;gap:2px;flex-wrap:wrap;padding:10px 20px;max-width:1200px;margin:0 auto}.faq-subnav a{padding:7px 15px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14);transition:color .18s ease}.faq-subnav a:last-child{border-right:0}.faq-subnav a:hover{color:var(--gold2)}.faq-public-page section[id]{scroll-margin-top:var(--section-anchor-offset,180px)} .faq-intro{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.faq-intro-copy h2,.faq-section-heading h2{font-size:clamp(2.35rem,5vw,4rem);line-height:1.04;color:var(--gold2);margin:8px 0 16px}.faq-intro-copy p{color:#c8baa5;font-size:1.02rem}.faq-principle{padding:30px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.13),transparent 42%),#0b1118}.faq-principle>span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.faq-principle strong{display:block;color:#edd7af;font-size:1.45rem;margin:11px 0 10px}.faq-principle p{margin:0;color:#bcae9a}.faq-section{padding-top:88px;padding-bottom:92px}.faq-section-heading{max-width:1000px;margin:0 auto 34px}.faq-section-heading>span{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.17em;text-transform:uppercase}.faq-section-heading p{max-width:800px;color:var(--muted)}.faq-list{max-width:1000px;margin:auto;display:grid;gap:9px}.faq-list details{border:1px solid rgba(215,170,99,.22);background:linear-gradient(180deg,rgba(17,25,34,.96),rgba(9,15,21,.96));box-shadow:0 10px 26px rgba(0,0,0,.12)}.faq-list details[open]{border-color:rgba(215,170,99,.46);background:radial-gradient(circle at 92% 0,rgba(215,170,99,.06),transparent 30%),linear-gradient(180deg,#111922,#090f15)}.faq-list summary{position:relative;cursor:pointer;list-style:none;padding:18px 58px 18px 22px;color:#ead6b3;font-size:1.05rem;transition:color .18s ease,background .18s ease}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:#f5dfb7;background:rgba(215,170,99,.035)}.faq-list summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--gold2);font-size:1.35rem;font-weight:normal}.faq-list details[open] summary:after{content:"−"}.faq-list details[open] summary{border-bottom:1px solid rgba(215,170,99,.15)}.faq-list details>div{padding:18px 22px 22px}.faq-list details p{max-width:900px;margin:0 0 10px;color:#c4b7a4}.faq-list details p:last-child{margin-bottom:0}.faq-list details strong{color:#ead2aa}.faq-more{color:var(--gold2);font-weight:bold;font-size:.92rem}.faq-more:hover{text-decoration:underline}.faq-economy-oath{max-width:1000px;margin:26px auto 0;padding:20px 24px;border-left:3px solid var(--gold);background:rgba(215,170,99,.065);display:grid;gap:4px}.faq-economy-oath span{color:var(--gold);text-transform:uppercase;letter-spacing:.15em;font-size:.68rem}.faq-economy-oath strong{color:#ead5ae;font-size:1.15rem}.faq-closing{text-align:center;padding:105px 24px 118px;background:radial-gradient(circle,#18283a 0%,#080d13 58%,#05080c 100%);border-top:1px solid var(--line)}.faq-closing>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.faq-closing h2{max-width:900px;margin:12px auto;font-size:clamp(2.3rem,5vw,4rem);line-height:1.05;color:var(--gold2)}.faq-closing p{max-width:720px;margin:0 auto 28px;color:var(--muted)} .section-nav-wrap .faq-subnav{background:transparent;border-bottom:0;box-shadow:none} @media(max-width:1050px){.faq-intro{grid-template-columns:1fr}.faq-hero-content{padding:68px 0}} @media(max-width:700px){.faq-hero{height:auto;min-height:auto;background-position:62% center}.faq-hero-content{padding:64px 0}.faq-hero h1{font-size:4rem}.section-nav-wrap .faq-subnav{justify-content:flex-start}.faq-subnav a{border-right:0;padding-left:10px;padding-right:10px}.faq-section{padding-top:64px;padding-bottom:68px}.faq-list summary{padding:16px 52px 16px 17px}.faq-list details>div{padding:16px 17px 19px}} @media (max-width:520px){ .faq-intro{ gap:22px; } .faq-principle{ padding:20px 18px; } .faq-section{ padding-top:54px; padding-bottom:58px; } .faq-section-heading{ margin-bottom:24px; } .faq-list{ gap:7px; } .faq-list summary{ padding:14px 46px 14px 15px; font-size:.96rem; line-height:1.35; } .faq-list summary:after{ right:16px; } .faq-list details>div{ padding:14px 15px 17px; } .faq-list details p{ font-size:.88rem; line-height:1.45; } .faq-economy-oath{ padding:16px 18px; } } /* PANTHEON */ .pantheon-page{overflow-x:clip}.pantheon-hero{position:relative;height:58vh;min-height:58vh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background-image:linear-gradient(90deg,rgba(4,7,11,.96) 0%,rgba(4,7,11,.80) 42%,rgba(4,7,11,.37) 70%,rgba(4,7,11,.51) 100%),linear-gradient(0deg,#060a0f 0%,transparent 36%),url("assets/backgrounds/pantheon-header.jpg");background-size:cover;background-position:center 48%}.pantheon-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 71% 26%,rgba(229,190,110,.12),transparent 32%)}.pantheon-hero-content{position:relative;z-index:2;width:min(870px,88vw);margin-left:max(7vw,28px);padding:74px 0}.pantheon-hero h1{font-size:clamp(4rem,8vw,7.2rem);text-transform:uppercase;line-height:.9;letter-spacing:.025em;margin:10px 0 18px;color:#f6e5c4;text-shadow:0 8px 32px #000}.pantheon-hero-quote{font-size:1.24rem!important;color:var(--gold2)!important;font-style:italic;max-width:760px}.pantheon-hero-content>p:not(.pantheon-hero-quote){max-width:790px;color:#d5c8b3;font-size:1.04rem}.pantheon-subnav{display:flex;justify-content:center;gap:2px;flex-wrap:wrap;padding:10px 20px;max-width:1200px;margin:0 auto}.pantheon-subnav a{padding:7px 15px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14);transition:color .18s ease}.pantheon-subnav a:last-child{border-right:0}.pantheon-subnav a:hover{color:var(--gold2)}.section-nav-wrap .pantheon-subnav{background:transparent;border-bottom:0;box-shadow:none}.pantheon-page section[id]{scroll-margin-top:var(--section-anchor-offset,180px)} .pantheon-opening{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:54px;align-items:center}.pantheon-opening-copy h2,.pantheon-section-heading h2{font-size:clamp(2.35rem,5vw,4.15rem);line-height:1.04;color:var(--gold2);margin:8px 0 17px}.pantheon-opening-copy p{color:#c7b9a5;font-size:1.02rem}.pantheon-opening-copy strong{color:#ead4ad}.pantheon-oath{padding:34px;border:1px solid rgba(215,170,99,.3);background:radial-gradient(circle at top right,rgba(215,170,99,.14),transparent 42%),#0b1118;box-shadow:0 24px 50px rgba(0,0,0,.26)}.pantheon-oath>span{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.69rem}.pantheon-oath blockquote{margin:20px 0;color:#efd9b3;font-size:1.42rem;line-height:1.46;font-style:italic}.pantheon-oath small{color:#948875}.pantheon-section{padding-top:92px;padding-bottom:96px}.pantheon-section-heading{max-width:1050px;margin:0 auto 38px}.pantheon-section-heading>span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.17em;font-size:.71rem}.pantheon-section-heading p{max-width:850px;color:var(--muted)}.pantheon-section-heading.compact{margin:0}.renown-grid{max-width:930px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.renown-grid article{padding:28px;text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 0,rgba(215,170,99,.09),transparent 38%),#0b1219}.renown-grid span{display:block;color:#c8baa6;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.renown-grid strong{display:block;margin:8px 0 3px;color:var(--gold2);font-size:2.6rem;font-family:Georgia,'Times New Roman',serif}.renown-grid small{color:#8f8373}.renown-note{max-width:930px;margin:18px auto 0;padding:17px 20px;border-left:3px solid var(--gold);background:rgba(215,170,99,.06);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.renown-note strong{color:#ead3aa}.renown-note span{color:#a99b88}.prestige-path{max-width:1080px;margin:auto;position:relative}.prestige-path:before{content:"";position:absolute;left:65px;top:28px;bottom:28px;width:1px;background:linear-gradient(var(--gold),rgba(215,170,99,.12))}.prestige-card{position:relative;display:grid;grid-template-columns:132px 1fr;gap:25px;padding:0 0 22px}.prestige-card>b{position:relative;z-index:1;width:130px;height:74px;display:grid;place-items:center;border:1px solid rgba(215,170,99,.32);background:#091017;color:#dec08b;font-size:1.22rem;font-family:Georgia,'Times New Roman',serif}.prestige-card>div{padding:19px 24px;border:1px solid rgba(215,170,99,.18);background:linear-gradient(90deg,rgba(215,170,99,.055),#0a1118)}.prestige-card span{color:var(--gold);font-size:.67rem;text-transform:uppercase;letter-spacing:.15em}.prestige-card h3{color:#ead4ad;font-size:1.55rem;margin:4px 0 6px}.prestige-card p{color:#bcae9a;margin:0}.prestige-card.first>div,.prestige-card.final>div{border-color:rgba(215,170,99,.5);background:radial-gradient(circle at right,rgba(215,170,99,.11),transparent 36%),#0c131a}.prestige-card.final>b{border-color:rgba(215,170,99,.68);color:#f2d69e;box-shadow:0 0 28px rgba(215,170,99,.12)}.pantheon-duality{max-width:1200px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.ranking-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ranking-compare article{padding:29px;border:1px solid var(--line);background:#0b1219;min-height:260px;display:flex;flex-direction:column}.ranking-compare span{color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.ranking-compare h3{color:var(--gold2);font-size:1.85rem;margin:9px 0 12px}.ranking-compare p{color:#bfb19d;flex:1}.ranking-compare strong{padding-top:14px;border-top:1px solid rgba(215,170,99,.15);color:#e4cca1}.pantheon-preview{max-width:1100px;margin:auto;border:1px solid rgba(215,170,99,.32);background:radial-gradient(circle at 50% 0,rgba(215,170,99,.07),transparent 32%),#091017;box-shadow:0 26px 60px rgba(0,0,0,.25)}.pantheon-preview-head{padding:20px 24px;border-bottom:1px solid rgba(215,170,99,.2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.pantheon-preview-head span{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.pantheon-preview-head strong{color:#dfc79c}.pantheon-preview-columns{display:grid;grid-template-columns:.45fr 1.7fr 1.1fr .75fr 1fr}.pantheon-preview-columns>div{padding:22px 17px;border-right:1px solid rgba(215,170,99,.12);min-height:105px}.pantheon-preview-columns>div:last-child{border-right:0}.pantheon-preview-columns span{display:block;color:#8f8374;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:10px}.pantheon-preview-columns b{color:#d6c2a2;font-weight:normal}.pantheon-preview>p{margin:0;padding:22px 24px;border-top:1px solid rgba(215,170,99,.14);color:#a99c89}.future-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.future-grid article{padding:24px;min-height:230px;border:1px solid var(--line);background:linear-gradient(180deg,#101821,#090f15)}.future-grid span{font-size:1.7rem;color:rgba(215,170,99,.36)}.future-grid h3{color:var(--gold2);font-size:1.5rem;margin:13px 0 9px}.future-grid p{color:#bcae9a;margin:0}.pantheon-closing{text-align:center;padding:108px 24px 120px;background:radial-gradient(circle,#28281e 0%,#0a0e12 58%,#05080c 100%);border-top:1px solid var(--line)}.pantheon-closing>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.pantheon-closing h2{max-width:960px;margin:12px auto;font-size:clamp(2.3rem,5vw,4.05rem);line-height:1.04;color:var(--gold2)}.pantheon-closing p{max-width:760px;margin:0 auto 28px;color:var(--muted)}.hero-actions.centered{justify-content:center} @media(max-width:1050px){.pantheon-opening,.pantheon-duality{grid-template-columns:1fr}.future-grid{grid-template-columns:repeat(2,1fr)}.pantheon-preview-columns{grid-template-columns:1fr 1fr}.pantheon-preview-columns>div{border-bottom:1px solid rgba(215,170,99,.12)}} @media(max-width:700px){.pantheon-hero{height:auto;min-height:auto;background-position:58% center}.pantheon-hero-content{padding:66px 0}.pantheon-hero h1{font-size:3.7rem}.section-nav-wrap .pantheon-subnav{justify-content:flex-start}.pantheon-subnav a{border-right:0;padding-left:10px;padding-right:10px}.renown-grid,.ranking-compare,.future-grid{grid-template-columns:1fr}.prestige-card{grid-template-columns:82px 1fr;gap:13px}.prestige-path:before{left:40px}.prestige-card>b{width:80px;height:68px;font-size:.98rem}.prestige-card>div{padding:16px}.pantheon-preview-columns{grid-template-columns:1fr}.pantheon-preview-columns>div{min-height:auto;border-right:0}.pantheon-section{padding-top:68px;padding-bottom:72px}} @media (min-width:521px) and (max-width:700px){ .renown-grid, .ranking-compare, .future-grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:520px){ .renown-grid{ gap:8px; } .renown-grid article{ padding:14px 16px; } .renown-grid strong{ margin:3px 0 0; font-size:1.8rem; line-height:1.1; } .renown-grid span{ font-size:.64rem; line-height:1.2; } .renown-grid small{ margin-top:2px; font-size:.76rem; line-height:1.2; } .renown-note{ margin-top:12px; padding:14px 16px; gap:8px; } .prestige-path{ margin-top:8px; } .prestige-card{ grid-template-columns:70px 1fr; gap:10px; padding-bottom:14px; } .prestige-path:before{ left:34px; } .prestige-card>b{ width:68px; height:58px; font-size:.86rem; } .prestige-card>div{ padding:14px 15px; } .prestige-card h3{ margin:3px 0 5px; font-size:1.2rem; } .prestige-card p{ font-size:.86rem; line-height:1.42; } .prestige-card span{ font-size:.62rem; } .ranking-compare{ gap:8px; } .ranking-compare article{ min-height:0; padding:18px; } .ranking-compare h3{ margin:6px 0 8px; font-size:1.35rem; } .ranking-compare p{ font-size:.88rem; line-height:1.45; } .ranking-compare strong{ padding-top:10px; font-size:.86rem; } .pantheon-preview-head{ padding:14px 16px; gap:8px; } .pantheon-preview-columns>div{ padding:14px 16px; min-height:0; } .pantheon-preview-columns span{ margin-bottom:6px; font-size:.62rem; } .pantheon-preview-columns b{ font-size:.86rem; } .pantheon-preview>p{ padding:16px; font-size:.86rem; line-height:1.45; } .future-grid{ gap:8px; } .future-grid article{ min-height:0; padding:16px 18px; } .future-grid span{ font-size:1.4rem; } .future-grid h3{ margin:8px 0 6px; font-size:1.2rem; } .future-grid p{ font-size:.88rem; line-height:1.45; } .hero h1, .arena-public-hero h1, .rules-hero h1, .lore-hero h1, .pc-hero h1, .chron-hero h1, .treasure-hero h1, .faq-hero h1, .pantheon-hero h1{ font-size:clamp(2.35rem, 10.5vw, 2.8rem); line-height:.96; max-width:100%; overflow-wrap:normal; word-break:normal; } } .maintenance-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(111,70,25,.2),transparent 42%),#080d12;color:#ead4aa} .maintenance-card{width:min(720px,94vw);padding:clamp(28px,6vw,64px);border:1px solid rgba(201,147,66,.55);border-radius:14px;background:linear-gradient(180deg,rgba(19,29,38,.98),rgba(8,14,19,.98));box-shadow:0 25px 80px rgba(0,0,0,.55),inset 0 0 0 5px rgba(201,147,66,.04);font-family:Georgia,serif;text-align:center} .maintenance-emblem{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 18px;border:1px solid #b87a2d;border-radius:50%;color:#f1c36f;background:radial-gradient(circle,#5b3515,#160d07 72%);font-size:30px} .maintenance-kicker{margin:0;color:#c79a53;font-size:.8rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase} .maintenance-card h1{margin:.55rem 0 1.2rem;color:#f0cc8a;font-size:clamp(2rem,6vw,3.5rem);line-height:1.05} .maintenance-card>p:not(.maintenance-kicker){font-size:1.05rem;line-height:1.7} .maintenance-return{color:#a99470;font-style:italic} /* Parcours public des champions */ .champions-public-page{overflow-x:clip}.champions-hero{min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(201,143,61,.24),transparent 9%),radial-gradient(circle at 72% 44%,rgba(9,13,18,.15),rgba(5,8,12,.92) 31%),linear-gradient(115deg,#05080c 0%,#111922 55%,#05080c 100%);border-bottom:1px solid var(--line)}.champions-hero:before{content:"♛";position:absolute;right:8vw;top:50%;transform:translateY(-51%);font-size:min(46vw,520px);line-height:1;color:rgba(215,170,99,.055);text-shadow:0 0 80px rgba(215,170,99,.08)}.champions-hero-copy{position:relative;z-index:1;width:min(820px,88vw);margin-left:max(7vw,28px);padding:90px 0}.champions-hero h1{font-size:clamp(3.8rem,8vw,7.8rem);line-height:.88;text-transform:uppercase;letter-spacing:.02em;color:#f2ddb6;margin:12px 0 22px}.champions-hero-copy>p{max-width:730px;color:#cbbca7;font-size:1.05rem}.champions-hero-quote{color:var(--gold2)!important;font-size:1.28rem!important;font-style:italic}.champions-subnav{display:flex;justify-content:center;flex-wrap:wrap;padding:10px 20px;background:rgba(6,10,15,.95);border-bottom:1px solid rgba(215,170,99,.18)}.champions-subnav a{padding:7px 18px;color:#bdae97;font-size:.82rem;border-right:1px solid rgba(215,170,99,.14)}.champions-subnav a:last-child{border:0}.champions-subnav a:hover{color:var(--gold2)}.champion-intro,.champion-seals{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}.champion-intro h2,.champion-codex-explain h2,.champion-seals h2{font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.03;color:var(--gold2);margin:10px 0 20px}.champion-intro p,.champion-codex-explain p,.champion-seals p{color:#c5b7a3}.champion-count{min-height:300px;padding:38px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(215,170,99,.18),transparent 42%),#0b1118;display:flex;flex-direction:column;justify-content:center}.champion-count strong{font-size:6rem;line-height:.8;color:var(--gold2)}.champion-count span{font-size:1.15rem;color:#dfc99f;margin:18px 0}.champion-count small{padding-top:16px;border-top:1px solid rgba(215,170,99,.18);color:#978a78}.champion-feature-grid,.codex-public-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1240px;margin:auto}.champion-feature-grid article,.codex-public-grid article{padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,#111922,#090f15)}.champion-feature-grid b{font-size:2rem;color:rgba(215,170,99,.34)}.champion-feature-grid h3{color:var(--gold2);margin:12px 0 8px}.champion-feature-grid p,.codex-public-grid p{color:#bfb19d;margin-bottom:0}.champion-reward-note{max-width:1240px;margin:18px auto 0;padding:17px 21px;border-left:3px solid var(--gold);background:rgba(215,170,99,.06);display:flex;justify-content:space-between;gap:18px}.champion-reward-note strong{color:#ead5ae}.champion-reward-note span{color:#a99b88}.champion-codex-explain{max-width:1240px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.codex-silhouettes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.codex-silhouettes div{aspect-ratio:.68;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 42%,rgba(215,170,99,.12),transparent 24%),linear-gradient(#151b21,#080c10);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(215,170,99,.22)}.codex-silhouettes span{font-size:3.6rem;filter:blur(2px)}.codex-silhouettes b{font-size:2rem;margin-top:20px}.codex-public-grid{grid-template-columns:repeat(3,1fr);margin-top:28px}.codex-public-grid strong{display:block;color:var(--gold2);font-size:1.25rem}.codex-public-note{max-width:900px;margin:24px auto 20px;text-align:center;color:#a99b88}.chron-champion-codex>.gold-btn{display:table;margin:0 auto}.chapter-path{max-width:1100px;margin:30px auto;display:grid;grid-template-columns:repeat(10,1fr);gap:8px;position:relative}.chapter-path:before{content:"";position:absolute;left:5%;right:5%;top:50%;border-top:1px solid rgba(215,170,99,.3)}.chapter-path span{position:relative;z-index:1;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(215,170,99,.42);border-radius:50%;background:#0b1118;color:#dfc99f;font-weight:700}.chapter-path-note{text-align:center;color:#9e907e}.seal-emblem{min-height:320px;border:1px solid rgba(215,170,99,.46);border-radius:50%;aspect-ratio:1;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(215,170,99,.17),rgba(8,12,17,.95) 62%);box-shadow:inset 0 0 0 8px #080d12,inset 0 0 0 9px rgba(215,170,99,.24)}.seal-emblem span{font-size:4rem;color:var(--gold2)}.seal-emblem strong{font-size:1.25rem;color:#e8d2a9}.seal-emblem small{color:#9e907e;margin-top:5px}.champions-closing{text-align:center;padding:100px 24px 112px;background:radial-gradient(circle,#202b34 0%,#0a0e12 58%,#05080c 100%);border-top:1px solid var(--line)}.champions-closing>span{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.champions-closing h2{margin:12px auto;font-size:clamp(2.5rem,5vw,4.2rem);color:var(--gold2)}.champions-closing p{max-width:720px;margin:0 auto 28px;color:var(--muted)}.arena-champion-callout{max-width:1240px;margin:auto;display:grid;grid-template-columns:170px 1fr;gap:40px;align-items:center}.champion-callout-mark{width:150px;height:150px;border:1px solid rgba(215,170,99,.45);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:4rem;background:radial-gradient(circle,rgba(215,170,99,.16),transparent 65%)}.arena-champion-callout h2{font-size:clamp(2.3rem,4vw,3.6rem);color:var(--gold2);margin:8px 0 14px}.arena-champion-callout p{color:#c5b7a3}.champion-rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.champion-rule-grid article{padding:18px;border:1px solid rgba(215,170,99,.2);background:rgba(215,170,99,.035)}.champion-rule-grid strong{display:block;color:#e2c99d;margin-bottom:6px}.champion-rule-grid span{color:#aa9c89}.champion-rule-section{border-left-color:rgba(215,170,99,.6)} @media(max-width:1000px){.champion-intro,.champion-seals,.champion-codex-explain{grid-template-columns:1fr}.champion-feature-grid{grid-template-columns:repeat(2,1fr)}.chapter-path{grid-template-columns:repeat(5,1fr);max-width:600px}.chapter-path:before{display:none}.seal-emblem{min-height:280px;width:280px}.arena-champion-callout{grid-template-columns:130px 1fr}.champion-callout-mark{width:120px;height:120px}} @media(max-width:700px){.champions-hero{min-height:auto}.champions-hero-copy{padding:66px 0}.champions-hero h1{font-size:3.75rem}.champions-subnav{justify-content:flex-start}.champions-subnav a{border:0;padding-left:10px;padding-right:10px}.champion-feature-grid,.codex-public-grid,.champion-rule-grid{grid-template-columns:1fr}.champion-reward-note{display:block}.champion-reward-note span{display:block;margin-top:6px}.codex-silhouettes{gap:6px}.codex-silhouettes span{font-size:2.4rem}.arena-champion-callout{grid-template-columns:1fr}.champion-callout-mark{width:92px;height:92px;font-size:2.8rem}.chapter-path{grid-template-columns:repeat(5,1fr)}.main-nav a{font-size:.75rem}} @media(max-width:420px){.champions-hero h1{font-size:3rem}.codex-silhouettes{grid-template-columns:repeat(3,1fr)}.seal-emblem{width:240px;min-height:240px}.chapter-path{grid-template-columns:repeat(5,1fr);gap:5px}} /* Illustrations de la page Champions */ .champions-hero{background-image:linear-gradient(90deg,rgba(4,7,11,.96) 0%,rgba(4,7,11,.84) 35%,rgba(4,7,11,.28) 70%,rgba(4,7,11,.48) 100%),linear-gradient(0deg,#060a0f 0%,transparent 34%),url("assets/champions/champions-hero.jpg");background-position:center;background-size:cover;background-repeat:no-repeat}.champions-hero:before{display:none}.champions-hero h1 span{display:block;white-space:nowrap}.champion-editorial-image{position:relative;margin:0;border:1px solid rgba(215,170,99,.42);overflow:hidden;background:#080c10;box-shadow:0 24px 52px rgba(0,0,0,.42)}.champion-editorial-image:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 7px rgba(5,8,12,.45),inset 0 0 38px rgba(0,0,0,.42)}.champion-editorial-image img{display:block;width:100%;height:430px;object-fit:cover;filter:saturate(.82) contrast(1.04)}.seal-image img{height:390px}.champion-seals{grid-template-columns:.9fr 1.1fr} @media(max-width:1000px){.champion-seals{grid-template-columns:1fr}.champion-editorial-image img,.seal-image img{height:auto;max-height:520px}} @media(max-width:700px){.champions-hero{background-position:62% center}.champions-hero-copy{width:min(90vw,820px);margin-left:5vw}.champions-hero h1{font-size:clamp(2.85rem,14.2vw,3.75rem)}.champion-editorial-image img{height:300px}.seal-image img{height:270px}} @media(max-width:380px){.champions-hero h1{font-size:2.65rem}} /* Normalisation des grands titres publics */ .champions-hero{height:58vh;min-height:58vh}.champions-hero-copy{padding:74px 0}.home-hero-title span{display:block;white-space:nowrap} @media(max-width:700px){.champions-hero{height:auto;min-height:auto}.champions-hero-copy{padding:64px 0}.home-hero-title{font-size:clamp(2.75rem,13.5vw,4rem)!important}.home-hero-title span{white-space:nowrap}} @media(max-width:360px){.home-hero-title{font-size:2.55rem!important}} .champion-codex-title{font-size:clamp(2.25rem,3.4vw,3.35rem)!important}.champion-codex-title span{display:block;white-space:nowrap} @media(max-width:700px){.champion-codex-title{font-size:clamp(1.55rem,7.4vw,2.35rem)!important}} /* Équilibre illustration / texte du Codex */ .champion-codex-explain{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}.champion-codex-explain>div{min-width:0}.champion-codex-explain .champion-editorial-image{width:100%}.champion-codex-title{font-size:clamp(2.2rem,3.1vw,3.05rem)!important} @media(max-width:1000px){.champion-codex-explain{grid-template-columns:1fr}.champion-codex-explain .champion-editorial-image{width:min(720px,100%);justify-self:center}} .hero#hero{background-image:var(--rheomar-hero-image,url("assets/backgrounds/combat_01.jpg"))} /* Correction du débordement des titres de la page Champions sur mobile. */ @media(max-width:700px){ .champions-hero h1{font-size:clamp(2.25rem,11vw,3.75rem)} .champion-codex-title span{white-space:normal;overflow-wrap:anywhere} } /* Pages réglementaires et contact */ .legal-main{min-height:70vh;padding:72px 24px 96px;background:radial-gradient(circle at 80% 0,rgba(191,132,54,.09),transparent 28%),#090e13}.legal-document{width:min(900px,100%);margin:auto;padding:clamp(26px,5vw,58px);border:1px solid var(--line);background:#101820;box-shadow:0 22px 60px rgba(0,0,0,.32)}.legal-document .eyebrow{color:var(--gold);letter-spacing:.14em;text-transform:uppercase}.legal-document h1{margin:.3rem 0 1.7rem;color:var(--gold2);font-size:clamp(2.4rem,6vw,4rem);line-height:1}.legal-document h2{margin:2.2rem 0 .65rem;color:#e8c98e;font-size:1.45rem}.legal-document h3{margin:1.4rem 0 .45rem;color:#dfc28c}.legal-document p,.legal-document li{color:#cdbfa8;line-height:1.72}.legal-document a{color:#e4b964}.legal-document ul{padding-left:1.3rem}.legal-note{padding:16px 18px;border-left:3px solid var(--gold);background:rgba(201,147,66,.06)}.legal-meta{color:#958875!important;font-size:.88rem}.contact-form{display:grid;gap:16px;margin-top:28px}.contact-form label{display:grid;gap:7px;color:#ead5aa;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;border:1px solid #5e503a;border-radius:4px;background:#090f14;color:#fff2d1;font:inherit}.contact-form textarea{min-height:180px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:1px solid #c79348;border-color:#c79348}.contact-form button{padding:13px 18px;border:1px solid #d0a359;border-radius:4px;background:linear-gradient(#9a6729,#694218);color:#fff1ce;font:700 1rem Georgia,serif;cursor:pointer}.contact-form button:disabled{opacity:.58;cursor:wait}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{min-height:1.5rem}.contact-status.success{color:#a8d37d}.contact-status.error{color:#ff9d8d}.contact-turnstile{display:flex;justify-content:center}footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}@media(max-width:700px){.legal-main{padding:34px 12px 60px}.legal-document{padding:24px 18px}footer nav{justify-content:center}} .contact-technical-fields{display:grid;gap:16px;margin:4px 0;padding:18px;border:1px solid #5e503a;border-radius:4px;background:rgba(201,147,66,.04)}.contact-technical-fields[hidden]{display:none}.contact-technical-fields legend{padding:0 8px;color:#e8c98e;font-weight:700}.contact-technical-fields>p{margin:0}.contact-technical-fields textarea{min-height:105px}.contact-technical-fields details{color:#cdbfa8}.contact-technical-fields summary{color:#e4b964;font-weight:700;cursor:pointer}.contact-technical-summary{display:grid;gap:8px;margin:14px 0}.contact-technical-summary>div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:12px;padding-bottom:7px;border-bottom:1px solid rgba(94,80,58,.55)}.contact-technical-summary dt{font-weight:700;color:#ead5aa}.contact-technical-summary dd{margin:0;overflow-wrap:anywhere}.contact-field-help{font-size:.88rem}@media(max-width:600px){.contact-technical-summary>div{grid-template-columns:1fr;gap:2px}}