

.campaign-section{background:radial-gradient(ellipse at center,#55191755,transparent 70%),linear-gradient(#1c0807,#2b0c0b 55%,#180605);border-block:1px solid #5f2a28;overflow:hidden;padding-bottom:85px}.campaign-section .section-heading{margin-bottom:30px}.campaign-section .section-heading h2{font-size:clamp(35px,4.2vw,60px);color:#f6edde}.campaign-counter{display:flex;justify-content:center;align-items:center;gap:50px;text-align:center;margin-bottom:50px}.counter-label{font-size:9px;letter-spacing:3px;color:#bd9f6c}.campaign-counter strong{display:block;font:500 45px/1.35 var(--serif);color:#f6eee1;margin:8px 0}.campaign-counter p{font-size:12px;color:#c6b18c}.counter-ornament{color:#dbba81;font-size:12px}.campaign-content{position:relative}.campaign-track{position:absolute;height:3px;top:17px;left:10%;right:10%;background:#511d1b}.campaign-track-fill{height:100%;width:0;background:linear-gradient(90deg,#bd3733,#ebd8b8);box-shadow:0 0 18px #d2a96477;transition:width .6s}.reward-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px}.reward{text-align:center;position:relative}.milestone{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.milestone-gem{position:relative;color:#985b59;font-size:23px;line-height:35px;width:35px;background:#2b0c0b}.milestone strong{font:500 23px/1.3 var(--serif);color:#ebd8b9;margin-top:10px}.milestone small{font-size:9px;letter-spacing:1px;color:#a46b69}.reward-banner{display:block;position:relative;width:100%;height:225px;padding:20px 12px 40px;background:linear-gradient(145deg,#5c1816,#300b0a 60%);border:1px solid #944a48;clip-path:polygon(10% 0,90% 0,100% 9%,100% 77%,50% 100%,0 77%,0 9%);transition:filter .25s,transform .25s;cursor:pointer;box-shadow:inset 0 0 35px #b53b371a}.reward-banner:before{content:'';position:absolute;inset:7px 7px 12px;border:1px solid #ae575466;clip-path:polygon(10% 0,90% 0,100% 9%,100% 77%,50% 100%,0 77%,0 9%);pointer-events:none}.reward-banner:hover,.reward-banner:focus-visible{filter:brightness(1.25);transform:translateY(-5px);outline:2px solid #ebd8b8;outline-offset:4px}.reward-art{height:135px;display:flex;align-items:center;justify-content:center;gap:15px;position:relative;color:#e2c99d}.reward-art img{object-fit:contain;max-width:80px;max-height:95px;mix-blend-mode:screen;image-rendering:auto}.jewel-art img{width:55px;height:65px}.jewel-art img:first-child{transform:rotate(-12deg) translateY(8px)}.jewel-art img:nth-child(2){transform:rotate(13deg) translateY(-7px)}.reward-symbol{width:105px;height:105px;filter:drop-shadow(0 0 10px #d1423e44)}.zen-medallion{display:grid;place-items:center;font:500 60px var(--serif);width:85px;height:85px;border:1px solid #b5a56d;border-radius:50%;color:#e8d5a2;background:radial-gradient(#75622b55,#3a1514)}.zen-art img{position:absolute;bottom:5px;right:12px;width:40px}.reward-index{font:400 12px var(--serif);letter-spacing:2px;color:#bfa372;position:absolute;bottom:28px;left:0;right:0}.art-level{position:absolute;right:17px;bottom:9px;font:500 25px var(--serif);color:#dfd0a8}.reward h3{font:500 15px/1.5 var(--serif);margin:23px 0 10px;color:#f2e6d2}.reward>p{font-size:10px;line-height:1.9;color:#b4a07f}.reward-status{display:inline-block;margin-top:16px;padding:5px 10px;border:1px solid #6c3634;color:#a96b69;font-size:8px;letter-spacing:.4px}.reward.unlocked .milestone-gem{color:#ebd8b9;text-shadow:0 0 17px #e0c596}.reward.unlocked .reward-banner{border-color:#e1c698;background:linear-gradient(145deg,#8b2b28,#45100e 65%)}.reward.unlocked .reward-status{color:#b7e3d4;border-color:#5f9b8c;background:#274d441a}.campaign-actions{text-align:center;margin:50px 20px 0}.campaign-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:56px;padding:15px 38px;border:1px solid #d8b478;color:#f8f1e5;background:linear-gradient(110deg,#a82824,#6f1815);box-shadow:inset 0 1px #efe1c922,0 10px 35px #0004;font:500 13px/1.5 var(--serif);text-decoration:none;transition:filter .2s}.campaign-primary:hover{filter:brightness(1.16);color:white}.campaign-actions p{font-size:11px;color:#c5af89;margin:19px 0 6px}.campaign-actions small{font-size:9px;color:#8f5654}.presale-section{padding-bottom:90px;background:radial-gradient(ellipse at 15% 55%,#4e1d1b66,transparent 65%),#180605;overflow:hidden}.presale-section .section-heading{margin-bottom:45px}.presale-intro{text-align:center;margin-bottom:40px}.presale-intro>p{font-size:11px;color:#b5a07c;margin-bottom:13px}.presale-intro h3{font-size:29px;color:#f3e8d6;line-height:1.5}.presale-showcase{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:40px;align-items:center}.character-showcase{position:relative;background:#0f0303;aspect-ratio:1.32;min-width:0;border:1px solid #713634;box-shadow:0 20px 70px #0005;overflow:hidden}.character-showcase video{width:100%;height:100%;object-fit:cover;display:block}.video-fullscreen{position:absolute;top:14px;right:14px;background:#1e0807cb;color:#e8d4b1;border:1px solid #8c4e4c;padding:8px 11px;font-size:10px;z-index:2}.showcase-caption{position:absolute;left:22px;bottom:45px;pointer-events:none;text-shadow:0 2px 8px #000}.showcase-caption>span{font:500 30px var(--serif);letter-spacing:3px;color:#e8d6a9}.showcase-caption small{display:block;font-size:10px;color:#e6dac6;margin-top:5px}.inventory-heading h3{font-size:21px;margin:12px 0}.inventory-heading p{font-size:11px;color:#a96f6d;line-height:1.8;margin-bottom:22px}.interactive-inventory{position:relative;width:276px;max-width:100%;margin:auto}.inventory-screenshot{width:100%;height:auto;display:block;border:1px solid #683c3b;box-shadow:0 8px 30px #0007}.inventory-hotspots{position:absolute;inset:0}.item-slot{position:absolute;background:transparent;border:1px solid transparent;border-radius:3px;cursor:pointer;box-shadow:none;transition:background .2s,border-color .2s}.item-slot:hover,.item-slot:focus-visible,.item-slot.selected{background:#efe0c71a;border-color:#e9d5b4;outline:1px solid #eedfc5;outline-offset:1px;box-shadow:0 0 14px #d9b77c66}.slot-helm{left:40%;top:19%;width:19%;height:20%}.slot-wings{left:63%;top:19%;width:34%;height:21%}.slot-staff{left:6%;top:41%;width:23%;height:36%}.slot-pendant{left:30%;top:40%;width:14%;height:13%}.slot-armor{left:40%;top:50%;width:20%;height:27%}.slot-shield{left:73%;top:41%;width:20%;height:35%}.slot-gloves{left:6%;top:81%;width:22%;height:18%}.slot-ring1{left:29%;top:79%;width:15%;height:12%}.slot-pants{left:40%;top:84%;width:20%;height:15%}.slot-ring2{left:60%;top:79%;width:15%;height:12%}.slot-boots{left:74%;top:81%;width:20%;height:18%}.item-tooltip[hidden]{display:none!important}.item-tooltip{position:absolute;right:calc(100% + 18px);top:15%;z-index:7;width:310px;max-height:450px;overflow:auto;padding:22px 18px 17px;border:1px solid #806564;background:#090202f2;box-shadow:0 15px 40px #000b;text-align:center}.item-tooltip h4{font:600 12px/1.6 var(--sans);color:#65dfad;padding-right:15px;margin:0 0 10px}.item-tooltip p{font-size:11px;color:#dbceb8;line-height:1.8;margin:0}.item-tooltip img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto}.item-tooltip-close{position:absolute;right:4px;top:3px;padding:2px 7px;background:none;color:#eddcbf;font-size:20px;line-height:1}.inventory-footnote{font-size:8px;color:#844d4b;text-align:center;margin-top:15px}.presale-offer{display:flex;align-items:center;justify-content:space-between;gap:40px;border-top:1px solid #612d2b;margin-top:55px;padding-top:35px}.presale-offer h3{font-size:25px;margin:12px 0}.presale-offer p{font-size:11px;color:#b39d78}.presale-purchase{text-align:center;max-width:330px}.presale-price{display:block;font:500 20px var(--serif);color:#d6c49a;margin-bottom:16px}.presale-purchase small{display:block;margin-top:12px;font-size:9px;color:#9a6260}.presale-purchase [aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:none}.campaign-rule-copy{font-size:12px;line-height:1.8;color:#c9b594}

@media(max-width:1050px){.reward-grid{gap:13px}.reward-banner{height:195px}.reward-art{height:110px}.reward h3{font-size:13px}.reward>p{font-size:9px}.presale-showcase{grid-template-columns:minmax(0,1fr) 280px;gap:25px}.item-tooltip{width:280px}.campaign-counter{gap:30px}}

@media(max-width:700px){.campaign-section{padding-top:65px}.campaign-counter{gap:20px;margin-bottom:30px}.campaign-counter strong{font-size:37px}.campaign-counter p{font-size:10px}.counter-label{font-size:8px;letter-spacing:2px}.campaign-counter .counter-ornament{font-size:8px}.campaign-track{display:none}.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px}.reward:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.milestone{margin-bottom:15px}.milestone strong{font-size:21px}.milestone-gem{font-size:18px}.reward-banner{height:205px}.reward h3{margin-top:15px;font-size:13px}.reward-art{height:120px}.reward>p{font-size:10px}.campaign-primary{font-size:12px;padding:14px 23px}.campaign-actions{margin-top:35px}.presale-intro h3{font-size:24px}.presale-showcase{grid-template-columns:1fr;gap:35px}.character-showcase{aspect-ratio:1.1}.presale-inventory-column{width:100%;max-width:340px;margin:auto}.inventory-heading{text-align:center}.interactive-inventory{width:276px}.item-tooltip{position:relative;right:auto;top:auto;width:100%;max-height:none;margin-top:15px;z-index:2}.item-tooltip img{max-height:420px;max-width:100%;width:auto}.showcase-caption>span{font-size:25px}.presale-offer{flex-direction:column;text-align:center;gap:25px;margin-top:35px}.presale-offer h3{font-size:22px}.presale-offer p{line-height:1.8}.presale-purchase{width:100%}}

@media(prefers-reduced-motion:reduce){.campaign-track-fill,.reward-banner,.item-slot,.campaign-primary{transition:none!important}}



/* Regiões medidas sobre o inventário original 276 x 290. */

.slot-helm{left:39.855%;top:21.379%;width:21.014%;height:22.414%;}

.slot-wings{left:62.319%;top:20.690%;width:37.681%;height:23.103%;}

.slot-staff{left:6.522%;top:43.793%;width:22.464%;height:31.724%;}

.slot-pendant{left:28.623%;top:43.448%;width:10.870%;height:12.759%;}

.slot-shield{left:72.464%;top:44.828%;width:23.551%;height:29.655%;}

.slot-pants{left:40.217%;top:76.897%;width:22.464%;height:23.103%;}

.slot-gloves{left:6.522%;top:76.897%;width:22.464%;height:23.103%;}

.slot-boots{left:72.826%;top:76.897%;width:22.826%;height:23.103%;}



.character-showcase video{object-fit:contain;aspect-ratio:896/720}.inventory-screenshot{height:auto}.slot-armor{top:49%;height:26%}.slot-ring1,.slot-ring2{top:77%;height:12%}



.showcase-caption{bottom:58px}.has-item-tooltip .floating-menu,.has-item-tooltip .streams-button,.has-item-tooltip .preview-live-button{visibility:hidden!important;pointer-events:none!important}



.presale-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:45px}.presale-product{padding:26px 20px;background:linear-gradient(145deg,#411514,#220a09);border:1px solid #6c3735}.presale-product h3{font-size:21px;color:#f8f1e5;margin:20px 0 14px}.presale-product p{font-size:12px;line-height:1.8;color:#ccba9a}.product-preview-label{display:block;color:#d9b67b;font-size:11px;margin-top:24px}@media(max-width:1000px){.presale-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.presale-products{grid-template-columns:1fr}.presale-product{padding:22px}.product-preview-label{margin-top:16px}}



/* Referência: sequência de estandartes e marco central, em azul Nova Era. */

.campaign-counter{max-width:710px;padding:24px 35px;border:1px solid #b99d6c;background:linear-gradient(90deg,#260b0a,#621715 50%,#260b0a);clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);box-shadow:inset 0 0 30px #dfc39219}.campaign-counter strong{color:#fbf8f2;text-shadow:0 0 20px #e5cda455}.reward-banner{border-color:#b29a68;background:radial-gradient(ellipse at 50% 20%,#7b2724,#380d0c 70%);box-shadow:inset 0 0 35px #d1a75f44}.reward-banner:before{border-color:#c7b47a88}.reward-index{color:#c9b67e!important}.milestone-gem{color:#ead7b7;text-shadow:0 0 12px #d7b27388}.reward-art.example-art img{width:100%;height:100%;max-width:138px;max-height:138px;object-fit:contain;filter:drop-shadow(0 6px 12px #0009)}.reward-art.jewel-art img{width:70px;height:78px;object-fit:contain;transform:none}.campaign-demo-note{display:block;margin:14px 15px 6px;color:#b6a17e;font-size:10px}.campaign-actions small[data-campaign-note]{display:block}@media(max-width:700px){.campaign-counter{max-width:calc(100% - 32px);padding:18px 12px;gap:10px}.reward-art.jewel-art img{width:57px;height:65px}.example-art img{max-height:120px!important}}


/* Dinasty: adicionais em texto, sem fotografias de tooltip. */
.presale-section #item-tooltip{box-sizing:border-box;width:330px;max-width:min(330px,calc(100vw - 32px));padding:30px 10px 14px;background:rgba(3,4,5,.97);border:1px solid #555b5f;box-shadow:0 12px 36px #000b;text-align:center;color:#fff;font-family:Tahoma,Arial,sans-serif}
.presale-section #item-tooltip [data-item-title]{font-family:Tahoma,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.45;letter-spacing:0;color:#00ff83;padding:0 10px;margin:0 0 8px;text-shadow:1px 1px 1px #000}
.presale-section #item-tooltip[data-title-tone="gold"] [data-item-title]{color:#ffdc13}
.presale-section #item-tooltip .dinasty-tooltip-line{box-sizing:border-box;font-family:Tahoma,Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.45;text-align:center;color:#fff;padding:1px 3px;overflow-wrap:break-word;text-shadow:1px 1px 1px #000}
.presale-section #item-tooltip .dinasty-tooltip-line.has-gap{margin-top:10px}
.presale-section #item-tooltip .dinasty-tooltip-line[data-tone="blue"]{color:#80aaff}
.presale-section #item-tooltip .dinasty-tooltip-line[data-tone="orange"]{color:#f28b18}
.presale-section #item-tooltip .dinasty-tooltip-line[data-tone="green"]{color:#00ff83}
.presale-section #item-tooltip .dinasty-tooltip-line[data-tone="gold"]{color:#ffdc13}
.presale-section #item-tooltip .dinasty-tooltip-line[data-band="red"]{background:#a60000;color:#fff}
.presale-section #item-tooltip .dinasty-tooltip-line[data-band="blue"]{background:#08009e;color:#fff}
.presale-section #item-tooltip .item-tooltip-close{right:4px;top:3px;width:26px;height:26px;color:#f7e6ce;cursor:pointer}
.presale-section #item-tooltip [data-item-description]{font:12px/1.6 Tahoma,Arial,sans-serif;color:#d9c8ad;margin-top:10px}
@media(max-width:760px){.presale-section #item-tooltip{width:100%;max-width:100%;max-height:none}}
