/* Sapphire / navy skin. Geometry and CMS behavior stay with the DAMME template. */
:root{--navy-bg:#050e20;--navy-panel:#0b1b33;--navy-line:#416d96;--navy-text:#d7e8f7;--navy-muted:#9cb4cf;--navy-accent:#8ed6ff}
html,body{background:#050e20;color:var(--navy-text);scrollbar-color:#497da6 #071226}
.page-home{background:radial-gradient(ellipse at 50% 28%,#10294d66,transparent 40%),linear-gradient(#07142a,#050e20 75%)}
.page-main,.section-2,.section-3,.section-4,.section-5{background-color:transparent}
.section-1{background-image:linear-gradient(0deg,#050e20 0%,#050e2000 35%),url('./navy/hero-sapphire-v1.webp');background-color:#07152d;background-size:cover;background-position:center 26%}
.header,#header{background:linear-gradient(180deg,#030b1cf5,#091b32ed);border-bottom:1px solid #6badd047;box-shadow:0 3px 24px #0005}
.header .header-brand img,.ht-footer-brand img{filter:hue-rotate(185deg) saturate(.65) drop-shadow(0 0 9px #5baee82b)}
.header .nav-link{color:#dbeafb;border-color:#5388b357;background:linear-gradient(#18325280,#08172c80)}
.header .nav-link:hover,.header .nav-link:focus-visible{color:#fff;background:linear-gradient(#315c88,#142c4e);border-color:#9bdcfc}
.hero-return-title.hero-title-metal{background-image:url('./navy/hero-title.svg');background-size:100% 100%;filter:none}
.hero-title-shine{mask-image:url('./navy/hero-title.svg');-webkit-mask-image:url('./navy/hero-title.svg');background-image:linear-gradient(110deg,transparent 37%,#b3e2ff22 41%,#effaffb3 46%,#fff 48%,#96dcff66 51%,transparent 57%)}
.hero-title-metal>.hero-season-badge{animation:none;filter:hue-rotate(175deg) saturate(.45) brightness(1.15) drop-shadow(0 0 9px #439ee988)}
.ribbon-halo{stroke:#448fe3}.ribbon-core{stroke:#b7eaff}.ribbon-thread{stroke:#e1f7ff}.ribbon-sparks{fill:#a8ddff}
.hero-embers,.title-foot-embers,.season-fire{filter:hue-rotate(175deg) saturate(.55)}
#hero-download{background-image:none}
#hero-download .btn-app{background:radial-gradient(#254d7f,#091b33);outline-color:#8fc8ec;border-radius:14px;box-shadow:inset 0 0 0 4px #102541,0 5px 18px #0007,0 0 18px #358bd32b}
#hero-download .btn-app img{content:url('./navy/crest-sapphire-v1.webp');object-fit:contain}
#hero-download .btn-download-ios,#hero-download .btn-download-android{outline:0;border-radius:7px;box-shadow:0 4px 14px #0007;transition:filter .18s,box-shadow .18s}
#hero-download .btn-download-ios img{content:url('./navy/download-ios.svg')}
#hero-download .btn-download-android img{content:url('./navy/download-android.svg')}
#hero-download .install-button{background:linear-gradient(145deg,#2b5b8b,#0b2444 65%,#173d66);border-color:#9ed4ef;color:#eefaff;box-shadow:inset 0 0 0 3px #0b1c33,inset 0 0 0 4px #5587ae,0 5px 16px #0008}
#hero-download :is(.btn-download-ios,.btn-download-android,.install-button):hover{filter:brightness(1.16);box-shadow:0 4px 18px #0008,0 0 17px #6cbcf44d}
.cta-play-video{filter:hue-rotate(150deg) saturate(.45)}
.multi-device-section .device-copy h2{color:#d6efff}.multi-device-section .device-copy p{color:#a5bad3}
.multi-device-section>img{filter:drop-shadow(0 8px 18px #0007)}
.portal-layout{color:#d6e7f8}
.portal-sidebar .portal-card,.portal-main{border-image-source:url('./navy/panel-frame.svg');border-image-slice:35 24 24 24;border-image-repeat:stretch;background:linear-gradient(125deg,#102440,#08172b 70%);background-clip:padding-box;color:#d6e7f8}
.portal-sidebar .portal-card{border-image-slice:26 20 24 20}
.portal-sidebar h2,#cms-sidebar h2{color:#d7f1ff;border-bottom-color:#538ab34d;background:linear-gradient(100deg,#20476d50,transparent)}
.portal-heading{background:linear-gradient(110deg,#244e79,#102b4d 75%,#0c203b);border-bottom-color:#77afd17a;box-shadow:inset 0 1px #8dc7e457}
.portal-heading h2{color:#e2f4ff;text-shadow:0 2px 4px #0008}
.portal-heading small,.portal-mode{color:#b1cee6;border-color:#5685ab}
.portal-news-tabs :is(button,a){color:#b5cce4}
.portal-news-tabs :is(button,a):is(.selected,:hover){color:#f1faff;border-bottom-color:#91d8ff;background:#5ba5dc24}
#cms-sidebar :is(a,label,summary),.portal-layout label{color:#b7cce3}
#cms-sidebar .login-links a{color:#afd9f6}
#cms-sidebar :is(input,select),.portal-layout :is(input,select){color:#e1effc;background:#061327;border-color:#3c658b}
#cms-sidebar :is(input,select):focus,.portal-layout :is(input,select):focus{outline-color:#86d1fc;border-color:#86d1fc}
#cms-sidebar .gold,.portal-layout .portal-primary{background:linear-gradient(#306899,#153656);border:1px solid #89c1e2;color:#edf9ff;box-shadow:inset 0 1px #b4e0ff55,inset 0 -3px #05162e66,0 3px 8px #0005;text-shadow:0 1px 2px #0008}
#cms-sidebar .gold:hover{background:linear-gradient(#3c7cad,#1c456b)}
#cms-sidebar .captcha-row button{background:#173553;color:#c5e5ff;border-color:#5583ab}
#cms-sidebar .home-menu{background:linear-gradient(90deg,#1b4068,#0e243d);color:#e1f1ff}
#cms-sidebar a.is-active,#cms-sidebar :is(.portal-menu,.account-links) a.guide-link:hover,#cms-sidebar .home-menu:hover{color:#e3f7ff!important;background:linear-gradient(90deg,#3a80ba40,#2453840a);box-shadow:inset 3px 0 #89d2ff}
#cms-sidebar details>summary,#cms-sidebar details[open]>summary{color:#c6e3fb;border-color:#5584ac44;background:linear-gradient(90deg,#28578144,transparent);box-shadow:none}
.portal-note,.portal-main .portal-note,.portal-main .portal-empty,.portal-news-row time{color:#9eb7d2}
.portal-news-row,.portal-layout .portal-news-row{border-bottom-color:#365a7e;color:#d2e6f9}
.portal-news-row>strong,.portal-news-row strong{color:#d2e6f9}.portal-news-row em,.portal-news-row small,.portal-news-number{color:#83bde7}
.portal-intro,.portal-stats>div{background:linear-gradient(110deg,#183452,#10243f);border-color:#3a6387}
.portal-intro h3,.portal-article h3,.portal-heading h2,#cms-page-title{color:#d1edff}
.portal-intro p,.portal-article p,.portal-bulletin{color:#adc7df}.portal-bulletin{background:#102743}
#cms-direct-article{color:#c8ddef}
#cms-direct-article :is(h1,h2,h3,h4,h5,h6){color:#d5edff!important}
#cms-direct-article :is(p,li,td,th){color:#c8ddef}
#cms-direct-article a{color:#8dd4ff}#cms-direct-article blockquote{background:#193958;border-color:#79bde9;color:#c4ddf3}
/* Native CMS content is scoped by its renderer; match that specificity. */
html body #cms-content-host #cms-native .hp-legacy{color:#cbdfef!important;background:#0b1d35!important}
html body #cms-content-host #cms-native .hp-legacy :is(h1,h2,h3,h4,h5,h6,legend){color:#d8efff!important}
html body #cms-content-host #cms-native .hp-legacy :is(p,label,span,small,li,dt,dd){color:#bbd1e6!important}
html body #cms-content-host #cms-native .hp-legacy a{color:#94d6ff!important}
html body #cms-content-host #cms-native .hp-legacy :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#08172c!important;color:#e1f0ff!important;border-color:#4b7299!important;box-shadow:inset 0 1px 3px #0004!important}
html body #cms-content-host #cms-native .hp-legacy :is(input,textarea)::placeholder{color:#90a7c0!important}
html body #cms-content-host #cms-native .hp-legacy :is(input,select,textarea):focus{outline-color:#8ad5ff!important;background:#102945!important}
html body #cms-content-host #cms-native .hp-legacy :is(button,.vs-btn,input[type=submit],.btn-primary){background:linear-gradient(#2b5c8b,#143352)!important;color:#e7f6ff!important;border-color:#7ab2d5!important;box-shadow:inset 0 1px #b9e4ff44!important}
html body #cms-content-host #cms-native .hp-legacy :is(.hp-rank-buttons button,.hp-rank-plugin){background:#122d4b!important;color:#aecbe5!important;border:1px solid #3f648a!important}
html body #cms-content-host #cms-native .hp-legacy .hp-rank-buttons button:is(.active,.selected,[aria-pressed=true]){background:linear-gradient(#3c759f,#234c73)!important;color:#fff!important;border-color:#9cdbff!important}
html body #cms-content-host #cms-native .hp-legacy :is(table,.cms-table-scroll,.table-responsive){background:#0c2039!important;color:#d7e9f8!important;border-color:#365a80!important}
html body #cms-content-host #cms-native .hp-legacy :is(td,th){color:#cce2f5!important;border-color:#335576!important;background:transparent!important}
html body #cms-content-host #cms-native .hp-legacy :is(thead,th){background:#1c4166!important;color:#e3f5ff!important}
html body #cms-content-host #cms-native .hp-legacy tbody tr:nth-child(even){background:#132e4a!important}
html body #cms-content-host #cms-native .hp-legacy tbody tr:hover{background:#224d715c!important}
html body #cms-content-host #cms-native .hp-legacy :is(.hp-rank-top,.hp-rank-search,.hp-rank-status,.hp-rank-cache){color:#a5c3df!important;background-color:transparent!important}
html body #cms-content-host #cms-native .hp-legacy :is(.alert-info,.alert-warning,.alert-success){background:#163958!important;color:#cfe9ff!important;border-color:#497da4!important}
html body #cms-content-host #cms-native .hp-legacy .alert-danger,#cms-sidebar #login-error{color:#ffb6be!important}
.classes-frame{background:linear-gradient(125deg,#10233ded,#071529f2);border-color:#547ea3;color:#c9e3f9}
.classes-frame::before{background-image:url('./navy/panel-frame.svg')}
.class-tab{color:#aac6df;border-color:#49739a;background:#102741}
.class-tab:is(.active,[aria-selected=true]){color:#e2f5ff;border-color:#92d9ff;background:linear-gradient(#285f89,#153451)}
.class-detail h3,.class-copy h3{color:#dbf3ff}.class-detail :is(p,dd){color:#abc7e0}.class-detail :is(dt,.class-tag,.class-en){color:#81bce8}
.section-title img{filter:hue-rotate(155deg) saturate(.4) brightness(1.15)}
.footer,#footer{background:linear-gradient(#091a30,#030b18);color:#92abc5;border-top:1px solid #4368895c}
.footer a,#footer a{color:#b9dcf7}
#mu-assistant-launcher{background:linear-gradient(#244b74,#0d2543);border-color:#85bee5;color:#e0f3ff}
::-webkit-scrollbar-track{background:#071226}::-webkit-scrollbar-thumb{background:#497da6;border-color:#071226}
@media(max-width:1023px){.section-1{background-image:linear-gradient(0deg,#050e20 0%,#050e2000 45%),url('./navy/hero-sapphire-v1.webp');background-size:auto 100%;background-position:center top}}
@media(prefers-reduced-motion:reduce){#hero-download :is(.btn-download-ios,.btn-download-android,.install-button){transition:none}}

/* Native fragment surfaces and template quick links retain their own selectors. */
html body #cms-content-host #cms-native .hp-legacy :is(section,.container,.container-fluid,.row,.blog-content,.vs-blog,.vs-blog-details,.dmn-page-box,.dmn-page-content,.box-style1,.card,.card-body,.panel,.panel-body,.bg-major-black,.bg-light-dark,.bg-dark,.bg-black,.bg-secondary,.form-dark){background:#0b1d35!important;background-image:none!important;color:#c4daee!important;box-shadow:none!important}
.portal-news-tabs a.portal-quick-link,.portal-news-tabs a.portal-gift-link{background:linear-gradient(145deg,#2c5b8180,#122e4e);border-color:#6a9fc4;color:#d6eeff;box-shadow:inset 0 1px #a5d8ff22}
.portal-news-tabs .portal-quick-link svg{color:#a6d9f6}
.portal-news-tabs .portal-quick-link:is(.selected,:hover){background:linear-gradient(145deg,#3973a0,#193e63);border-color:#9bd9fc;color:#f0faff;box-shadow:inset 0 1px #d0efff44,0 0 12px #5eabe833}
#cms-sidebar .portal-quick-links a.guide-link{background:linear-gradient(115deg,#193a5e,#0b2039);border-color:#517fa64d;color:#c6e1f7;box-shadow:inset 0 1px #90c8ec14}
#cms-sidebar .portal-quick-links a.guide-link:is(.is-active,:hover){background:linear-gradient(115deg,#28537c,#102e4c);color:#e2f4ff!important;border-color:#8cc8ee;box-shadow:inset 3px 0 #8dd4ff}
#cms-sidebar .portal-quick-links .hp-nav-icon{color:#9ad3f5}
.portal-prefix{background:linear-gradient(#315c83,#1a3653)!important;border-color:#638eb0!important;color:#d9efff!important}
.portal-news-footer a,#cms-back,#cms-loading{color:#9bcced}
.mobile-portal-toggle{background:linear-gradient(#234c74,#102b49);border-color:#6ea4cc;color:#d5edff}
html body #cms-content-host #cms-native *{scrollbar-color:#497da6 #071226}
@media(max-width:540px){#header .header-brand{flex-basis:80px;width:80px}#header .header-brand img{width:80px}#header .header-nav .nav-link{font-size:9px;padding:10px 3px;gap:2px}#header .header-nav svg{width:10px;height:10px}}

/* New generated feature artwork keeps the original panoramic slide geometry. */
.section-4 .swiper-slide img{aspect-ratio:5/2;object-fit:cover}

.section-4 .swiper .swiper-slide{border-color:#7ab7df;box-shadow:0 0 0 4px #07192e,0 0 0 5px #71abd580,0 8px 25px #0008}
.section-4 .swiper .swiper-slide::before,.section-4 .swiper .swiper-slide::after{border-color:#79b8df88}