@charset "UTF-8";
:root{--navy:#101b32;--deep:#0a1326;--ink:#192740;--muted:#66758c;--yellow:#ffd34c;--cyan:#67dbea;--paper:#f0f4fa;--line:#dce3ee;--purple:#a797f1;--display:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;--body:'Segoe UI',Arial,sans-serif;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6}body.dialog-open{overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}svg,.cd-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg,a svg,button .cd-icon,a .cd-icon{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06}h1,h2,h3,.brand,.footer-copy strong{font-family:var(--display);font-weight:400}h2{font-size:clamp(34px,3.4vw,50px);letter-spacing:.4px}h3{font-size:32px}p{line-height:1.65}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #28a8c5;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(var(--container),calc(100% - 96px));margin-inline:auto}.section{padding:86px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}.section-heading h2{max-width:790px}.section-heading .eyebrow{margin-bottom:12px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;line-height:1.5;text-transform:uppercase}.section-side-note,.section-intro{max-width:300px;color:var(--muted);font-size:14px}.section-side-note{padding-bottom:4px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:54px;background:var(--yellow);color:var(--deep);padding:14px 28px;font-weight:800;font-size:14px;border:1px solid transparent;box-shadow:4px 4px 0 #a9852b;transition:transform .18s,background .18s;white-space:nowrap}.button:hover{background:#ffe083;transform:translateY(-2px)}.button-small{min-height:38px;padding:7px 23px;box-shadow:3px 3px 0 #85692a;font-size:12px}.inline-link{display:inline-flex;align-items:center;gap:14px;background:transparent;font-size:13px;font-weight:700}.inline-link:hover{color:#278297}.icon-button{display:grid;place-items:center;min-width:40px;min-height:40px;background:transparent;color:inherit;border:1px solid currentColor}.subtle-button{font-size:11px;font-weight:600;color:inherit;background:transparent;text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;left:20px;top:-80px;padding:12px 20px;background:var(--yellow);z-index:100}.skip-link:focus{top:10px}
.site-header{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff12}.header-inner{width:min(1440px,calc(100% - 64px));margin:auto;height:78px;display:flex;align-items:center;gap:38px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0;font-size:19px;letter-spacing:.4px;line-height:1}.brand img{object-fit:contain;width:53px;height:54px}.site-header nav{display:flex;align-items:center;gap:26px;margin-left:auto}.site-header nav a{font-size:12px;font-weight:700;color:#cbd3e4;transition:color .2s;position:relative}.site-header nav a:hover,.site-header nav a.active{color:var(--yellow)}.site-header nav a.active:after{content:'';height:3px;position:absolute;left:0;right:0;bottom:-28px;background:var(--yellow)}.header-actions{display:flex;gap:20px;align-items:center}.header-actions select{background:var(--navy);border:0;color:#fff;font-size:11px;font-weight:700;cursor:pointer;padding:8px 0}

.menu-toggle{display:none}
.hero{position:relative;min-height:650px;background:#697eb0;color:white;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(10,19,38,.83) 0%,rgba(10,19,38,.53) 31%,rgba(10,19,38,.03) 66%),linear-gradient(0deg,rgba(10,19,38,.38),transparent 30%)}.hero-content{position:relative;z-index:1;padding:75px 0 88px}.hero .eyebrow{color:#d2e6ff;display:flex;align-items:center;gap:9px;margin-bottom:22px}.tiny-cross{color:var(--yellow);font-size:18px}.hero h1{font-size:clamp(66px,6.3vw,90px);letter-spacing:1px;line-height:.99;text-shadow:0 3px 24px #0002}.hero h1 span{display:block}.yellow{color:var(--yellow)}.hero-description{max-width:360px;font-size:15px;color:#e4eaf3;margin-top:22px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:28px}.text-button{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.play-circle{border:1px solid #fff9;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.play-circle svg,.play-circle .cd-icon{width:14px;height:14px;fill:currentColor}.text-button:hover{color:var(--yellow)}.art-credit{position:absolute;right:32px;top:28px;font-size:9px;letter-spacing:2px;font-weight:800;color:var(--navy);background:#ffffffb8;padding:6px 10px}.scroll-hint{position:absolute;bottom:16px;left:50%;font-size:28px;color:white}.server-strip{background:var(--deep);color:#e8edf6}.server-strip-inner{display:flex;align-items:center;gap:26px;min-height:66px;font-size:11px}.server-indicator{display:flex;align-items:center;gap:10px;background:transparent;color:var(--yellow);font-size:11px;font-weight:700;white-space:nowrap;padding:10px 0}.server-indicator svg,.server-indicator .cd-icon{width:15px;height:15px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px #ffd34c12;display:inline-block;flex-shrink:0}.online .status-dot{background:#64e8ba;box-shadow:0 0 0 4px #64e8ba18}.online .server-indicator{color:#64e8ba}.offline .status-dot{background:#9babc7;box-shadow:none}.server-strip .subtle-button{margin-left:auto;color:#9eadc7;white-space:nowrap}
.news-section{background:var(--paper)}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.filter-tabs{display:flex;gap:23px;align-items:center;border-bottom:1px solid var(--line)}.filter-tabs button{background:transparent;color:var(--muted);font-size:12px;font-weight:700;padding:10px 0;border-bottom:3px solid transparent;position:relative;bottom:-1px}.filter-tabs button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--yellow)}.archive-note{font-size:11px;color:var(--muted)}.news-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:23px}.news-card{background:white;position:relative;display:flex;flex-direction:column;min-width:0}.news-card button{background:transparent;color:inherit;text-align:left;padding:0;height:100%;display:flex;flex-direction:column}.news-card .news-image{overflow:hidden;width:100%;aspect-ratio:1.78;position:relative}.news-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.news-card button:hover img{transform:scale(1.04)}.news-card-content{padding:23px 24px 20px;display:flex;flex-direction:column;flex:1;width:100%}.news-meta{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.5px;font-weight:700;color:var(--muted);margin-bottom:12px}.news-category{color:#47748c}.news-card h3{font-family:var(--body);font-size:17px;font-weight:750;line-height:1.4;min-height:48px}.news-card p{font-size:12px;color:var(--muted);margin:12px 0 23px}.news-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:10px;font-weight:700}.news-card-bottom svg,.news-card-bottom .cd-icon{width:18px;height:18px}.news-card.portal-card{background:var(--navy);color:white;overflow:hidden}.portal-card .news-image{background:linear-gradient(120deg,#253965,#465179);aspect-ratio:1.78}.portal-card .news-image:before{content:'';position:absolute;border:1px solid #ffffff1a;width:220px;height:220px;transform:rotate(40deg);left:-50px;top:-65px}.portal-card .news-image img{position:absolute;width:110px;height:220px;object-fit:contain;right:18px;top:14px}.portal-title{font-family:var(--display);position:absolute;left:25px;top:38px;font-size:40px;line-height:1.06;max-width:160px;color:var(--yellow)}.portal-card .news-meta,.portal-card p{color:#bcc9df}.portal-card .news-category{color:var(--yellow)}.portal-card .news-card-bottom{border-top-color:#ffffff1a}.empty-state{padding:35px 20px;text-align:center;color:var(--muted);background:#ffffff70;font-size:14px}
.game-section{background:white}.feature-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:0;align-items:stretch;background:var(--navy);color:white}.feature-image-button{padding:0;background:var(--navy);position:relative;overflow:hidden;width:100%;align-self:center}.feature-image-button img{width:100%;aspect-ratio:926/525;object-fit:cover}.image-expand{position:absolute;bottom:15px;right:15px;width:34px;height:34px;background:#101b32b0;color:white;display:grid;place-items:center;font-size:22px}.feature-copy{padding:36px 40px;display:flex;flex-direction:column;justify-content:center}.feature-number{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:700}.feature-copy h3{font-size:36px;margin-top:16px;max-width:280px}.feature-copy p{font-size:13px;margin-top:18px;color:#c1cce0}.feature-controls{display:flex;align-items:center;justify-content:space-between;margin-top:30px;max-width:230px}.feature-controls .icon-button{min-width:33px;min-height:32px;border-color:#ffffff30}.feature-controls .icon-button:hover{color:var(--yellow);border-color:var(--yellow)}.feature-dots{display:flex;gap:9px}.feature-dots button{width:8px;height:8px;padding:0;background:#fff4;border-radius:50%}.feature-dots button[aria-pressed=true]{background:var(--yellow)}.feature-copy .inline-link{color:var(--yellow);margin-top:24px;font-size:11px}.game-facts{display:flex;gap:30px;justify-content:space-around;margin-top:35px;text-align:center}.game-facts>div{display:flex;flex-direction:column;flex:1;border-right:1px solid var(--line)}.game-facts>div:last-child{border:0}.game-facts strong{font-family:var(--display);font-weight:400;font-size:30px;letter-spacing:1px}.game-facts span{font-size:11px;color:var(--muted)}
.arsenal-section{background:var(--paper)}.arsenal-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:38px}.destructor-showcase{min-height:480px;position:relative;overflow:hidden;background:#e2e9f4;display:flex;flex-direction:column;justify-content:flex-end;padding:32px}.showcase-tag{position:absolute;top:25px;left:30px;font-size:9px;font-weight:800;letter-spacing:1px;color:#506988}.showcase-target{position:absolute;width:290px;height:290px;top:65px;left:50%;transform:translateX(-50%);stroke-width:.25;color:#7792bd60}.destructor-showcase>img{position:absolute;width:90%;height:230px;object-fit:contain;top:70px;left:5%;filter:drop-shadow(0 18px 16px #1d335633);transform:rotate(-12deg)}.showcase-caption{position:relative;z-index:1}.showcase-caption span{font-size:12px;color:#506988}.showcase-caption h3{font-size:48px;letter-spacing:1px;margin:7px 0 13px}.showcase-caption p{font-size:13px;color:#506988;max-width:360px}.catalog-tools{display:flex;gap:12px}.search-field{display:flex;align-items:center;background:white;border:1px solid var(--line);gap:10px;padding-left:14px;flex:1;min-width:0}.search-field svg,.search-field .cd-icon{width:17px;height:17px;color:var(--muted)}.search-field input{min-width:0;width:100%;padding:12px 8px 12px 0;font-size:12px;border:0;background:transparent}.catalog-tools select,.map-panel select{background:white;border:1px solid var(--line);color:var(--ink);padding:12px;font-size:12px;max-width:190px}.catalog-count{font-size:10px;color:var(--muted);margin:15px 0}.catalog-list{max-height:400px;min-height:300px;overflow:auto;scrollbar-color:#b5c1d3 transparent;scrollbar-width:thin;border-top:1px solid var(--line)}.catalog-row{width:100%;display:flex;gap:15px;align-items:center;text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);background:transparent;color:var(--ink)}.catalog-row:hover{background:#fff}.catalog-icon{display:grid;place-items:center;min-width:40px;height:40px;background:#dee7f3;color:#5d7ca3}.catalog-icon svg,.catalog-icon .cd-icon{width:23px;height:23px}.catalog-row h3{font-family:var(--body);font-size:14px;font-weight:700;line-height:1.4}.catalog-row span{font-size:10px;color:var(--muted)}.catalog-row>svg,.catalog-row>.cd-icon{margin-left:auto;width:16px;height:16px;color:var(--muted)}
.map-section{background:#162944;color:white;position:relative;overflow:hidden}.map-section .eyebrow{color:var(--cyan)}.map-coordinate{font-size:10px;letter-spacing:2px;color:#8da6c6;white-space:nowrap}.map-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.map-canvas{position:relative;aspect-ratio:1;background:radial-gradient(ellipse,#28507980,transparent 68%)}.map-canvas>img{width:100%;height:100%;object-fit:contain}.map-marker{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #fff9;color:white;width:24px;height:24px;min-height:24px;border-radius:50%;background:#101b32c9;font-weight:800;font-size:9px;transition:background .2s,box-shadow .2s;z-index:2}.map-marker:hover,.map-marker[aria-pressed=true]{background:var(--yellow);color:var(--deep);border-color:var(--yellow);box-shadow:0 0 0 5px #ffd34c30;z-index:3}.map-compass{position:absolute;right:20px;top:20px;color:#8fa7c8;text-align:center;font-size:11px;font-weight:800}.map-panel h3{font-size:42px;margin:14px 0 20px;overflow-wrap:anywhere}.map-panel>p{color:#b4c4d9;font-size:13px;max-width:330px}.map-panel select{max-width:none;width:100%;margin:23px 0;background:#1d3658;border-color:#38506f;color:white}.region-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.region-list button{background:transparent;text-align:left;border-bottom:1px solid #ffffff12;color:#9eafc9;padding:8px 0;font-size:11px;display:flex;gap:7px;align-items:center}.region-list button span{color:#6d8bab;font-size:9px;font-weight:800}.region-list button[aria-pressed=true]{color:var(--yellow)}.region-list button:hover{color:white}.map-panel .map-note{font-size:10px;color:#7e96b6;border-top:1px solid #ffffff15;padding-top:15px;margin-top:23px}
.media-section{background:white}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.media-card{padding:0;background:var(--paper);text-align:left;overflow:hidden;color:var(--ink)}.media-card:first-child{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.media-card img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}.media-card:first-child img{flex:1;min-height:0;object-fit:cover}.media-card:hover img{transform:scale(1.03)}.media-caption{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;position:relative;background:var(--paper)}.media-caption svg,.media-caption .cd-icon{width:17px;height:17px}.media-note{font-size:10px;color:var(--muted);margin-top:20px}
.download-section{background:var(--yellow);position:relative;padding:75px 0;overflow:hidden}.download-section:before{content:'';position:absolute;right:25%;top:-80px;width:200px;height:550px;background:#e8b827;transform:rotate(30deg);opacity:.35}.download-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;position:relative}.download-section h2{font-size:clamp(44px,4.5vw,64px);margin:14px 0 20px;max-width:450px}.download-section p{max-width:430px;font-size:14px;color:#4d4129}.download-status{display:flex;align-items:center;gap:12px;margin-top:25px;font-size:11px;font-weight:700}.download-status .status-dot{background:#776236;box-shadow:0 0 0 4px #77623615}.platform-list{display:flex;flex-direction:column;justify-content:center;gap:13px}.platform-card{display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--navy);color:white;min-height:87px;text-align:left;width:100%;border:1px solid transparent}.platform-card:hover{border-color:white}.platform-card.is-unavailable{background:#ffffff32;border:1px solid #85692355;color:var(--ink)}.platform-icon{font-size:23px;width:30px;line-height:1;flex-shrink:0;text-align:center}.platform-name{font-size:15px;font-weight:800}.platform-meta{font-size:10px;opacity:.7;margin-top:2px}.platform-card>svg,.platform-card>.cd-icon{margin-left:auto;width:20px;height:20px}.platform-tag{font-size:9px;letter-spacing:.5px;font-weight:800;margin-left:auto;white-space:nowrap}.faq-section{background:var(--paper)}.faq-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:85px}.faq-layout h2{margin:14px 0 20px}.faq-layout>div>p{font-size:13px;color:var(--muted);max-width:270px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{padding:20px 32px 20px 0;font-size:13px;font-weight:700;list-style:none;cursor:pointer;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:4px;top:16px;font-weight:400;font-size:22px;color:var(--muted)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;color:var(--muted);padding:0 25px 22px 0}
.site-footer{background:var(--deep);color:white;padding:40px 0 22px}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:35px}.footer-logo{width:94px;flex-shrink:0}.footer-logo img{width:94px;height:auto}.footer-copy strong{font-size:21px;letter-spacing:1px}.footer-copy p{font-size:11px;color:#93a3bd;margin-top:6px}.community-links{display:flex;gap:20px;margin-top:15px}.community-links a{font-size:11px;color:var(--cyan)}.footer-nav{margin-left:auto;display:flex;gap:26px;font-size:11px;color:#b8c5da}.footer-nav button{font-size:11px;background:transparent;color:inherit;padding:0}.footer-nav a:hover,.footer-nav button:hover{color:var(--yellow)}.footer-bottom{display:flex;gap:22px;align-items:center;border-top:1px solid #ffffff13;padding-top:20px;color:#7284a2;font-size:9px}.footer-bottom a{margin-left:auto;white-space:nowrap;color:#9aacc8}
dialog{padding:0;border:0;max-width:min(840px,calc(100vw - 32px));width:840px;max-height:calc(100dvh - 50px);color:var(--ink);background:white;box-shadow:0 25px 90px #0008;overscroll-behavior:contain}dialog::backdrop{background:#071023d9;backdrop-filter:blur(5px)}.dialog-close{position:sticky;float:right;top:12px;right:12px;z-index:5;margin:12px 12px -52px 0;width:36px;min-height:36px;min-width:36px;border:none;background:var(--navy);color:white}.dialog-content-body{padding:42px}.dialog-content-body h2{margin:12px 0 22px;font-size:38px;overflow-wrap:anywhere}.dialog-content-body p{font-size:14px;color:var(--muted);margin:14px 0}.dialog-content-body .eyebrow{color:#47748c}.dialog-content-body .notice{padding:14px 18px;background:var(--paper);font-size:12px}.dialog-image{width:100%;max-height:65dvh;object-fit:contain;background:var(--deep)}.gallery-dialog .dialog-content-body{padding:26px 35px}.gallery-dialog .dialog-content-body h2{font-family:var(--body);font-size:20px;font-weight:700;margin:0}.gallery-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px}.gallery-controls .icon-button{border-color:var(--line)}.gallery-controls span{font-size:11px;color:var(--muted)}.dialog-video{width:100%;max-height:70dvh;background:var(--deep)}.status-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.status-details div{padding:15px;background:var(--paper)}.status-details dt{font-size:10px;color:var(--muted)}.status-details dd{margin:4px 0 0;font-size:15px;font-weight:700}.catalog-detail-icon{padding:35px;background:var(--paper);display:flex;justify-content:center}.catalog-detail-icon svg,.catalog-detail-icon .cd-icon{width:90px;height:90px;color:#89a1bd;stroke-width:1}.catalog-detail-icon img{max-height:180px;object-fit:contain}.dialog-content-body ul{font-size:13px;color:var(--muted);padding-left:22px}.dialog-content-body li{margin-bottom:10px}



.auth-tabs{gap:25px}.auth-notice{font-size:12px;color:#506482;background:var(--paper);padding:13px 16px;margin:20px 0}fieldset{padding:0;border:0;margin:0;min-width:0}fieldset:disabled{opacity:.55}

.input-hint{font-size:10px;color:var(--muted);margin-top:5px}.password-field{position:relative}.password-field input{padding-right:72px!important}.password-field button{position:absolute;right:9px;top:9px;padding:4px;font-size:10px;font-weight:700;background:transparent;color:var(--muted)}
.checkbox-label input{margin-top:4px;accent-color:#527295}.auth-submit{width:100%;margin-top:18px}.form-feedback{color:#a63d39;font-size:12px;margin-top:10px;min-height:19px}.form-feedback.success{color:#277452}.auth-privacy{margin-top:20px;font-size:10px;color:var(--muted)}.profile-avatar{display:grid;place-items:center;background:var(--paper);width:70px;height:70px;border-radius:50%;margin:20px 0}.profile-avatar svg,.profile-avatar .cd-icon{width:32px;height:32px;color:#597da9}#profile-name{font-family:var(--body);font-size:23px;font-weight:750;overflow-wrap:anywhere}#profile-details{margin:20px 0 30px;font-size:12px}#profile-details dt{color:var(--muted);margin-top:10px}#profile-details dd{margin:0;font-weight:600}#logout-feedback{font-size:12px;color:#a63d39;margin-top:12px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);max-width:calc(100% - 40px);background:var(--navy);color:white;padding:15px 24px;box-shadow:0 10px 30px #0004;font-size:13px;z-index:60}.noscript-message{position:fixed;bottom:0;left:0;right:0;background:var(--yellow);padding:20px;z-index:99}
@media(min-width:1600px){.hero{min-height:720px}.hero-content{padding-top:100px}.hero h1{font-size:98px}}
@media(max-width:1150px){.header-inner{gap:20px;width:calc(100% - 40px)}.site-header nav{gap:17px}.header-actions{gap:14px}.brand{font-size:16px;gap:8px}.brand img{width:43px;height:43px}
.hero-actions{gap:18px}.container{width:calc(100% - 64px)}.feature-copy{padding:26px}.feature-copy h3{font-size:30px}.section-heading{gap:24px}.section-heading h2{max-width:660px}.section-intro{max-width:245px}.map-layout{gap:35px}.download-layout{gap:50px}.arsenal-layout{gap:25px}.catalog-tools{flex-direction:column}.catalog-tools select{max-width:none;width:100%}.catalog-list{max-height:340px}.news-card-content{padding:20px}.portal-title{font-size:34px;max-width:130px}.portal-card .news-image img{right:0;width:90px;height:180px}.faq-layout{gap:45px}}
@media(max-width:860px){.header-inner{height:70px;gap:15px}.brand{font-size:15px}.header-actions{margin-left:auto}.header-actions .button{display:none}.menu-toggle{display:grid;order:3;border:0;margin-left:0}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;padding:20px 30px;background:var(--navy);border-top:1px solid #ffffff20;box-shadow:0 15px 25px #0003;margin:0;flex-direction:column;align-items:stretch;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:13px 10px;font-size:14px}.site-header nav a.active:after{bottom:0;width:26px;right:auto;left:10px}.hero{min-height:640px}.hero-content{padding-top:82px;padding-bottom:65px}.hero h1{font-size:76px}.hero-art{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#0a1326c9,#0a132670 50%,#0a13260d),linear-gradient(0deg,#0a132659,transparent 50%)}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.art-credit{right:20px;top:20px;font-size:8px}.server-strip-inner{gap:15px;flex-wrap:wrap;padding:16px 0;min-height:80px}.server-strip-inner>span{order:3;width:100%;font-size:11px}.server-strip .subtle-button{font-size:10px}.section{padding:62px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.section-intro{max-width:530px}.section-side-note{display:none}.news-grid{grid-template-columns:1fr 1fr}.portal-card{grid-column:span 2}.news-card.portal-card button{flex-direction:row}.portal-card .news-image{width:42%;min-height:240px}.portal-card .news-card-content{width:58%}.portal-title{font-size:39px;max-width:140px}.portal-card .news-image img{width:100px;height:240px}.feature-layout{grid-template-columns:1fr}.feature-copy{padding:30px;display:grid;grid-template-columns:1fr auto;gap:0 30px}.feature-copy h3{max-width:none;font-size:35px;grid-column:1/-1}.feature-copy p{max-width:480px;grid-column:1/-1}.feature-controls{margin-top:25px;width:200px}.feature-copy .inline-link{align-self:center;justify-self:end}.arsenal-layout{grid-template-columns:1fr 1fr;gap:24px}.destructor-showcase{padding:25px;min-height:520px}.showcase-caption h3{font-size:38px}.showcase-tag{left:25px;right:25px}.catalog-row{padding:14px 3px;gap:10px}.catalog-row h3{font-size:12px}.catalog-icon{min-width:32px;height:32px}.map-layout{grid-template-columns:1fr;gap:20px}.map-canvas{max-width:600px;width:100%;margin:auto}.map-panel{max-width:600px;width:100%;margin:auto}.map-panel h3{font-size:35px}.map-panel>p{max-width:none}.region-list{grid-template-columns:1fr 1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}.media-card:first-child{grid-column:span 2;grid-row:auto}.media-card:first-child img{aspect-ratio:16/9;flex:initial}.download-section{padding:60px 0}.download-layout{grid-template-columns:1fr;gap:30px}.download-section p{max-width:550px}.platform-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.platform-card{flex-wrap:wrap;gap:12px;padding:18px;min-height:150px;align-content:center}.platform-card .platform-tag{margin-left:0;font-size:8px;width:100%}.platform-card>svg,.platform-card>.cd-icon{width:17px}.platform-name{font-size:14px}.platform-icon{font-size:20px;width:23px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout>div>p{max-width:none}.footer-top{gap:25px;flex-wrap:wrap}.footer-nav{width:100%;margin-left:0}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom a{margin-left:0}.footer-bottom>span:nth-child(2){width:100%;order:3}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.header-inner{width:calc(100% - 28px);gap:10px}.brand img{width:36px;height:38px}.brand{font-size:13px;gap:6px}.header-actions{gap:12px}
.menu-toggle{min-width:32px}.hero{min-height:620px}.hero-content{padding:96px 0 58px}.hero h1{font-size:clamp(58px,14.5vw,75px);letter-spacing:.5px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:19px}.hero-description{font-size:13px;max-width:290px;margin-top:22px}.hero-art{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#0a1326d4,#0a13268c 58%,#0a132630),linear-gradient(0deg,#0a132659,transparent)}.hero-actions .button{font-size:13px;min-height:50px;padding:12px 20px}.text-button{font-size:11px}.art-credit{top:18px;font-size:7px;right:18px}.scroll-hint{left:auto;right:20px;bottom:12px}.server-strip-inner{gap:8px}.server-indicator{font-size:10px}.server-strip .subtle-button{font-size:9px}.server-strip-inner>span{font-size:10px}.section{padding:48px 0}h2{font-size:35px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section-heading{margin-bottom:25px}.section-intro{font-size:12px}.section-toolbar{flex-direction:column;align-items:flex-start;gap:13px}.filter-tabs{gap:23px;width:100%}.filter-tabs button{font-size:11px}.archive-note{font-size:9px}.news-grid{grid-template-columns:1fr;gap:20px}.portal-card{grid-column:auto;order:-1}.news-card.portal-card button{flex-direction:column}.portal-card .news-image{width:100%;min-height:190px;aspect-ratio:auto}.portal-card .news-card-content{width:100%}.portal-title{max-width:180px;font-size:42px;top:35px;left:24px}.portal-card .news-image img{right:25px;top:8px;width:110px;height:230px}.news-card h3{font-size:17px;min-height:0}.news-card-content{padding:22px}.news-card p{margin-bottom:20px}.feature-copy{padding:25px;display:block}.feature-copy h3{font-size:33px}.feature-copy .inline-link{margin-top:22px}.feature-controls{max-width:210px;width:100%}.game-facts{gap:10px;justify-content:space-between}.game-facts strong{font-size:24px}.game-facts span{font-size:8px;padding:0 5px}.arsenal-layout{grid-template-columns:1fr}.destructor-showcase{min-height:420px}.showcase-caption h3{font-size:44px}.showcase-caption p{font-size:12px}.destructor-showcase>img{top:60px;height:205px}.showcase-target{top:55px;width:235px;height:235px}.catalog-tools{flex-direction:row;gap:8px}.catalog-tools select{width:125px;max-width:125px;font-size:10px;padding:10px 6px}.search-field{padding-left:10px;gap:5px}.search-field input{font-size:11px}.catalog-list{max-height:350px;min-height:200px}.catalog-row{padding:14px 6px}.catalog-row h3{font-size:14px}.catalog-icon{min-width:36px;height:36px}.map-layout{gap:16px}.map-canvas{margin:0 -8px;width:calc(100% + 16px)}.map-marker{width:22px;height:22px;font-size:8px}.map-compass{right:18px;top:12px}.map-panel h3{font-size:31px}.region-list{grid-template-columns:1fr 1fr}.region-list button{font-size:10px;padding:11px 0}.map-coordinate{font-size:8px}.media-grid{gap:13px}.media-caption{padding:12px;font-size:10px;line-height:1.4;min-height:57px}.media-caption svg,.media-caption .cd-icon{width:14px;height:14px}.media-card:first-child .media-caption{font-size:12px;min-height:45px}.download-section{padding:50px 0}.download-section h2{font-size:48px}.download-section p{font-size:13px}.download-status{font-size:10px}.platform-list{grid-template-columns:1fr}.platform-card{min-height:82px;flex-wrap:nowrap;padding:18px 22px}.platform-card .platform-tag{width:auto;margin-left:auto;font-size:9px}.platform-name{font-size:15px}.platform-icon{font-size:24px;width:30px}.faq-list summary{font-size:12px;padding-top:18px;padding-bottom:18px}.faq-list details p{font-size:12px}.footer-logo,.footer-logo img{width:72px}.footer-top{gap:22px;padding-bottom:27px}.footer-copy strong{font-size:19px}.footer-copy p{font-size:10px}.footer-nav{gap:22px;font-size:10px}.footer-nav button{font-size:10px}.footer-bottom{font-size:8px}.dialog-content-body{padding:32px 24px}.dialog-content-body h2{font-size:30px}.dialog-content-body p{font-size:13px}

.gallery-dialog .dialog-content-body{padding:24px}.gallery-dialog .dialog-content-body h2{font-size:17px}.status-details{gap:10px}.toast{bottom:20px;font-size:12px;padding:13px 18px;width:calc(100% - 40px)}}

/* Shared pages and interactions. The original artwork remains the visual anchor. */
.scroll-hint svg,.scroll-hint .cd-icon{transform:rotate(90deg);width:20px;height:20px}.hero-content{padding-top:94px}.hero-description{font-size:16px}.section-heading{margin-bottom:30px}
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--motion-fast:160ms;--motion-ui:250ms;--shadow-control:0 5px 15px #0a132626;--shadow-dialog:0 24px 70px #0006}
::selection{background:#ffd34c;color:#101b32}input{caret-color:#22798c}html{scrollbar-color:#879ab5 #e5ebf3}button:disabled{opacity:.5}a,button,input,select,summary{outline-offset:4px}.button{box-shadow:var(--shadow-control);transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) ease}.button-small{box-shadow:var(--shadow-control)}.button:active{transform:scale(.98)}.hero h1{font-size:clamp(66px,6.3vw,90px)}.section-heading h2{font-size:clamp(34px,3.4vw,48px);text-wrap:balance}.section-intro{font-size:14px}.section-heading>.section-side-note{margin-left:auto}.section-explore{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}.section-explore svg,.section-explore .cd-icon{width:17px;height:17px}.section-explore span{display:none}.section-explore:hover{color:#256c81}.header-search{border:0;width:36px;min-width:36px;min-height:40px;color:#d7e0ef}.header-search svg,.header-search .cd-icon{width:18px;height:18px}.header-actions{gap:15px}.reading-progress{position:absolute;bottom:0;height:2px;left:0;right:0;pointer-events:none;overflow:hidden}.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--yellow)}.site-header nav a[aria-current=page]{color:var(--yellow)}.site-header nav a[aria-current=page]:after{content:'';position:absolute;left:0;right:0;bottom:-28px;height:3px;background:var(--yellow)}.back-top{position:fixed;bottom:25px;right:24px;border:0;width:44px;height:44px;background:var(--navy);color:white;z-index:34;box-shadow:var(--shadow-control)}.back-top svg,.back-top .cd-icon{transform:rotate(-90deg)}.has-comparison .back-top{bottom:105px}.platform-icon svg,.platform-icon .cd-icon{width:25px;height:25px}.arrow-left svg,.arrow-left .cd-icon{transform:rotate(180deg)}.news-card>a{background:transparent;color:inherit;text-align:left;padding:0;height:100%;display:flex;flex-direction:column}.portal-card .news-image{overflow:hidden}.news-card .news-card-bottom{min-height:35px}.news-card>a:focus-visible{outline-offset:5px}.expanded-tools{display:flex;align-items:center;gap:16px;margin-bottom:28px}.expanded-tools .search-field{max-width:450px;min-height:44px}.expanded-tools input{min-height:44px;padding:10px 14px 10px 0}.expanded-tools select{font-size:12px;padding:10px 14px;min-height:44px;background:white;border:1px solid var(--line);color:var(--ink)}.expanded-tools .subtle-button{margin-left:auto;font-size:11px}.catalog-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.favorite-filter{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;min-height:40px;background:transparent;color:var(--muted);font-size:11px;border:1px solid var(--line)}.favorite-filter svg,.favorite-filter .cd-icon{width:15px;height:15px}.favorite-filter[aria-pressed=true]{color:var(--ink);background:#fff1b8;border-color:#d3b73d}.favorite-filter[aria-pressed=true] svg,.favorite-filter[aria-pressed=true] .cd-icon{fill:var(--yellow)}#favorites-count{font-size:10px;font-weight:700}.catalog-note{font-size:10px;color:var(--muted);margin-top:18px;max-width:65ch}.catalog-entry{display:flex;align-items:center;border-bottom:1px solid var(--line);min-width:0}.catalog-entry .catalog-row{flex:1;min-width:0;border:0}.catalog-row>div{min-width:0}.catalog-row h3{overflow-wrap:anywhere}.catalog-entry-actions{display:flex;align-items:center;flex-shrink:0}.catalog-entry-actions button{display:grid;place-items:center;min-width:38px;min-height:44px;color:#57728c;background:transparent;padding:8px}.catalog-entry-actions svg,.catalog-entry-actions .cd-icon{width:17px;height:17px}.catalog-entry-actions button[aria-pressed=true]{color:var(--navy)}.favorite-toggle[aria-pressed=true] svg,.favorite-toggle[aria-pressed=true] .cd-icon{fill:var(--yellow)}.compare-toggle[aria-pressed=true]{background:#dae9ef}.catalog-entry .catalog-row>svg,.catalog-entry .catalog-row>.cd-icon{display:none}.comparison-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:35;display:flex;align-items:center;gap:18px;background:var(--navy);color:white;padding:16px 20px;width:min(950px,calc(100% - 40px));box-shadow:0 12px 30px #0004}.comparison-selection{display:flex;gap:12px;align-items:center;flex:1;min-width:0;flex-wrap:wrap}.comparison-selection>span{display:flex;gap:10px;align-items:center;font-size:12px;background:#ffffff12;padding:5px 9px 5px 12px;min-width:0}.comparison-selection button{background:transparent;color:#b4c9dc;min-width:30px;min-height:30px;display:grid;place-items:center}.comparison-selection svg,.comparison-selection .cd-icon{width:13px;height:13px}.comparison-bar .button-small{min-height:40px;font-size:12px}.comparison-bar .subtle-button{font-size:11px}.has-comparison .site-footer{padding-bottom:120px}.comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.comparison-columns>article{min-width:0;border-top:2px solid var(--yellow);padding-top:20px}.comparison-columns>article>span{font-size:10px;color:var(--muted)}.comparison-columns h3{font-family:var(--body);font-weight:750;font-size:23px;margin:10px 0 18px;overflow-wrap:anywhere}.comparison-columns p{font-size:13px}.comparison-columns:has(>article:only-child){grid-template-columns:1fr}
.is-subpage .section{padding:48px 0 70px}.is-subpage .section-heading{margin-bottom:24px}.is-subpage .section-heading h2,.is-subpage .section-heading .eyebrow,.is-subpage .section-explore{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-subpage .section-heading .section-intro{max-width:650px;font-size:14px}.is-subpage .section-heading .section-side-note{display:none}.is-subpage .section-heading:has(>div:only-child){margin:0}.is-subpage[data-page=arsenal] .arsenal-layout{grid-template-columns:310px 1fr;align-items:start;gap:38px}.is-subpage[data-page=arsenal] .destructor-showcase{position:sticky;top:110px;min-height:445px;padding:27px}.is-subpage[data-page=arsenal] .destructor-showcase>img{height:170px;top:95px}.is-subpage[data-page=arsenal] .showcase-target{width:230px;height:230px}.is-subpage[data-page=arsenal] .showcase-caption h3{font-size:36px}.is-subpage[data-page=arsenal] .showcase-caption p{font-size:12px}.is-subpage[data-page=arsenal] .catalog-list{max-height:none;overflow:visible;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px;border-top:1px solid var(--line)}.is-subpage[data-page=arsenal] .catalog-row{padding:18px 0}.is-subpage[data-page=arsenal] .catalog-row h3{font-size:12px}.is-subpage[data-page=arsenal] .catalog-icon{min-width:32px;height:32px}.is-subpage[data-page=arsenal] .catalog-entry-actions{flex-direction:column}.is-subpage[data-page=arsenal] .catalog-entry-actions button{min-height:33px}.is-subpage[data-page=arsenal] .catalog-tools{flex-direction:row}.is-subpage[data-page=arsenal] .catalog-tools select{max-width:190px;width:190px}.is-subpage .media-grid{grid-template-columns:repeat(3,1fr)}.is-subpage .media-card:first-child{grid-column:auto;grid-row:auto;display:block}.is-subpage .media-card:first-child img{aspect-ratio:16/9;min-height:0;flex:initial}.is-subpage .media-caption{min-height:62px}.gallery-tools{flex-wrap:wrap;justify-content:space-between;margin-bottom:30px}.gallery-tools .filter-tabs{flex-shrink:0}.gallery-tools .search-field{max-width:330px;flex:1}.gallery-actions{display:flex;gap:20px;align-items:center;margin-top:23px;font-size:11px;font-weight:700}.gallery-actions>a,.gallery-actions>button{display:inline-flex;align-items:center;gap:8px;min-height:35px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;padding:0}.gallery-actions svg,.gallery-actions .cd-icon{width:17px;height:17px}.gallery-thumbnails{display:flex;gap:8px;margin-top:20px;overflow:auto;padding:3px}.gallery-thumbnails button{background:transparent;opacity:.65;border:2px solid transparent;padding:0;flex-shrink:0}.gallery-thumbnails button[aria-pressed=true]{border-color:#227a91;opacity:1}.gallery-thumbnails img{width:80px;height:45px;object-fit:cover}#content-dialog:fullscreen{max-width:none;max-height:none;width:100%;height:100%;background:var(--deep);color:white;overflow:auto}#content-dialog:fullscreen .gallery-dialog .dialog-content-body{max-width:1100px;margin:auto}#content-dialog:fullscreen .dialog-image{height:70dvh;max-height:70dvh}#content-dialog:fullscreen .gallery-actions a,#content-dialog:fullscreen .gallery-actions button{color:white}.map-canvas{overflow:hidden}.map-world{position:absolute;inset:0;transform-origin:center}.map-world>img{width:100%;height:100%;object-fit:contain}.map-world>#map-markers{position:absolute;inset:0}.map-tools{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;background:#0a1326ed;padding:7px;color:#d3e1ef;z-index:8;white-space:nowrap}.map-tools .icon-button{min-width:36px;min-height:36px;border-color:#405774}.map-tools .icon-button svg,.map-tools .icon-button .cd-icon{width:18px;height:18px}.map-tools output{font-size:10px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.map-reset{display:flex;align-items:center;gap:8px;color:#c6d8eb;background:transparent;font-size:9px;font-weight:700;padding:6px 5px;min-height:36px}.map-reset svg,.map-reset .cd-icon{width:16px;height:16px}.map-canvas.is-zoomed{cursor:grab;touch-action:none}.map-canvas.is-panning{cursor:grabbing}.map-interaction-hint{color:#adc4de;font-size:11px;text-align:center;margin-top:25px}.map-marker{box-shadow:none!important;min-width:24px;min-height:24px}.map-marker:before{content:'';position:absolute;inset:-7px}.map-marker[aria-pressed=true]{border:2px solid #fff}.map-panel .map-note{color:#a5bbd4}.map-compass{color:#adc4de}
.equipment-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;align-items:start}.equipment-visual{background:#e1e8f2;min-height:340px;display:flex;align-items:center;justify-content:center;position:relative;padding:40px}.equipment-visual>svg,.equipment-visual>.cd-icon{width:130px;height:130px;color:#6586ad;stroke-width:.8}.equipment-visual>img{max-height:240px;width:100%;object-fit:contain;filter:drop-shadow(0 15px 18px #263b5529)}.equipment-visual>span{position:absolute;bottom:22px;left:30px;font-size:9px;font-weight:700;color:#607995}.detail-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.favorite-detail{display:flex;align-items:center;gap:9px;color:var(--ink);background:transparent;font-size:11px;font-weight:700;min-height:44px;border:1px solid var(--line);padding:8px 12px}.favorite-detail svg,.favorite-detail .cd-icon{width:18px;height:18px}.favorite-detail[aria-pressed=true] svg,.favorite-detail[aria-pressed=true] .cd-icon{fill:var(--yellow)}.equipment-copy>h2{font-family:var(--body);font-weight:750;font-size:22px;margin:20px 0 14px;line-height:1.35}.equipment-copy>p{font-size:14px;color:#54657d;max-width:70ch;margin:16px 0}.equipment-copy>.detail-lead{font-size:17px;color:var(--ink)}.equipment-copy>.reading-heading{font-size:15px;margin-top:30px}.equipment-copy>.content-note,.content-note{font-size:12px;padding:18px 20px;background:#e9eef6;color:#60718a;margin:27px 0;line-height:1.7}.equipment-copy>.button{margin-top:15px}.related-items{margin-top:70px;border-top:1px solid var(--line);padding-top:32px}.related-items>h2{font-size:30px;margin-bottom:18px}.related-items>a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 18px;min-width:190px;margin:0 15px 12px 0;font-size:13px;font-weight:700;background:white}.related-items svg,.related-items .cd-icon{width:17px;height:17px}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) 1fr;gap:45px}.article-body{background:white}.article-cover{width:100%;aspect-ratio:1.8;object-fit:cover}.article-reading{padding:35px 40px}.article-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted);margin-bottom:30px}.article-reading>p{font-size:16px;line-height:1.8;max-width:70ch;margin:20px 0;color:#506078}.article-reading>.content-note{font-size:12px}.article-aside{align-self:start;position:sticky;top:110px}.article-aside>h2{font-family:var(--body);font-weight:750;font-size:15px;margin-bottom:20px}.article-aside>a{display:flex;flex-direction:column;gap:10px;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.article-aside time{font-size:10px;color:var(--muted)}.article-aside strong{line-height:1.5;font-size:15px}.article-aside svg,.article-aside .cd-icon{width:18px;height:18px}.missing-page{display:flex;align-items:center;flex-direction:column;text-align:center;gap:26px;padding:30px 0 75px}.missing-page>svg,.missing-page>.cd-icon{width:70px;height:70px;stroke-width:.8;color:#6a88ac}.missing-page>p{max-width:60ch;color:var(--muted);font-size:15px}.share-url{width:100%;border:1px solid var(--line);padding:14px;color:var(--ink);background:var(--paper);font-size:13px}
.status-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.status-overview{background:white;padding:35px}.status-state{display:flex;align-items:center;gap:17px}.status-state h2{font-family:var(--body);font-size:23px;font-weight:750;line-height:1.4}.status-state .status-dot{background:#b89125;box-shadow:none}.status-state.is-online .status-dot{background:#258060}.status-overview>p{color:var(--muted);font-size:14px;margin-top:22px;max-width:65ch}.status-overview>dl{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:27px 0}.status-overview dt{font-size:10px;color:var(--muted)}.status-overview dd{margin:5px 0 0;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums}.status-check{display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:5px;margin-bottom:26px}.status-check time{font-size:12px;color:var(--ink)}.service-list{padding-top:10px}.service-row{display:flex;gap:17px;align-items:center;min-height:92px;border-bottom:1px solid var(--line)}.service-mark{display:grid;place-items:center;width:38px;height:38px;background:#dfe8f3;color:#617e9e;flex-shrink:0}.service-mark svg,.service-mark .cd-icon{width:18px;height:18px}.service-mark.is-online{background:#dceee5;color:#247053}.service-row h3{font-family:var(--body);font-size:14px;font-weight:750;line-height:1.4}.service-row div>span{font-size:11px;color:var(--muted)}.service-response{font-size:10px;color:#697c92;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.service-list>.inline-link{margin-top:26px;margin-right:25px;font-size:12px}.diagnostic-note{font-size:10px;color:var(--muted);margin-top:15px;max-width:50ch}.help-search{max-width:none;min-height:44px;margin-bottom:25px}.help-search input{font-size:13px}.guide-hub{background:white}.guide-hub h2{font-size:38px}.guide-intro{font-size:14px;color:var(--muted);max-width:65ch;margin-top:16px}.play-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-top:38px}.play-guide>article{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.play-guide img{aspect-ratio:1.3;object-fit:cover}.play-guide article>div>span{font-size:11px;font-weight:750;color:#526c89}.play-guide h3{font-family:var(--body);font-size:17px;font-weight:750;line-height:1.4;margin:9px 0 12px}.play-guide p{font-size:12px;color:var(--muted)}.play-guide a{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:700;margin-top:18px}.play-guide a svg,.play-guide a .cd-icon{width:16px;height:16px}.installation-guide{padding:0;margin:35px 0;list-style:none;display:flex;gap:35px}.installation-guide>li{display:flex;gap:17px;flex:1;align-items:flex-start}.installation-guide>li>span{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;background:var(--navy);color:var(--yellow);font-size:13px;font-weight:750}.installation-guide h3{font-family:var(--body);font-size:16px;font-weight:750;line-height:1.4;margin:4px 0 15px}.installation-guide p{font-size:13px;color:var(--muted);max-width:65ch}.troubleshooting{max-width:850px;margin-top:32px}.troubleshooting details{border-bottom:1px solid var(--line)}.troubleshooting summary{cursor:pointer;font-size:14px;font-weight:700;padding:20px 25px 20px 0}.troubleshooting p{font-size:14px;color:var(--muted);padding:0 25px 24px 0;max-width:70ch}.help-diagnostics{display:flex;gap:38px;align-items:center;margin-top:40px}.help-diagnostics p{font-size:11px;color:var(--muted);max-width:55ch;margin-top:10px}
.search-dialog{width:700px}.search-dialog-inner{padding:36px}.search-dialog h2{font-family:var(--body);font-size:23px;font-weight:750;line-height:1.3;margin:0 40px 25px 0}.site-search-field{display:flex;gap:13px;align-items:center;border:1px solid #bccbde;padding:12px 15px}.site-search-field svg,.site-search-field .cd-icon{width:20px;height:20px;color:#6684a4}.site-search-field input{width:100%;min-width:0;border:0;background:transparent;outline:none;font-size:15px;color:var(--ink)}.site-search-field:focus-within{outline:2px solid #288aa0;outline-offset:2px}.site-search-field kbd{font-size:9px;color:var(--muted);font-family:var(--body);border:1px solid var(--line);padding:2px 4px}.search-count{font-size:10px;color:var(--muted);margin:17px 0 8px}#search-results{max-height:410px;overflow:auto;scrollbar-width:thin;scrollbar-color:#aac0d7 transparent}#search-results>a{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:14px 10px;border-bottom:1px solid var(--line)}#search-results strong{display:block;font-size:13px;font-weight:700;line-height:1.5}#search-results small{display:block;font-size:10px;color:var(--muted);margin-top:3px}#search-results svg,#search-results .cd-icon{width:17px;height:17px}#search-results a:focus-visible{outline-offset:-2px;background:var(--paper)}#search-results a:hover{background:var(--paper)}dialog{box-shadow:var(--shadow-dialog);opacity:1;transform:scale(1);transition:opacity var(--motion-ui) var(--ease-out),transform var(--motion-ui) var(--ease-out),display var(--motion-ui) allow-discrete,overlay var(--motion-ui) allow-discrete}dialog::backdrop{background:#071023d9;backdrop-filter:none}dialog.keyboard-open{transition:none}@starting-style{dialog[open]:not(.keyboard-open){opacity:0;transform:scale(.97)}}.toast{transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),display 160ms allow-discrete;opacity:1}.toast[hidden]{opacity:0;transform:translate(-50%,8px)}
@media(hover:hover) and (pointer:fine){.news-card>a:hover img,.media-card:hover img{transform:scale(1.025)}.favorite-toggle:hover,.compare-toggle:hover{background:#e4ecf6}.section-explore:hover svg,.section-explore:hover .cd-icon{transform:translateX(3px)}.section-explore svg,.section-explore .cd-icon{transition:transform 160ms var(--ease-out)}.button:hover{transform:translateY(-1px)}}
@media(hover:none){.news-card button:hover img,.news-card>a:hover img,.media-card:hover img,.button:hover{transform:none}}
@media(min-width:1600px){.hero h1{font-size:96px}}
@media(max-width:1150px){.header-actions{gap:11px}.section-heading>.section-side-note{display:none}.is-subpage[data-page=arsenal] .arsenal-layout{grid-template-columns:260px 1fr;gap:25px}.is-subpage[data-page=arsenal] .catalog-list{grid-template-columns:1fr}.is-subpage[data-page=arsenal] .catalog-entry-actions{flex-direction:row}.is-subpage[data-page=arsenal] .catalog-row h3{font-size:14px}.article-layout{gap:30px}.equipment-detail{gap:35px}.status-layout{gap:35px}.play-guide{gap:30px}.play-guide>article{grid-template-columns:1fr}.play-guide img{aspect-ratio:1.78}.installation-guide{gap:25px}.gallery-tools .search-field{max-width:280px}}
@media(max-width:860px){.section-heading{position:relative}.section-explore{position:absolute;right:0;top:2px}.section-heading h2{padding-right:20px}.news-card.portal-card>a{flex-direction:row}.header-search{min-width:32px;width:32px}.site-header nav a[aria-current=page]:after{left:10px;bottom:0;right:auto;width:26px}.expanded-tools{gap:12px;flex-wrap:wrap}.expanded-tools .search-field{flex:1;max-width:none}.expanded-tools .subtle-button{font-size:10px}.is-subpage .section{padding:35px 0 48px}.is-subpage[data-page=arsenal] .arsenal-layout{grid-template-columns:1fr}.is-subpage[data-page=arsenal] .destructor-showcase{display:none}.is-subpage[data-page=arsenal] .catalog-list{grid-template-columns:1fr 1fr;gap:0 20px}.is-subpage[data-page=arsenal] .catalog-entry-actions{flex-direction:column}.is-subpage[data-page=arsenal] .catalog-tools select{max-width:190px}.is-subpage .media-grid{grid-template-columns:1fr 1fr}.equipment-detail{grid-template-columns:1fr;gap:30px}.equipment-visual{min-height:280px}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-aside>a{display:inline-flex;width:45%;vertical-align:top;margin-right:4%}.status-layout{grid-template-columns:1fr;gap:25px}.service-list{padding-top:0}.status-overview>dl{justify-content:flex-start;gap:50px}.map-tools{bottom:8px}.map-interaction-hint{max-width:60ch;margin-inline:auto}.gallery-tools .filter-tabs{width:100%}.gallery-tools .search-field{max-width:none}.comparison-bar{gap:14px;padding:14px}.comparison-selection>span{font-size:11px}.comparison-selection{gap:8px}.comparison-bar .button-small{font-size:11px;padding:7px 12px}.help-diagnostics{gap:25px}.installation-guide{flex-direction:column;gap:27px}.installation-guide p{max-width:60ch}.faq-body{min-width:0}.footer-nav{flex-wrap:wrap}}
@media(max-width:540px){.header-actions{gap:6px}.header-search{width:28px;min-width:28px}.header-actions select{font-size:10px}
.header-inner{gap:7px}.hero h1{font-size:clamp(58px,14.5vw,75px)}.section-heading h2{padding-right:22px}.section-explore svg,.section-explore .cd-icon{width:16px;height:16px}.news-card.portal-card>a{flex-direction:column}.expanded-tools .search-field{width:100%;flex-basis:100%}.expanded-tools select{min-width:150px;font-size:11px}.expanded-tools .subtle-button{min-height:35px}.is-subpage .section{padding:28px 0 40px}.is-subpage[data-page=arsenal] .catalog-list{grid-template-columns:1fr}.is-subpage[data-page=arsenal] .catalog-entry-actions{flex-direction:row}.is-subpage[data-page=arsenal] .catalog-tools select{max-width:130px;width:130px}.catalog-entry .catalog-row{gap:10px}.catalog-entry-actions button{min-width:35px;padding:6px}.catalog-entry .catalog-row h3{font-size:13px}.catalog-icon{min-width:30px;height:30px}.catalog-icon svg,.catalog-icon .cd-icon{width:18px;height:18px}.catalog-options{gap:12px}.favorite-filter{font-size:10px;gap:6px;padding:8px}.catalog-options .subtle-button{font-size:9px}.is-subpage .media-grid{gap:15px}.gallery-tools .filter-tabs{gap:19px}.gallery-tools .filter-tabs button{font-size:10px}.gallery-actions{gap:18px;justify-content:space-between}.gallery-actions a,.gallery-actions button{font-size:10px}.gallery-thumbnails img{width:65px;height:37px}.gallery-thumbnails{gap:5px}.map-tools{gap:4px;padding:5px;bottom:5px}.map-tools .icon-button{min-width:34px;min-height:34px}.map-reset{font-size:8px;gap:5px}.map-tools output{font-size:9px;min-width:33px}.map-interaction-hint{font-size:10px;margin-top:25px}.map-marker{font-size:9px}.equipment-visual{min-height:235px;padding:30px}.equipment-visual>svg,.equipment-visual>.cd-icon{width:100px;height:100px}.equipment-copy>.detail-lead{font-size:16px}.equipment-copy>p{font-size:13px}.detail-actions{gap:12px;margin-bottom:20px}.favorite-detail{font-size:10px;padding:8px}.detail-actions .inline-link{font-size:10px;gap:7px}.equipment-copy h2{font-size:19px}.related-items{margin-top:40px;padding-top:25px}.related-items h2{font-size:26px}.related-items>a{width:100%;margin-right:0;font-size:12px}.article-reading{padding:25px}.article-reading>p{font-size:14px}.article-meta{font-size:10px}.article-meta .inline-link{font-size:10px;gap:8px}.article-aside>a{width:100%;margin-right:0}.article-cover{aspect-ratio:1.6}.status-overview{padding:25px}.status-state h2{font-size:20px}.status-overview>p{font-size:13px}.status-overview>dl{gap:22px}.status-overview dd{font-size:14px}.service-row{min-height:85px;gap:13px}.service-row h3{font-size:13px}.service-response{font-size:9px}.service-list .inline-link{font-size:11px}.guide-hub h2{font-size:30px}.play-guide{grid-template-columns:1fr;margin-top:28px}.play-guide>article{grid-template-columns:1fr}.play-guide img{aspect-ratio:1.78}.play-guide h3{font-size:18px}.play-guide p{font-size:13px}.installation-guide h3{font-size:15px}.installation-guide p{font-size:12px}.troubleshooting summary{font-size:13px}.troubleshooting p{font-size:13px}.help-diagnostics{flex-direction:column;align-items:flex-start;gap:25px}.help-search{margin-bottom:22px}.search-dialog-inner{padding:32px 22px 22px}.search-dialog h2{font-size:20px}.site-search-field{gap:9px;padding:11px}.site-search-field input{font-size:12px}.site-search-field kbd{font-size:8px}.search-count{font-size:9px}#search-results{max-height:52dvh}#search-results strong{font-size:12px}.comparison-bar{width:calc(100% - 22px);bottom:11px;flex-wrap:wrap;gap:10px;padding:12px}.comparison-selection{width:100%;flex-basis:100%}.comparison-selection>span{font-size:10px;max-width:calc(50% - 5px);padding:4px 5px 4px 8px;gap:4px}.comparison-selection button{min-width:25px}.comparison-bar .button-small{min-height:37px}.comparison-bar>.subtle-button{margin-left:auto;font-size:10px}.comparison-columns{gap:20px;grid-template-columns:1fr}.comparison-columns h3{font-size:21px}.comparison-columns p{font-size:12px}.back-top{right:15px;bottom:15px;width:40px;height:40px}.has-comparison .back-top{bottom:150px}}

:root{--muted:#5b6b82}.region-list button span{color:#9bb4d0}.service-response{color:#526781}.is-subpage .section-heading{margin-bottom:0}.is-subpage .section-heading>.section-intro{display:none}.is-subpage[data-page=help] .faq-layout>div:first-child>p{display:none}.is-subpage .map-coordinate{margin-bottom:20px}dialog:not([open]){opacity:0;transform:scale(.97)}dialog.keyboard-open{transform:none}
.privacy-reading{max-width:760px;background:white;padding:40px;margin:auto}.privacy-reading>p{font-size:16px;line-height:1.8;color:#52647d;margin-bottom:25px}.privacy-reading>.inline-link{margin-top:12px}@media(max-width:540px){.privacy-reading{padding:25px}.privacy-reading>p{font-size:14px}}

/* Área de jugadores: perfiles, clasificación y herramientas de operación. */
.player-navigation{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:36px;overflow-x:auto}
.player-navigation a{min-height:48px;display:flex;align-items:center;font-size:14px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent;padding:8px 0}
.player-navigation a[aria-current=page]{border-color:var(--yellow);color:var(--deep)}









.players-page input:not([type=checkbox]),.players-page select,.players-page textarea{width:100%;background:#fff;border:1px solid #afbdd0;color:var(--ink);padding:12px 14px;min-height:48px;font-size:16px;border-radius:0}
.players-page .input-hint{font-size:12px;color:var(--muted);margin-top:8px}

#account-retry{font-size:13px;min-height:44px;color:var(--ink)}
.profile-links{display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 0;border-block:1px solid var(--line);margin-bottom:24px}
.profile-links>a{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;min-height:44px}
.profile-links svg,.profile-links .cd-icon{width:18px;height:18px}
.profile-stats h4,.profile-history h4{font-size:16px;margin:0 0 16px}
.profile-stats dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.profile-stats dt{font-size:12px;color:var(--muted)}
.profile-stats dd{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;margin:4px 0 0}
.profile-stats p,.profile-history p{font-size:14px;color:var(--muted)}
.profile-history{margin:28px 0}




.ranking-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:end;padding:28px;background:white}
.ranking-filters label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}
.ranking-filters .rank-search{grid-column:span 2}
.ranking-filters .button{min-height:48px}
.ranking-filters .subtle-button{min-height:48px;font-size:13px}
.ranking-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 16px;font-size:13px;color:var(--muted)}
.ranking-heading .inline-link{min-height:44px;flex-shrink:0;color:var(--ink)}
.ranking-timestamp{font-size:12px;color:var(--muted);margin-bottom:16px}
.table-scroll{overflow-x:auto;max-width:100%;background:white;border:1px solid var(--line)}
.table-scroll table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
.table-scroll td,.table-scroll th{padding:18px 20px;text-align:start;border-bottom:1px solid var(--line);vertical-align:middle}
.table-scroll thead{background:var(--navy);color:#d9e3f2}
.table-scroll thead th{font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.2px}
.table-scroll tbody tr:last-child>*{border-bottom:0}
.table-scroll tbody th{font-weight:600}
.table-scroll td{color:var(--muted)}
.table-scroll strong{overflow-wrap:anywhere}
.ranking-table table{min-width:680px}
.ranking-table td:not(:first-child){text-align:end}
.ranking-table thead th:not(:nth-child(2)){text-align:end}
.ranking-table th:first-child{width:90px;text-align:center!important}
.ranking-table .rank-number{text-align:center;padding:14px 20px}
.rank-number>span{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--paper);color:var(--ink);font-size:18px;font-weight:800}
.rank-leader>span{background:var(--yellow);color:var(--deep)}
.ranking-table tbody th{display:flex;align-items:center;gap:16px;min-width:220px}
.player-monogram{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:var(--navy);color:var(--paper);font-size:16px}
.player-name{display:grid;gap:3px;max-width:32ch;overflow-wrap:anywhere}
.player-name strong{font-size:15px}
.player-name small,.table-subtext{font-size:12px;color:var(--muted);font-weight:400;overflow-wrap:anywhere}
.table-subtext{display:block;margin-top:4px}
.ranking-table .rank-metric-active{color:var(--ink);font-size:16px;font-weight:700}
.ranking-table tr.is-own-player{background:#fff8df}
.player-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.player-pagination>div{display:flex;gap:12px}
.plain-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;background:white;border:1px solid #afbdd0;color:var(--ink);font-size:13px;font-weight:600}
.plain-button:disabled{opacity:.45;cursor:default}
.plain-button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--yellow)}
.player-notice{background:white;min-height:200px;padding:40px;display:flex;flex-wrap:wrap;align-content:center;align-items:center;gap:20px}
.player-notice>svg,.player-notice>.cd-icon{width:40px;height:40px;color:var(--muted)}
.player-notice>p{flex:1;min-width:180px;max-width:60ch;font-size:15px;color:var(--muted)}
.player-notice .inline-link{min-height:44px}
#profile-data .player-notice{padding:16px 0;min-height:120px}
#profile-data .player-notice svg,#profile-data .player-notice .cd-icon{width:24px;height:24px}
.gm-restricted{margin-bottom:20px;color:var(--muted)}
.gm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;background:var(--navy);color:var(--paper)}
.gm-toolbar>p{display:flex;align-items:center;gap:12px;font-size:13px}
.gm-toolbar>p svg,.gm-toolbar>p .cd-icon{color:var(--cyan);width:18px;height:18px}
.gm-toolbar button{color:var(--yellow);min-height:44px;font-size:13px}
.gm-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin:12px 0 28px;overflow-x:auto}
.gm-tabs button{min-height:48px;padding:8px 0;font-size:15px;background:transparent;border-bottom:3px solid transparent;color:var(--muted);font-weight:600}
.gm-tabs button[aria-pressed=true]{color:var(--ink);border-color:var(--yellow)}
.gm-players-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:start}
.gm-search{margin-bottom:20px}
.gm-search>label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.gm-search>div{display:flex;gap:12px}
.gm-search .plain-button{flex-shrink:0}
.gm-player-inspector{background:white;padding:24px;min-width:0}
.gm-player-inspector h3{font-size:30px;margin:20px 0 8px;overflow-wrap:anywhere}
.gm-player-inspector .player-notice{padding:0;min-height:180px}
.gm-player-id{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.gm-player-inspector label,.gm-operation label{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}
.players-page textarea{resize:vertical;min-height:104px}
.players-page .form-feedback{font-size:14px;color:#a52c3e;overflow-wrap:anywhere;margin:16px 0;min-height:20px}
.gm-player-inspector .button{margin-top:12px;width:100%}
.gm-operations{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.gm-operation{padding:28px;background:white;min-width:0}
.gm-operation h2{font-size:30px;margin-bottom:20px}
.gm-operation>p{font-size:14px;color:var(--muted)}
.gm-operation .button{margin-top:24px}
.maintenance-label{display:flex;gap:12px;align-items:center;padding:20px 0;font-weight:600}
.gm-audit table{min-width:780px}
.gm-audit td:nth-child(5){min-width:200px;max-width:400px;overflow-wrap:anywhere}
.gm-confirm{padding:36px;max-width:700px}
.gm-confirm .eyebrow{margin-bottom:16px;color:var(--muted)}
.gm-confirm h2{font-size:36px}
.gm-confirm h3{font-size:24px;margin-top:24px}
.gm-confirm dl{display:grid;grid-template-columns:100px 1fr;gap:12px 20px;font-size:14px;margin:24px 0}
.gm-confirm dt{font-weight:600;color:var(--muted)}
.gm-confirm dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.gm-confirm>p:not(.eyebrow){font-size:14px;color:var(--muted)}
.gm-confirm .form-feedback{color:#a52c3e;margin:16px 0}
.gm-confirm>div:last-child{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;flex-wrap:wrap}
@media(hover:hover) and (pointer:fine){.player-navigation a:hover,.gm-tabs button:hover{color:#287688}.plain-button:not(:disabled):hover{border-color:var(--ink)}.ranking-table tbody tr:hover{background:var(--paper)}}
@media(min-width:861px){.site-header nav{gap:18px}.header-inner{gap:24px}.header-actions{gap:14px}}
@media(max-width:1100px){

.ranking-filters{gap:16px}.gm-players-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.table-scroll td,.table-scroll th{padding:16px}.site-header nav{gap:12px}.header-inner{gap:16px}.site-header nav a{font-size:11px}}
@media(max-width:860px){






.ranking-filters{grid-template-columns:1fr 1fr}.ranking-filters .rank-search{grid-column:span 2}.gm-players-layout{grid-template-columns:1fr}.gm-operations{grid-template-columns:1fr}.player-navigation{margin-bottom:28px}.site-header nav{gap:0}.site-header nav a{font-size:14px}.gm-player-inspector .player-notice{min-height:120px}}
@media(max-width:540px){.player-navigation{gap:24px;margin-bottom:24px}.player-navigation a{font-size:13px}




.profile-stats dl{grid-template-columns:1fr 1fr;gap:20px}.profile-stats dd{font-size:28px}.ranking-filters{padding:20px;gap:16px 12px}.ranking-filters label{font-size:12px}.ranking-filters .button{font-size:12px;padding:10px;white-space:normal}.ranking-filters .subtle-button{font-size:12px}.ranking-heading{align-items:flex-start;gap:16px;font-size:12px}.ranking-heading .inline-link{font-size:12px}.player-notice{padding:24px;gap:16px;min-height:220px}.player-notice>p{min-width:0;flex-basis:100%;font-size:14px}.player-pagination{flex-wrap:wrap;gap:16px}.player-pagination>div{width:100%;justify-content:space-between}.gm-toolbar{padding:16px;gap:16px;align-items:flex-start;flex-wrap:wrap}.gm-toolbar>p{font-size:12px}.gm-tabs{gap:28px}.gm-tabs button{font-size:14px}.gm-search>div{flex-wrap:wrap}.gm-search input{flex:1;min-width:150px}.gm-search .plain-button{width:100%}.gm-player-inspector,.gm-operation{padding:20px}.gm-player-inspector h3{font-size:28px}.gm-operation h2{font-size:28px}.gm-confirm{padding:28px 20px}.gm-confirm h2{font-size:28px}.gm-confirm dl{grid-template-columns:1fr;gap:6px}.gm-confirm dd{margin-bottom:12px}.gm-confirm .button{white-space:normal}}

@media(max-width:540px){.header-inner{gap:7px}}


/* ==========================================================================
   Cuenta, registro, inicio de sesión, ranking y consola GM (v4).
   Tokens propios; la paleta y las fuentes de marca son las de :root.
   ========================================================================== */
:root{
  --cd-surface:#ffffff;
  --cd-surface-soft:#f6f8fc;
  --cd-text:#15223a;
  --cd-text-soft:#4d5d75;
  --cd-line-strong:#b4c2d6;
  --cd-focus:#0b7f98;
  --cd-danger:#b3261e;
  --cd-danger-soft:#fdeceb;
  --cd-success:#0d7a4b;
  --cd-success-soft:#e3f4ea;
  --cd-warn:#7a5000;
  --cd-warn-soft:#fff1c7;
  --cd-kill:#e8705c;
  --cd-shadow-panel:6px 6px 0 var(--navy);
  --cd-ease:cubic-bezier(.23,1,.32,1);
}
.player-page{padding:56px 0 96px}
.player-page .container{min-width:0}

/* Cabecera de cuenta */
.account-menu{position:relative;display:flex;align-items:center;gap:14px}
.account-menu-inner{position:relative}
.account-login,.account-register{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:12px;font-weight:800;white-space:nowrap;color:#fff;transition:color .2s,border-color .2s,background .2s}
.account-login svg,.account-login .cd-icon{width:16px;height:16px}
.account-login:hover{color:var(--yellow)}
.account-register{padding:8px 14px;border:1px solid #ffffff59}
.account-register:hover{border-color:var(--yellow);color:var(--yellow)}
.account-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 10px 4px 4px;background:transparent;color:#fff;font-size:12px;font-weight:800;border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}
.account-chip:hover{background:#ffffff14;border-color:#ffffff2e}
.account-chip[aria-expanded=true]{border-color:var(--yellow);color:var(--yellow)}
.account-chip-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip>svg,.account-chip>.cd-icon{width:14px;height:14px;transition:transform .2s var(--cd-ease)}
.account-chip[aria-expanded=true]>svg,.account-chip[aria-expanded=true]>.cd-icon{transform:rotate(180deg)}
.avatar{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:var(--yellow);color:var(--navy);font-family:var(--display);font-size:17px;line-height:1;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.avatar-sm{width:32px;height:32px;font-size:14px}
.avatar-xl{width:88px;height:88px;font-size:44px}
.account-chip .avatar{width:32px;height:32px;font-size:16px}
.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);z-index:40;width:min(300px,calc(100vw - 32px));background:#fff;color:var(--cd-text);box-shadow:0 18px 40px #0a13264d;border-top:4px solid var(--yellow)}
.dropdown-head{display:flex;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #dce3ee}
.dropdown-head strong{display:block;font-size:15px;word-break:break-word}
.dropdown-head small{display:block;margin-top:2px;font-size:12px;color:var(--cd-text-soft);word-break:break-all}
.dropdown-links{display:grid;padding:8px}
.dropdown-links a,.dropdown-logout{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;color:var(--navy);background:transparent;border:0;text-align:start;transition:background .15s}
.dropdown-links a:hover,.dropdown-links a:focus-visible,.dropdown-logout:hover,.dropdown-logout:focus-visible{background:#fff4c4}
.dropdown-links svg,.dropdown-links .cd-icon{width:18px;height:18px;color:var(--navy)}
.dropdown-logout{margin-top:6px;border-top:1px solid #dce3ee;border-radius:0;color:var(--cd-danger);padding-top:0}
.dropdown-logout svg,.dropdown-logout .cd-icon{color:var(--cd-danger)}
.nav-account{display:none}

/* Autenticación: registro e inicio de sesión */
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:clamp(24px,4vw,56px);align-items:stretch}
.auth-aside{position:relative;display:flex;overflow:hidden;background:var(--navy);color:#fff;clip-path:polygon(0 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);min-height:360px}
.auth-aside>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.auth-aside::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a132617 0%,#0a1326f2 78%)}
.auth-aside-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:22px;padding:clamp(28px,4vw,48px);width:100%}
.auth-aside .eyebrow{color:var(--yellow)}
.auth-benefits{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:15px;line-height:1.5;color:#e3e9f4}
.auth-benefits li{position:relative;padding-left:28px}
.auth-benefits li::before{content:"";position:absolute;left:0;top:.65em;width:12px;height:3px;background:var(--yellow)}
.auth-card{align-self:start;min-width:0;background:var(--cd-surface);border-top:5px solid var(--yellow);box-shadow:var(--cd-shadow-panel);padding:clamp(24px,4vw,44px)}
.auth-title{font-family:var(--display);font-weight:400;font-size:clamp(36px,4vw,50px);line-height:1;color:var(--navy);margin-bottom:12px}
.auth-lead{font-size:15px;line-height:1.6;color:var(--cd-text-soft);margin-bottom:24px}
.player-page .auth-form{display:grid;gap:18px;min-width:0}
.field{display:grid;gap:8px;min-width:0}
.player-page .field>label,.player-page .auth-form>label,.player-page .gm-search>label{font-size:13px;font-weight:700;color:var(--cd-text)}
.player-page .field input:not([type=checkbox]),.player-page .auth-form input:not([type=checkbox]),.player-page .auth-form textarea,.player-page .auth-form select,.player-page .gm-search input,.player-page .gm-operation input,.player-page .gm-operation textarea,.player-page .gm-operation select,.player-page .gm-player-inspector select,.player-page .gm-player-inspector textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--cd-line-strong);border-radius:0;background:#fff;color:var(--cd-text);font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}
.player-page .field input:hover,.player-page .auth-form input:hover{border-color:#8fa0b8}
.player-page .field input:focus,.player-page .auth-form input:focus,.player-page .auth-form select:focus,.player-page .gm-search input:focus,.player-page .gm-operation input:focus,.player-page .gm-operation textarea:focus,.player-page .gm-player-inspector select:focus,.player-page .gm-player-inspector textarea:focus{outline:none;border-color:var(--cd-focus);box-shadow:0 0 0 3px #b6e6f0}
.player-page input[aria-invalid=true]{border-color:var(--cd-danger)!important;background:#fffafa;box-shadow:inset 4px 0 0 var(--cd-danger)}
.player-page .field-hint{font-size:13px;line-height:1.5;color:var(--cd-text-soft)}
.player-page .field-error{font-size:13px;font-weight:700;line-height:1.5;color:var(--cd-danger)}
.player-page .password-field{position:relative}
.player-page .password-field input{padding-right:104px!important}
.player-page .password-field .password-toggle{position:absolute;right:6px;top:6px;bottom:6px;min-height:0;padding:0 12px;font-size:12px;font-weight:800;background:transparent;color:var(--navy);border:1px solid transparent;transition:background .2s,color .2s}
.player-page .password-field .password-toggle:hover{background:#eaf0f8}
.player-page .password-field .password-toggle[aria-pressed=true]{background:var(--navy);color:#fff}
.strength{display:grid;gap:8px;min-width:0}
.strength-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.strength-bars span{height:6px;background:#dbe3ee;transition:background .25s var(--cd-ease)}
.strength[data-level="1"] .strength-bars span:nth-child(-n+1){background:var(--cd-danger)}
.strength[data-level="2"] .strength-bars span:nth-child(-n+2){background:#c77b12}
.strength[data-level="3"] .strength-bars span:nth-child(-n+3){background:var(--cd-focus)}
.strength[data-level="4"] .strength-bars span:nth-child(-n+4){background:var(--cd-success)}
.strength-text{font-size:13px;font-weight:600;color:var(--cd-text-soft)}
.player-page .field-check{gap:10px}
.player-page .checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.55;font-weight:500;color:var(--cd-text);cursor:pointer}
.player-page .checkbox-label input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0;accent-color:var(--navy)}
.player-page .inline-link-small{font-size:12px;justify-self:start}
.form-alert{padding:12px 14px;background:var(--cd-danger-soft);color:#7d1b15;border-left:4px solid var(--cd-danger);font-size:14px;font-weight:600;line-height:1.5}
.form-notice{margin-bottom:20px;padding:12px 14px;background:#eaf2fb;color:var(--navy);border-left:4px solid var(--cd-focus);font-size:14px;line-height:1.5}
.form-notice.is-success{background:var(--cd-success-soft);border-color:var(--cd-success);color:#0b5c39}
.form-countdown{justify-self:start;padding:8px 12px;background:var(--cd-warn-soft);color:var(--cd-warn);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.player-page .auth-submit{width:100%;justify-content:center}
.player-page .auth-submit:disabled{opacity:.55;transform:none;box-shadow:none;cursor:not-allowed}
.auth-switch{font-size:14px;color:var(--cd-text-soft);text-align:center}
.auth-switch a{font-weight:800;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.auth-switch a:hover{color:#1f5f7d}

/* Botones secundarios y estados */
.button-quiet{background:transparent;color:var(--navy);border:1px solid var(--navy);box-shadow:none}
.button-quiet:hover{background:var(--navy);color:#fff;transform:none}
.player-page .button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.plain-button{min-height:40px;padding:0 16px;background:#fff;color:var(--navy);border:1px solid var(--navy);font-size:13px;font-weight:800;transition:background .2s,color .2s}
.plain-button:hover:not(:disabled){background:var(--navy);color:#fff}
.plain-button:disabled{opacity:.4;cursor:not-allowed}
.player-notice{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;background:var(--cd-surface-soft);border:1px dashed var(--cd-line-strong);color:var(--cd-text);font-size:14px;line-height:1.6}
.player-notice>svg,.player-notice>.cd-icon{width:22px;height:22px;color:var(--navy)}
.player-notice p{flex:1 1 220px;margin:0}
.notice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.empty-note{padding:12px 0;font-size:14px;line-height:1.6;color:var(--cd-text-soft)}
.form-feedback{min-height:1.4em;font-size:14px;font-weight:700;color:var(--cd-success);margin:12px 0 0}
.form-feedback:empty{min-height:0;margin:0}
.player-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;color:var(--cd-text-soft)}
.player-pagination>div{display:flex;gap:8px}
.player-pagination button:disabled{opacity:.4}
.skeleton-line{display:block;height:14px;max-width:100%;margin:10px 0;background:linear-gradient(90deg,#e6ecf4 25%,#f7f9fc 37%,#e6ecf4 63%);background-size:400% 100%;animation:cd-shimmer 1.4s ease infinite}
.skeleton-line.short{width:40%}
.skeleton-line.tall{width:62%;height:34px}
.skeleton-block{background:#ffffff26;animation:none}
.skeleton-stack{display:grid;gap:4px}
.profile-hero .skeleton-line{background:linear-gradient(90deg,#ffffff12 25%,#ffffff2c 37%,#ffffff12 63%);background-size:400% 100%}
@keyframes cd-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* Panel de cuenta */
.profile-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;border-top:6px solid var(--yellow);padding:clamp(24px,4vw,42px);margin-bottom:28px;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}
.profile-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff0d 1px,transparent 1px),linear-gradient(0deg,#ffffff0a 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.hero-identity{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,30px);align-items:start}
.hero-identity .avatar{background:var(--yellow)}
.hero-copy{min-width:0}
.hero-copy .eyebrow{color:var(--yellow);margin-bottom:10px}
.hero-name{font-family:var(--display);font-weight:400;font-size:clamp(34px,5vw,58px);line-height:1;letter-spacing:.5px;word-break:break-word;margin:0}
.hero-handle{margin-top:8px;font-size:15px;color:#c9d4e6;word-break:break-all}
.status-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.status-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:800;border:1px solid currentColor}
.status-chip svg,.status-chip .cd-icon{width:14px;height:14px}
.status-chip.is-danger{color:#ffb4ab}
.status-chip.is-warn{color:var(--yellow)}
.status-chip.is-ok{color:var(--cd-success);background:var(--cd-success-soft);border-color:transparent}
.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 24px;margin:24px 0 0}
.hero-meta>div{padding-top:10px;border-top:1px solid #ffffff26;min-width:0}
.hero-meta dt{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#b9c6da}
.hero-meta dd{margin:5px 0 0;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;word-break:break-word}
.hero-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.profile-hero .button-quiet{color:#fff;border-color:#ffffff73}
.profile-hero .button-quiet:hover{background:#fff;color:var(--navy);border-color:#fff}
.account-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:28px;align-items:start}
.account-main,.account-side{display:grid;gap:28px;min-width:0}
.panel{min-width:0;background:var(--cd-surface);border:1px solid #dce3ee;box-shadow:var(--cd-shadow-panel);padding:clamp(20px,3vw,30px)}
.panel-title{font-family:var(--display);font-weight:400;font-size:27px;letter-spacing:.4px;line-height:1.1;color:var(--navy);margin-bottom:18px}
.panel-text{margin:-6px 0 18px;font-size:14px;line-height:1.6;color:var(--cd-text-soft)}
.panel-actions{margin-top:16px}
.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stat-tile{position:relative;min-width:0;padding:18px 18px 16px 24px;background:var(--cd-surface-soft);border:1px solid #dce3ee;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}
.stat-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tone,var(--navy))}
.stat-tile.stat-score{--tone:var(--yellow)}
.stat-tile.stat-wins{--tone:var(--cyan)}
.stat-tile.stat-kills{--tone:var(--cd-kill)}
.stat-tile.stat-matches{--tone:var(--purple)}
.stat-label{display:block;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--cd-text-soft)}
.stat-value{display:block;margin-top:10px;font-family:var(--display);font-weight:400;font-size:clamp(34px,4vw,46px);line-height:1;color:var(--navy);font-variant-numeric:tabular-nums;word-break:break-word}
.stat-note{display:block;margin-top:6px;font-size:12px;color:var(--cd-text-soft)}
.stat-tile.is-loading{min-height:112px}
.stat-tile.is-loading::before{background:#dbe3ee}
.stats-empty{grid-column:1/-1;margin:4px 0 0;font-size:14px;color:var(--cd-text-soft)}
.match-table{width:100%;border-collapse:collapse;font-size:14px}
.player-page .match-table th{padding:10px 12px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cd-text-soft);text-align:start;white-space:nowrap;border-bottom:2px solid var(--navy)}
.player-page .match-table td{padding:14px 12px;border-bottom:1px solid #e3e9f2;vertical-align:middle;font-variant-numeric:tabular-nums;white-space:nowrap}
.player-page .match-table tbody tr:hover td{background:#f4f8fc}
.outcome{display:inline-flex;align-items:center;padding:3px 9px;font-size:12px;font-weight:800;background:#edf1f6;color:var(--cd-text-soft)}
.outcome.is-win{background:var(--cd-success-soft);color:var(--cd-success)}
.outcome.is-loss{background:#f8ebea;color:#8c2a24}
.quick-links{display:grid;gap:8px}
.quick-link{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 14px;background:#fff;border:1px solid #dce3ee;color:var(--navy);font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s var(--cd-ease)}
.quick-link:hover{background:#fff4c4;border-color:var(--yellow);transform:translateX(3px)}
.quick-link:active{transform:translateX(1px)}
.quick-link>svg:last-child,.quick-link>.cd-icon:last-child{width:18px;height:18px;margin-left:auto;transition:transform .2s var(--cd-ease)}
.quick-link:hover>svg:last-child,.quick-link:hover>.cd-icon:last-child{transform:translateX(3px)}
.quick-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:var(--navy);color:var(--yellow)}
.quick-icon svg,.quick-icon .cd-icon{width:18px;height:18px}
.session-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.session-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--cd-surface-soft);border:1px solid #dce3ee}
.session-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#e3eaf4;color:var(--navy)}
.session-copy{display:grid;gap:4px;min-width:0}
.session-copy strong{font-size:14px;word-break:break-word}
.session-copy small{font-size:12px;line-height:1.5;color:var(--cd-text-soft)}
.session-copy .status-chip{justify-self:start}

/* Ranking */
.ranking-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr) auto;gap:14px;align-items:end;padding:20px;margin-bottom:22px;background:#fff;border:1px solid #dce3ee;box-shadow:var(--cd-shadow-panel)}
.filter-field{display:grid;gap:7px;min-width:0;font-size:12px;font-weight:800;letter-spacing:.4px;color:var(--cd-text-soft)}
.filter-field select,.filter-field input{width:100%;min-height:44px;padding:10px 12px;background:#fff;border:1px solid var(--cd-line-strong);color:var(--cd-text);font-size:14px;font-weight:600}
.filter-field select:focus,.filter-field input:focus{outline:none;border-color:var(--cd-focus);box-shadow:0 0 0 3px #b6e6f0}
.filter-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px}
.ranking-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;font-size:14px;color:var(--cd-text-soft)}
.ranking-timestamp{margin-bottom:12px;font-size:12px;color:var(--cd-text-soft)}
.player-page .ranking-table td,.player-page .ranking-table th{padding:14px 16px}
.rank-cell{text-align:center!important}
.rank-badge{display:inline-grid;place-items:center;min-width:46px;height:36px;padding:0 10px;background:#edf1f6;color:var(--navy);font-family:var(--display);font-size:18px;font-variant-numeric:tabular-nums}
.rank-badge.rank-1{background:var(--yellow)}
.rank-badge.rank-2{background:#dde5f0}
.rank-badge.rank-3{background:#f3cca4}
.player-cell{display:flex;align-items:center;gap:12px;min-width:0}
.player-name{display:grid;min-width:0}
.player-name strong{font-size:15px;color:var(--navy);word-break:break-word}
.player-name small{font-size:12px;color:var(--cd-text-soft);word-break:break-all}
.player-name em{font-style:normal;font-weight:800;color:#7a5000}
.ranking-table tr.is-own-player td,.ranking-table tr.is-own-player th{background:#fff8dc}
.is-active-metric{font-weight:800;color:var(--navy)}

/* Consola GM */
.gm-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:14px 16px;background:var(--cd-success-soft);border-left:4px solid var(--cd-success)}
.gm-verified{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#0b5c39}
.gm-verified svg,.gm-verified .cd-icon{width:18px;height:18px}
.gm-restricted{color:var(--cd-danger);margin-bottom:12px}
.gm-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--navy)}
.gm-tabs button{min-height:44px;padding:0 18px;margin-bottom:-2px;background:transparent;color:var(--cd-text-soft);font-size:14px;font-weight:800;border-bottom:4px solid transparent;transition:color .2s,background .2s}
.gm-tabs button:hover{color:var(--navy);background:#eef3f9}
.gm-tabs button[aria-pressed=true]{color:var(--navy);background:#fff;border-bottom-color:var(--yellow)}
.gm-players-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start}
.gm-search{display:grid;gap:8px;margin-bottom:18px}
.gm-search>div{display:flex;gap:10px}
.gm-search input{flex:1 1 auto;min-width:0}
.gm-search .plain-button{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.gm-player-inspector{display:grid;align-content:start;gap:12px;min-width:0;padding:24px;background:#fff;border:1px solid #dce3ee;box-shadow:var(--cd-shadow-panel)}
.gm-player-inspector h3{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;color:var(--navy);word-break:break-word}
.gm-player-id{font-size:13px;color:var(--cd-text-soft)}
.gm-player-inspector .field-hint{font-size:13px;color:var(--cd-text-soft)}
.gm-operations{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}
.gm-operation{min-width:0;padding:24px;background:#fff;border:1px solid #dce3ee;box-shadow:var(--cd-shadow-panel)}
.gm-operation h2{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1;color:var(--navy);margin-bottom:14px}
.gm-operation .auth-form{margin-top:12px}
.maintenance-label{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy)}
.gm-confirm dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;margin:18px 0;padding:16px;background:var(--cd-surface-soft);border:1px solid #dce3ee}
.gm-confirm dt{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cd-text-soft)}
.gm-confirm dd{margin:0;font-weight:600;word-break:break-word}
.gm-confirm h3{font-family:var(--display);font-weight:400;font-size:30px;line-height:1.1;color:var(--navy);margin-top:10px}
.confirm-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;margin-top:18px}
.table-subtext{display:block;font-size:12px;color:var(--cd-text-soft)}

/* Responsivo: nada desborda la página en 320 px */
@media(max-width:1180px){
  .account-chip-name{max-width:10ch}
}
@media(max-width:1000px){
  .account-grid{grid-template-columns:minmax(0,1fr)}
  .ranking-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ranking-filters .filter-search{grid-column:span 2}
  .ranking-filters .filter-actions{grid-column:1/-1;justify-content:flex-start}
  .gm-players-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:860px){
  .account-register{display:none}
  .account-login span{display:none}
  .account-chip-name{display:none}
  .nav-account{display:grid;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff20}
  .nav-account a,.nav-logout{display:flex;align-items:center;min-height:44px;padding:0 10px;background:transparent;border:0;color:#fff;font-size:14px;font-weight:700;text-align:start}
  .nav-account a:hover,.nav-account a:focus-visible,.nav-logout:hover,.nav-logout:focus-visible{color:var(--yellow)}
  .nav-logout{color:#ffb4ab}
  .auth-layout{grid-template-columns:minmax(0,1fr)}
  .auth-card{order:-1}
  .auth-aside{clip-path:none;min-height:0}
  .auth-aside>img{opacity:.3}
  .profile-hero{clip-path:none}
}
@media(max-width:540px){
  .player-page{padding:36px 0 72px}
  .account-dropdown{right:-6px}
  .auth-card{padding:22px 18px}
  .auth-aside-copy{padding:22px 20px;gap:16px}
  .auth-aside>img{display:none}
  .auth-benefits{font-size:14px}
  .hero-identity{grid-template-columns:minmax(0,1fr)}
  .hero-actions{grid-column:1}
  .avatar-xl{width:68px;height:68px;font-size:34px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:10px}
  .stat-value{font-size:32px}
  .hero-meta{grid-template-columns:1fr 1fr}
  .panel{padding:20px 18px}
  .ranking-filters{grid-template-columns:1fr 1fr;padding:16px;gap:12px}
  .ranking-filters .filter-field:nth-child(-n+4){min-width:0}
  .ranking-filters .filter-search,.ranking-filters .filter-actions{grid-column:1/-1}
  .player-page .ranking-table td,.player-page .ranking-table th{padding:12px 10px}
  .gm-tabs button{padding:0 12px}
  .gm-search>div{flex-wrap:wrap}
  .player-page .match-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .player-page .match-table,.player-page .match-table tbody{display:block}
  .player-page .match-table tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:14px 0;border-bottom:1px solid #e3e9f2}
  .player-page .match-table td{display:grid;gap:2px;padding:0;border:0;white-space:normal}
  .player-page .match-table td::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--cd-text-soft)}
  .player-page .match-table tbody tr:hover td{background:transparent}
}
@media(max-width:540px){
  /* Lista GM a 375 px: celdas más estrechas para que el nombre tenga ancho y el ID no se parta. */
  #gm-player-list .table-scroll th,#gm-player-list .table-scroll td{padding:14px 8px}
  #gm-player-list .table-id{white-space:nowrap}
  #gm-player-list .outcome{padding:3px 6px}
  #gm-player-list .plain-button{padding:0 8px}
}
@media(max-width:380px){
  .account-login span{display:none}
  .account-menu{gap:8px}
}

/* Cabecera compacta en 320 px: el chip de cuenta no debe empujar el botón de menú fuera de la pantalla. */
@media(max-width:380px){.account-chip{gap:6px;padding:2px 4px 2px 2px;min-height:40px}.account-chip .avatar{width:28px;height:28px;font-size:14px}.account-chip>svg,.account-chip>.cd-icon{width:12px;height:12px}}

/* El enlace de actualizar de la consola GM va sobre fondo claro: texto navy para cumplir contraste. */
.gm-toolbar .inline-link{color:var(--navy)}
.gm-toolbar .inline-link:hover,.gm-toolbar .inline-link:focus-visible{color:#1f5f7d}

/* ---- Capa de movimiento -------------------------------------------------------------------------------------------
   Siempre activa: el sitio no la desactiva con prefers-reduced-motion (decisión del proyecto). Solo anima transform y
   opacity, entra con ease-out y nunca aparece desde la nada (scale 0). */
:root{--ease-drawer:cubic-bezier(.32,.72,0,1);--motion-press:120ms;--motion-reveal:520ms}

/* Entrada al hacer scroll. portal.js marca los bloques con data-reveal y escalona hermanos con --reveal-delay. */
@keyframes cd-reveal{from{opacity:0;transform:translateY(18px) scale(.985)}}
[data-reveal]:not(.is-revealed){opacity:0}
[data-reveal].is-revealed{animation:cd-reveal var(--motion-reveal) var(--ease-out) var(--reveal-delay,0ms) backwards}

/* Cabecera: gana sombra al dejar arriba la portada, para separarse del contenido que pasa por debajo. */
.site-header{transition:box-shadow var(--motion-ui) var(--ease-out)}
.site-header.is-scrolled{box-shadow:0 10px 30px #0a132659}

/* Respuesta al pulsar: todo lo que se presiona confirma el toque. */
.filter-tabs button,.icon-button,.inline-link,.subtle-button,.catalog-entry-actions button,.feature-image-button,.account-chip{transition:transform var(--motion-press) var(--ease-out),color .2s ease,background-color .2s ease}
.plain-button{transition:background .2s ease,color .2s ease,transform var(--motion-press) var(--ease-out)}
.filter-tabs button:active,.icon-button:active,.inline-link:active,.subtle-button:active,.catalog-entry-actions button:active,.plain-button:active,.account-chip:active,.button-small:active{transform:scale(.97)}
.feature-image-button:active{transform:scale(.99)}
.site-header nav a:active{opacity:.7}

/* Hover solo con ratón: en táctil un hover pegado tras el toque parece un fallo. */
@media(hover:hover) and (pointer:fine){
  .news-card>a,.media-card{transition:transform var(--motion-ui) var(--ease-out),box-shadow var(--motion-ui) var(--ease-out)}
  .news-card>a:hover,.media-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0a13261f}
  .news-card img,.media-card img{transition:transform 600ms var(--ease-out)}
  .game-facts>div{transition:transform var(--motion-ui) var(--ease-out)}
  .game-facts>div:hover{transform:translateY(-3px)}
}

/* Preguntas frecuentes: la respuesta se despliega en lugar de saltar. */
details[open]>summary~*{animation:cd-unfold 260ms var(--ease-out)}
@keyframes cd-unfold{from{opacity:0;transform:translateY(-6px)}}

/* ==== Rediseño v5 ==================================================================================================
   Dirección: retransmisión de arena. Superficies navy con textura de rejilla, cortes en ángulo heredados del logo,
   franjas de peligro amarillas y numeración editorial. Lo que entra lo hace con transform/opacity y ease-out. */
:root{
  --cut:18px;
  --grid-texture:linear-gradient(#ffffff09 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,#ffffff09 1px,transparent 1px) 0 0/32px 32px;
  --hazard:repeating-linear-gradient(-45deg,var(--yellow) 0 12px,var(--deep) 12px 24px);
  --shape-cut:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);
  --focus-ring:#28a8c5;
}

/* Botones con el corte del logo. El contorno de foco va hacia dentro: el recorte se comería uno exterior. */
.button,.platform-card{--cut:12px;clip-path:var(--shape-cut)}
.button:focus-visible,.platform-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}

/* ---- Cabecera ---- */
.site-header{background:#0a1326eb;-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}
@media(min-width:861px){
  .site-header nav a::after{content:'';position:absolute;left:0;right:0;bottom:-28px;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left center;transition:transform 220ms var(--ease-out)}
  .site-header nav a.active::after,.site-header nav a[aria-current=page]::after{transform:scaleX(1)}
}
@media(min-width:861px) and (hover:hover) and (pointer:fine){.site-header nav a:hover::after{transform:scaleX(1)}}
.header-play{--cut:10px}

/* ---- Portada ---- */
.hero{background:var(--deep)}
.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--hazard);z-index:2}
.hero-art{animation:cd-hero-art 1.8s var(--ease-out) both}
@keyframes cd-hero-art{from{transform:scale(1.08);opacity:.35}}
.hero-shade{background:linear-gradient(90deg,#0a1326f0 0%,#0a1326ad 36%,#0a132600 72%),linear-gradient(0deg,#0a1326d9 0%,transparent 40%)}
.hero .hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;margin-bottom:24px;background:#0a1326a6;border:1px solid #ffffff2e;color:#e8eef8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.live-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--cyan);flex-shrink:0}
.live-dot::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--cyan);animation:cd-ping 1.8s var(--ease-out) infinite}
@keyframes cd-ping{to{transform:scale(3.2);opacity:0}}
.hero h1 .yellow{text-shadow:0 0 42px #ffd34c59}
.hero-description{max-width:440px;color:#dfe7f3}
.hero-content>.hero-kicker,.hero-content>.hero-description,.hero-content>.hero-actions{animation:cd-rise 700ms var(--ease-out) both}
.hero-content>.hero-description{animation-delay:220ms}
.hero-content>.hero-actions{animation-delay:300ms}
@keyframes cd-rise{from{opacity:0;transform:translateY(14px)}}
.hero-actions .button{--cut:14px;min-height:56px;padding-inline:28px;font-size:15px}
.scroll-hint{animation:cd-bob 1.4s var(--ease-in-out) infinite alternate}
@keyframes cd-bob{to{translate:0 6px}}
@media(min-width:861px){
  .hero{min-height:clamp(640px,84vh,780px)}
  .hero h1{font-size:clamp(70px,7.2vw,112px);line-height:.92}
  .hero-description{font-size:17px}
}

/* ---- Franja de estado ---- */
.server-strip{background:var(--grid-texture),var(--deep);border-bottom:1px solid #ffffff12}
.server-indicator{padding:8px 14px;background:#ffffff0d;border:1px solid #ffffff1f;transition:background-color .2s ease,border-color .2s ease}
@media(hover:hover) and (pointer:fine){.server-indicator:hover{background:#ffffff17;border-color:#ffd34c80}}

/* ---- Encabezados de sección: numeración editorial en la portada ---- */
body[data-page=home] main{counter-reset:cd-section}
body[data-page=home] .section-heading{counter-increment:cd-section}
body[data-page=home] .section-heading>div:first-child::before{content:counter(cd-section,decimal-leading-zero);display:block;padding-left:40px;margin-bottom:14px;font:800 12px/1 var(--body);letter-spacing:2px;color:#5b7190;background:linear-gradient(var(--yellow),var(--yellow)) left center/28px 3px no-repeat}
.section-heading h2{font-size:clamp(36px,4.2vw,60px);line-height:.95;letter-spacing:.3px}
.section-intro{border-left:3px solid var(--yellow);padding-left:16px;color:var(--cd-text-soft)}

/* ---- Noticias ---- */
.news-card{box-shadow:0 1px 0 #dce3ee}
.news-card>a{position:relative}
.news-card>a::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--yellow);transform:scaleX(0);transform-origin:left center;transition:transform 300ms var(--ease-out);z-index:2}
.news-card>a:focus-visible::before{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){.news-card>a:hover::before{transform:scaleX(1)}}
.news-card h3{font-size:19px;line-height:1.3}

/* ---- El juego ---- */
.feature-layout{background:var(--grid-texture),var(--navy)}
.game-facts{gap:16px;margin-top:28px}
.game-facts>div{--cut:16px;clip-path:var(--shape-cut);gap:6px;padding:28px 20px 24px;border:0;background:var(--grid-texture),var(--navy);color:#fff}
.game-facts strong{color:var(--yellow);font-size:clamp(28px,3.4vw,48px);line-height:1}
.game-facts span{color:#b9c6da;font-size:12px}

/* ---- Descargas ---- */
.download-section::after{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--hazard)}
.platform-card{--cut:16px}

/* ---- Preguntas frecuentes: el + gira hasta ser una x ---- */
.faq-list summary{font-size:15px;padding:22px 52px 22px 0;transition:color .2s ease}
.faq-list summary:after,.faq-list details[open] summary:after{content:'+';top:calc(50% - 16px);right:0;width:32px;height:32px;display:grid;place-items:center;line-height:1;border:1px solid var(--line);transition:transform 220ms var(--ease-out),background-color .2s ease,border-color .2s ease,color .2s ease}
.faq-list details[open] summary:after{transform:rotate(45deg);background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.faq-list details p{font-size:14px;line-height:1.7}
@media(hover:hover) and (pointer:fine){.faq-list summary:hover{color:#1f5f7d}}

/* ---- Banner de las páginas interiores ---- */






/* ---- Acceso y registro: arena oscura, ficha blanca que se superpone al arte ---- */
.auth-page{background:var(--grid-texture),var(--deep)}
.auth-aside{min-height:560px}
.auth-aside>img{opacity:.62}
.auth-aside::after{background:linear-gradient(180deg,#0a132600 0%,#0a1326eb 72%)}
.auth-benefits{counter-reset:cd-benefit;font-size:16px;gap:16px}
.auth-benefits li{display:flex;align-items:center;min-height:34px;padding-left:50px}
.auth-benefits li::before{counter-increment:cd-benefit;content:counter(cd-benefit,decimal-leading-zero);top:calc(50% - 17px);width:34px;height:34px;display:grid;place-items:center;background:var(--yellow);color:var(--navy);font-size:12px;font-weight:800}
.auth-card{clip-path:none;border-top:0;box-shadow:0 30px 70px #00000080;background:var(--hazard) top/100% 6px no-repeat,#fff;padding:clamp(30px,4vw,48px)}
.auth-title{font-size:clamp(40px,4.4vw,58px)}
.player-page .field>label{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--cd-text-soft)}
.player-page .field input,.player-page .auth-form input{min-height:54px;border:2px solid #d5deea;background:#f7f9fc;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.player-page .field input:focus,.player-page .auth-form input:focus{background:#fff}
.player-page .auth-submit{--cut:14px;min-height:56px;font-size:16px}
.form-notice{background:#fff6d6;border-left-color:var(--yellow);color:#4a3b07}
.auth-switch{margin-top:4px}
@media(min-width:861px){
  .auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,520px);gap:0}
  .auth-layout{align-items:stretch}
  .auth-aside{min-height:0}
  .auth-card{position:relative;z-index:1;align-self:stretch;margin:0 0 0 -56px;display:flex;flex-direction:column;justify-content:center}
  .auth-aside-copy{padding-right:calc(clamp(28px,4vw,48px) + 56px)}
}

/* ---- Cuenta ---- */
.panel{border-top:4px solid var(--navy)}
.panel-title{display:flex;align-items:center;gap:12px}
.panel-title::before{content:'';width:10px;height:10px;flex-shrink:0;background:var(--yellow);transform:rotate(45deg)}

/* ---- Pie ---- */
.site-footer{position:relative;background:var(--grid-texture),var(--deep);padding-top:64px}
.site-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:var(--hazard)}
.footer-copy strong{font-size:clamp(26px,3vw,40px)}
.footer-copy p{font-size:13px}
.footer-nav{gap:28px;font-size:13px}
.footer-bottom{font-size:11px}

/* ---- Toasts: pila abajo al centro, en la top layer (por encima de los diálogos) ---- */
.toaster{position:fixed;inset:auto 0 24px 0;margin:0 auto;width:min(440px,calc(100% - 32px));height:auto;max-height:none;display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none;z-index:70}
.toaster:not(:popover-open):empty{display:none}
.toast{position:relative;inset:auto;left:auto;bottom:auto;width:100%;max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 10px 12px 16px;background:#0b1529;color:#fff;border-left:4px solid var(--cyan);box-shadow:0 18px 40px #0a13266b;font-size:14px;line-height:1.45;pointer-events:auto;opacity:1;transform:none;transition:opacity 240ms var(--ease-out),transform 240ms var(--ease-out)}
@starting-style{.toast{opacity:0;transform:translateY(14px) scale(.97)}}
.toast.is-leaving{opacity:0;transform:translateY(6px) scale(.97);transition-duration:160ms}
.toast.is-success{border-left-color:#3ddc97}
.toast.is-error{border-left-color:#ff6b5d}
.toast-icon{display:grid;place-items:center;width:30px;height:30px;background:#ffffff12;color:var(--cyan)}
.toast.is-success .toast-icon{color:#3ddc97}
.toast.is-error .toast-icon{color:#ff8a7e}
.toast-icon svg,.toast-icon .cd-icon{width:18px;height:18px}
.toast p{margin:0;overflow-wrap:anywhere}
.toast-close{display:grid;place-items:center;min-width:36px;min-height:36px;padding:0;background:transparent;color:#9fb0c9;transition:color .2s ease,transform var(--motion-press) var(--ease-out)}
.toast-close svg,.toast-close .cd-icon{width:16px;height:16px}
.toast-close:active{transform:scale(.92)}
@media(hover:hover) and (pointer:fine){.toast-close:hover{color:#fff}}

/* ---- Móvil ---- */
@media(max-width:540px){
  .game-facts{gap:8px}
  .game-facts>div{--cut:10px;padding:18px 8px 16px}
  .game-facts span{font-size:10px}
  .auth-aside{min-height:0}
  .auth-benefits{font-size:14px}
  .toaster{bottom:16px}
}

/* ---- Selector de idioma: botón y menú propios; el <select> oculto sigue siendo la fuente de verdad ---- */
.language-picker{position:relative}
.language-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 10px 0 12px;background:#ffffff0d;border:1px solid #ffffff24;color:#fff;font-size:12px;font-weight:800;letter-spacing:1px;transition:background-color .2s ease,border-color .2s ease,transform var(--motion-press) var(--ease-out)}
.language-button svg,.language-button .cd-icon{width:16px;height:16px}
.language-button .language-caret{width:14px;height:14px;color:#9fb0c9;transition:transform 200ms var(--ease-out)}
.language-button[aria-expanded=true]{border-color:var(--yellow);background:#ffd34c14}
.language-button[aria-expanded=true] .language-caret{transform:rotate(180deg)}
.language-button:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){.language-button:hover{background:#ffffff17;border-color:#ffffff40}}
.language-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:40;min-width:200px;margin:0;padding:6px;list-style:none;background:#0b1529;border:1px solid #ffffff1f;border-top:3px solid var(--yellow);box-shadow:0 22px 50px #0009;transform-origin:top right;opacity:1;transform:none;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out),display 160ms allow-discrete,overlay 160ms allow-discrete}
.language-menu[hidden]{display:none;opacity:0;transform:scale(.96) translateY(-4px);transition-duration:120ms}
@starting-style{.language-menu:not([hidden]){opacity:0;transform:scale(.96) translateY(-4px)}}
.language-menu [role=option]{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;min-height:44px;padding:0 10px;color:#cbd3e4;font-size:14px;font-weight:600;cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease}
.language-menu [role=option]:focus-visible,.language-menu [role=option]:focus{background:#ffffff12;color:#fff}
@media(hover:hover) and (pointer:fine){.language-menu [role=option]:hover{background:#ffffff12;color:#fff}}
.language-code{display:grid;place-items:center;height:24px;background:#ffffff14;color:#fff;font-size:11px;font-weight:800;letter-spacing:1px}
.language-menu [aria-selected=true]{color:#fff}
.language-menu [aria-selected=true] .language-code{background:var(--yellow);color:var(--navy)}
.language-check{width:16px;height:16px;color:var(--yellow);opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s var(--ease-out)}
.language-menu [aria-selected=true] .language-check{opacity:1;transform:none}
@media(max-width:540px){.language-button{padding:0 8px;gap:6px}.language-button>svg:first-child,.language-button>.cd-icon:first-child{display:none}}

/* ---- Iconos Font Awesome: el glifo llena la caja que antes medía el SVG (mismas reglas de tamaño) ---- */
.cd-icon{display:inline-grid;place-items:center;container-type:size;line-height:1;font-style:normal}
.cd-icon::before{font-size:86cqmin;line-height:1}
.favorite-filter[aria-pressed=true] .cd-icon,.favorite-toggle[aria-pressed=true] .cd-icon,.favorite-detail[aria-pressed=true] .cd-icon{color:var(--yellow);font-weight:900;--fa-style:900}
.svg-definitions{display:none}

/* ---- Objetivos táctiles de 24px o más (WCAG 2.2 · 2.5.8): la zona de toque crece sin mover el diseño ---- */
.subtle-button,.feature-dots button{position:relative}
.subtle-button::before,.scroll-hint::before,.feature-dots button::before{content:'';position:absolute;inset:var(--hit,-4px)}
.scroll-hint{--hit:0 -8px}
.feature-dots{gap:16px}
.feature-dots button{--hit:-8px}
.section-explore{padding:4px;margin:-4px}
.footer-nav a,.footer-nav button{padding-block:2px;margin-block:-2px}
.footer-bottom a{padding-block:3px;margin-block:-3px}
.inline-link{min-height:24px}
@media(min-width:861px){.site-header nav a::before{content:'';position:absolute;inset:-4px -2px}}

/* ==== ARENA · color (generado desde las reglas originales: mismos selectores y contextos) ==== */
body{color:var(--a-tx);background:var(--a-s2)}
.section-side-note,.section-intro{color:var(--a-tx2)}
.inline-link:hover{color:var(--cyan)}
.news-section{background:var(--a-s2)}
.filter-tabs{border-bottom:1px solid var(--a-ln)}
.filter-tabs button{color:var(--a-tx2)}
.filter-tabs button[aria-pressed=true]{color:var(--a-tx)}
.archive-note{color:var(--a-tx2)}
.news-card{background:var(--a-s1)}
.news-meta{color:var(--a-tx2)}
.news-category{color:var(--cyan)}
.news-card p{color:var(--a-tx2)}
.news-card-bottom{border-top:1px solid var(--a-ln)}
.empty-state{color:var(--a-tx2)}
.game-section{background:var(--a-s1)}
.game-facts>div{border-right:1px solid var(--a-ln)}
.game-facts span{color:var(--a-tx2)}
.arsenal-section{background:var(--a-s2)}
.destructor-showcase{background:var(--a-s3)}
.showcase-tag{color:var(--a-tx2)}
.showcase-caption span{color:var(--a-tx2)}
.showcase-caption p{color:var(--a-tx2)}
.search-field{background:var(--a-s1);border:1px solid var(--a-ln)}
.search-field svg,.search-field .cd-icon{color:var(--a-tx2)}
.catalog-tools select,.map-panel select{background:var(--a-s1);border:1px solid var(--a-ln);color:var(--a-tx)}
.catalog-count{color:var(--a-tx2)}
.catalog-list{border-top:1px solid var(--a-ln)}
.catalog-row{border-bottom:1px solid var(--a-ln);color:var(--a-tx)}
.catalog-row:hover{background:var(--a-s1)}
.catalog-icon{background:var(--a-s3);color:var(--cyan)}
.catalog-row span{color:var(--a-tx2)}
.catalog-row>svg,.catalog-row>.cd-icon{color:var(--a-tx2)}
.region-list button span{color:var(--cyan)}
.media-section{background:var(--a-s1)}
.media-card{background:var(--a-s2);color:var(--a-tx)}
.media-caption{background:var(--a-s2)}
.media-note{color:var(--a-tx2)}
.faq-section{background:var(--a-s2)}
.faq-layout>div>p{color:var(--a-tx2)}
.faq-list details{border-bottom:1px solid var(--a-ln)}
.faq-list details:first-child{border-top:1px solid var(--a-ln)}
.faq-list summary:after{color:var(--a-tx2)}
.faq-list details p{color:var(--a-tx2)}
.footer-bottom{color:var(--a-tx2)}
dialog{color:var(--a-tx);background:var(--a-s1)}
.dialog-content-body p{color:var(--a-tx2)}
.dialog-content-body .eyebrow{color:var(--cyan)}
.dialog-content-body .notice{background:var(--a-s2)}
.gallery-controls .icon-button{border-color:var(--a-ln)}
.gallery-controls span{color:var(--a-tx2)}
.status-details div{background:var(--a-s2)}
.status-details dt{color:var(--a-tx2)}
.catalog-detail-icon{background:var(--a-s2)}
.dialog-content-body ul{color:var(--a-tx2)}

.auth-notice{color:var(--a-tx2);background:var(--a-s2)}

.input-hint{color:var(--a-tx2)}
.password-field button{color:var(--a-tx2)}
.form-feedback{color:#ff8a7a}
.form-feedback.success{color:#4fd69c}
.auth-privacy{color:var(--a-tx2)}
.profile-avatar{background:var(--a-s2)}
.profile-avatar svg,.profile-avatar .cd-icon{color:var(--cyan)}
#profile-details dt{color:var(--a-tx2)}
#logout-feedback{color:#ff8a7a}
.section-explore:hover{color:var(--cyan)}
.expanded-tools select{background:var(--a-s1);border:1px solid var(--a-ln);color:var(--a-tx)}
.favorite-filter{color:var(--a-tx2);border:1px solid var(--a-ln)}
.favorite-filter[aria-pressed=true]{color:var(--a-tx);background:#ffd34c1f;border-color:#ffd34c80}
.catalog-note{color:var(--a-tx2)}
.catalog-entry{border-bottom:1px solid var(--a-ln)}
.catalog-entry-actions button{color:var(--cyan)}
.catalog-entry-actions button[aria-pressed=true]{color:var(--a-tx)}
.compare-toggle[aria-pressed=true]{background:var(--a-s3)}
.comparison-columns>article>span{color:var(--a-tx2)}
.is-subpage[data-page=arsenal] .catalog-list{border-top:1px solid var(--a-ln)}
.gallery-actions>a,.gallery-actions>button{color:var(--a-tx)}
.equipment-visual{background:var(--a-s3)}
.equipment-visual>svg,.equipment-visual>.cd-icon{color:var(--cyan)}
.equipment-visual>span{color:var(--a-tx2)}
.favorite-detail{color:var(--a-tx);border:1px solid var(--a-ln)}
.equipment-copy>p{color:var(--a-tx2)}
.equipment-copy>.detail-lead{color:var(--a-tx)}
.equipment-copy>.content-note,.content-note{background:var(--a-s3);color:var(--a-tx2)}
.related-items{border-top:1px solid var(--a-ln)}
.related-items>a{background:var(--a-s1)}
.article-body{background:var(--a-s1)}
.article-meta{color:var(--a-tx2)}
.article-reading>p{color:var(--a-tx2)}
.article-aside>a{border-top:1px solid var(--a-ln)}
.article-aside time{color:var(--a-tx2)}
.missing-page>svg,.missing-page>.cd-icon{color:var(--cyan)}
.missing-page>p{color:var(--a-tx2)}
.share-url{border:1px solid var(--a-ln);color:var(--a-tx);background:var(--a-s2)}
.status-overview{background:var(--a-s1)}
.status-overview>p{color:var(--a-tx2)}
.status-overview>dl{border-top:1px solid var(--a-ln);border-bottom:1px solid var(--a-ln)}
.status-overview dt{color:var(--a-tx2)}
.status-check{color:var(--a-tx2)}
.status-check time{color:var(--a-tx)}
.service-row{border-bottom:1px solid var(--a-ln)}
.service-mark{background:var(--a-s3);color:var(--cyan)}
.service-mark.is-online{background:#4fd69c1f;color:#4fd69c}
.service-row div>span{color:var(--a-tx2)}
.service-response{color:var(--a-tx2)}
.diagnostic-note{color:var(--a-tx2)}
.guide-hub{background:var(--a-s1)}
.guide-intro{color:var(--a-tx2)}
.play-guide article>div>span{color:var(--cyan)}
.play-guide p{color:var(--a-tx2)}
.installation-guide p{color:var(--a-tx2)}
.troubleshooting details{border-bottom:1px solid var(--a-ln)}
.troubleshooting p{color:var(--a-tx2)}
.help-diagnostics p{color:var(--a-tx2)}
.site-search-field{border:1px solid var(--a-ln2)}
.site-search-field svg,.site-search-field .cd-icon{color:var(--cyan)}
.site-search-field input{color:var(--a-tx)}
.site-search-field kbd{color:var(--a-tx2);border:1px solid var(--a-ln)}
.search-count{color:var(--a-tx2)}
#search-results>a{border-bottom:1px solid var(--a-ln)}
#search-results small{color:var(--a-tx2)}
#search-results a:focus-visible{background:var(--a-s2)}
#search-results a:hover{background:var(--a-s2)}
.service-response{color:var(--a-tx2)}
.privacy-reading{background:var(--a-s1)}
.privacy-reading>p{color:var(--a-tx2)}
.player-navigation{border-bottom:1px solid var(--a-ln)}
.player-navigation a[aria-current=page]{color:var(--a-tx)}



.players-page input:not([type=checkbox]),.players-page select,.players-page textarea{background:var(--a-s1);border:1px solid var(--a-ln2);color:var(--a-tx)}
.players-page .input-hint{color:var(--a-tx2)}


#account-retry{color:var(--a-tx)}

.profile-links{border-block:1px solid var(--a-ln)}
.profile-stats dt{color:var(--a-tx2)}
.profile-stats p,.profile-history p{color:var(--a-tx2)}


.ranking-filters{background:var(--a-s1)}
.ranking-heading{color:var(--a-tx2)}
.ranking-heading .inline-link{color:var(--a-tx)}
.ranking-timestamp{color:var(--a-tx2)}
.table-scroll{background:var(--a-s1);border:1px solid var(--a-ln)}
.table-scroll td,.table-scroll th{border-bottom:1px solid var(--a-ln)}
.table-scroll td{color:var(--a-tx2)}
.rank-number>span{background:var(--a-s2);color:var(--a-tx)}
.player-name small,.table-subtext{color:var(--a-tx2)}
.ranking-table .rank-metric-active{color:var(--a-tx)}
.ranking-table tr.is-own-player{background:#ffd34c1f}
.player-pagination{color:var(--a-tx2)}
.plain-button{background:var(--a-s1);border:1px solid var(--a-ln2);color:var(--a-tx)}
.player-notice{background:var(--a-s1)}
.player-notice>svg,.player-notice>.cd-icon{color:var(--a-tx2)}
.player-notice>p{color:var(--a-tx2)}
.gm-restricted{color:var(--a-tx2)}
.gm-tabs{border-bottom:1px solid var(--a-ln)}
.gm-tabs button{color:var(--a-tx2)}
.gm-tabs button[aria-pressed=true]{color:var(--a-tx)}
.gm-player-inspector{background:var(--a-s1)}
.gm-player-id{color:var(--a-tx2)}
.players-page .form-feedback{color:#ff8a7a}
.gm-operation{background:var(--a-s1)}
.gm-operation>p{color:var(--a-tx2)}
.gm-confirm .eyebrow{color:var(--a-tx2)}
.gm-confirm dt{color:var(--a-tx2)}
.gm-confirm>p:not(.eyebrow){color:var(--a-tx2)}
.gm-confirm .form-feedback{color:#ff8a7a}

.account-dropdown{background:var(--a-s1);color:var(--a-tx)}
.dropdown-head{border-bottom:1px solid var(--a-ln)}
.dropdown-head small{color:var(--a-tx2)}
.dropdown-links a,.dropdown-logout{color:var(--a-tx)}
.dropdown-links a:hover,.dropdown-links a:focus-visible,.dropdown-logout:hover,.dropdown-logout:focus-visible{background:#ffd34c1f}
.dropdown-links svg,.dropdown-links .cd-icon{color:var(--a-tx)}
.dropdown-logout{border-top:1px solid var(--a-ln)}
.auth-card{background:var(--a-s1)}
.auth-title{color:var(--a-tx)}
.auth-lead{color:var(--a-tx2)}
.player-page .field>label,.player-page .auth-form>label,.player-page .gm-search>label{color:var(--a-tx)}
.player-page .field input:not([type=checkbox]),.player-page .auth-form input:not([type=checkbox]),.player-page .auth-form textarea,.player-page .auth-form select,.player-page .gm-search input,.player-page .gm-operation input,.player-page .gm-operation textarea,.player-page .gm-operation select,.player-page .gm-player-inspector select,.player-page .gm-player-inspector textarea{border:1px solid var(--a-ln2);background:var(--a-s1);color:var(--a-tx)}
.player-page input[aria-invalid=true]{background:#e8705c24}
.player-page .field-hint{color:var(--a-tx2)}
.player-page .password-field .password-toggle{color:var(--a-tx)}
.player-page .password-field .password-toggle:hover{background:var(--a-s3)}
.strength-bars span{background:var(--a-s3)}
.strength-text{color:var(--a-tx2)}
.player-page .checkbox-label{color:var(--a-tx)}
.form-alert{color:#ff8a7a}
.form-notice{background:var(--a-s2);color:var(--a-tx)}
.form-notice.is-success{color:#4fd69c}
.auth-switch{color:var(--a-tx2)}
.auth-switch a{color:var(--a-tx)}
.auth-switch a:hover{color:var(--cyan)}
.button-quiet{color:var(--a-tx)}
.plain-button{background:var(--a-s1);color:var(--a-tx)}
.player-notice{background:var(--a-s2);border:1px dashed var(--a-ln2);color:var(--a-tx)}
.player-notice>svg,.player-notice>.cd-icon{color:var(--a-tx)}
.empty-note{color:var(--a-tx2)}
.player-pagination{color:var(--a-tx2)}
.skeleton-line{background:linear-gradient(90deg,var(--a-s3) 25%,var(--a-s2) 37%,var(--a-s3) 63%)}
.profile-hero .button-quiet:hover{background:var(--a-s1);color:var(--a-tx)}
.panel{background:var(--a-s1);border:1px solid var(--a-ln)}
.panel-title{color:var(--a-tx)}
.panel-text{color:var(--a-tx2)}
.stat-tile{background:var(--a-s2);border:1px solid var(--a-ln)}
.stat-label{color:var(--a-tx2)}
.stat-value{color:var(--a-tx)}
.stat-note{color:var(--a-tx2)}
.stat-tile.is-loading::before{background:var(--a-s3)}
.stats-empty{color:var(--a-tx2)}
.player-page .match-table th{color:var(--a-tx2)}
.player-page .match-table td{border-bottom:1px solid var(--a-ln)}
.player-page .match-table tbody tr:hover td{background:var(--a-s2)}
.outcome{background:var(--a-s3);color:var(--a-tx2)}
.outcome.is-loss{background:#e8705c24;color:#ff8a7a}
.quick-link{background:var(--a-s1);border:1px solid var(--a-ln);color:var(--a-tx)}
.quick-link:hover{background:#ffd34c1f}
.session-item{background:var(--a-s2);border:1px solid var(--a-ln)}
.session-icon{background:var(--a-s3);color:var(--a-tx)}
.session-copy small{color:var(--a-tx2)}
.ranking-filters{background:var(--a-s1);border:1px solid var(--a-ln)}
.filter-field{color:var(--a-tx2)}
.filter-field select,.filter-field input{background:var(--a-s1);border:1px solid var(--a-ln2);color:var(--a-tx)}
.ranking-heading{color:var(--a-tx2)}
.ranking-timestamp{color:var(--a-tx2)}
.rank-badge{background:var(--a-s3)}
.player-name strong{color:var(--a-tx)}
.player-name small{color:var(--a-tx2)}
.player-name em{color:#ff8a7a}
.ranking-table tr.is-own-player td,.ranking-table tr.is-own-player th{background:#ffd34c1f}
.is-active-metric{color:var(--a-tx)}
.gm-verified{color:#4fd69c}
.gm-tabs button{color:var(--a-tx2)}
.gm-tabs button:hover{color:var(--a-tx);background:var(--a-s2)}
.gm-tabs button[aria-pressed=true]{color:var(--a-tx);background:var(--a-s1)}
.gm-player-inspector{background:var(--a-s1);border:1px solid var(--a-ln)}
.gm-player-inspector h3{color:var(--a-tx)}
.gm-player-id{color:var(--a-tx2)}
.gm-player-inspector .field-hint{color:var(--a-tx2)}
.gm-operation{background:var(--a-s1);border:1px solid var(--a-ln)}
.gm-operation h2{color:var(--a-tx)}
.maintenance-label{color:var(--a-tx)}
.gm-confirm dl{background:var(--a-s2);border:1px solid var(--a-ln)}
.gm-confirm dt{color:var(--a-tx2)}
.gm-confirm h3{color:var(--a-tx)}
.table-subtext{color:var(--a-tx2)}
.gm-toolbar .inline-link{color:var(--a-tx)}
.gm-toolbar .inline-link:hover,.gm-toolbar .inline-link:focus-visible{color:var(--cyan)}
.section-intro{color:var(--a-tx2)}
.faq-list summary:after,.faq-list details[open] summary:after{border:1px solid var(--a-ln)}
.auth-card{background:var(--hazard) top/100% 6px no-repeat,var(--a-s1)}
.player-page .field>label{color:var(--a-tx2)}
.player-page .field input,.player-page .auth-form input{border:2px solid var(--a-ln);background:var(--a-s2)}
.player-page .field input:focus,.player-page .auth-form input:focus{background:var(--a-s1)}
.form-notice{background:#ffd34c1f;color:#ffe28a}
@media(hover:hover) and (pointer:fine){
.favorite-toggle:hover,.compare-toggle:hover{background:var(--a-s3)}
.player-navigation a:hover,.gm-tabs button:hover{color:var(--cyan)}
.ranking-table tbody tr:hover{background:var(--a-s2)}
.faq-list summary:hover{color:var(--cyan)}
}
@media(max-width:540px){
.player-page .match-table tr{border-bottom:1px solid var(--a-ln)}
.player-page .match-table td::before{color:var(--a-tx2)}
}

/* ==== ARENA · composición: tema oscuro de juego, escala tipográfica mayor, títulos editoriales y superficies con relieve ==== */
:root{
  color-scheme:dark;
  --a-bg:#060a14;--a-bg2:#0a1121;--a-s1:#0e1629;--a-s2:#121c33;--a-s3:#19253f;
  --a-tx:#edf2fb;--a-tx2:#a9b6ce;--a-tx3:#7d8ca8;--a-ln:#ffffff14;--a-ln2:#ffffff2b;
  --a-glow-y:#ffd34c1c;--a-glow-c:#3ad4ff14;
  --container:1320px;
  --display:Impact,Haettenschweiler,'HelveticaNeue-CondensedBlack','AvenirNextCondensed-Heavy','Arial Narrow Bold','sans-serif-condensed',sans-serif;
  --body:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;
}
html{scrollbar-color:#2b3a5a var(--a-bg);background:var(--a-bg)}
body{background:var(--a-bg);color:var(--a-tx);font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:inherit}

/* Atmósfera: cada sección de la portada recibe su propia luz; el fondo nunca es un plano liso */
.news-section,.arsenal-section,.media-section{background:radial-gradient(900px 480px at 100% 0,var(--a-glow-c),transparent 70%),var(--a-bg)}
.game-section,.faq-section{background:radial-gradient(800px 520px at 0 0,var(--a-glow-y),transparent 70%),var(--a-bg2)}
.map-section{background:radial-gradient(900px 600px at 30% 40%,#2c6cff1a,transparent 70%),var(--grid-texture),var(--a-bg2)}
.news-section,.game-section,.arsenal-section,.map-section,.media-section,.faq-section{border-top:1px solid var(--a-ln)}

/* Cabecera de vidrio */
.site-header{background:#060a14b8;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--a-ln)}
.site-header.is-scrolled{background:#060a14e6;box-shadow:0 12px 40px #0009}
@media(min-width:861px){.site-header nav a{font-size:14px;color:#c9d3e6}}

/* Títulos de sección: numeral fantasma gigante + titular enorme */
.section-heading{isolation:isolate;position:relative;margin-bottom:44px}
.section-heading h2{font-size:clamp(44px,5.6vw,92px);line-height:.9;letter-spacing:.5px;color:#fff;text-wrap:balance;max-width:16ch}
body[data-page=home] .section-heading::before{content:counter(cd-section,decimal-leading-zero);position:absolute;z-index:-1;right:-.02em;top:-.3em;font:400 clamp(160px,18vw,320px)/1 var(--display);color:#ffffff05;-webkit-text-stroke:2px #ffffff1f;pointer-events:none;letter-spacing:-2px}
body[data-page=home] .section-heading>div:first-child::before{color:var(--yellow);font-size:13px;letter-spacing:3px}
.section-intro,.section-side-note{font-size:16px;line-height:1.6;color:var(--a-tx2);max-width:380px}
.section-intro{border-left-color:var(--yellow)}
.eyebrow{font-size:12px;letter-spacing:2.5px}

/* Botones: más presencia */
.button{min-height:52px;padding-inline:26px;font-size:14px;letter-spacing:.3px;box-shadow:0 10px 30px #ffd34c26}
.button:hover{box-shadow:0 14px 38px #ffd34c45}
.hero-actions .button{min-height:60px;padding-inline:34px;font-size:16px}

/* Filtros, buscadores y selects oscuros */
.filter-tabs{gap:30px}
.filter-tabs button{font-size:14px;padding:12px 0}
.filter-tabs button[aria-pressed=true]{color:#fff}
.search-field,.catalog-tools select,.map-panel select,.expanded-tools select,.filter-field select,.filter-field input{background:var(--a-s2);border-color:var(--a-ln2);color:var(--a-tx);transition:border-color .2s ease,box-shadow .2s ease}
.search-field{min-height:50px}
.search-field input{font-size:15px;color:var(--a-tx)}
.search-field input::placeholder{color:var(--a-tx3)}
.search-field:focus-within,.catalog-tools select:focus,.map-panel select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #ffd34c26}
.catalog-tools select,.map-panel select{min-height:48px;font-size:15px}
.subtle-button{font-size:13px;color:var(--a-tx2)}
.subtle-button:hover{color:var(--yellow)}

/* Noticias: la rejilla se reparte el ancho aunque haya pocas publicaciones */
.news-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px}
.news-card{background:var(--a-s1);border:1px solid var(--a-ln);box-shadow:none}
.news-card.portal-card{background:linear-gradient(160deg,#18264a,#0e1629 70%)}
.news-card>a:hover{box-shadow:0 30px 70px #000a,0 0 0 1px #ffd34c55}
.news-card-content{padding:28px 30px 24px}
.news-card h3{font-size:clamp(20px,1.6vw,24px);line-height:1.25;color:#fff}
.news-card p{font-size:15px;line-height:1.6;color:var(--a-tx2)}
.news-meta,.news-card-bottom{font-size:12px}
.news-card-bottom{color:var(--a-tx)}

/* El juego */
.feature-copy p{font-size:16px;line-height:1.65}
.game-facts>div{border-color:var(--a-ln)}
.game-facts span{font-size:14px;color:var(--a-tx2)}

/* Arsenal */
.destructor-showcase{background:radial-gradient(circle at 50% 42%,#ffd34c2e,transparent 58%),linear-gradient(180deg,#16223d,#0c1426);border:1px solid var(--a-ln)}
.catalog-row{color:var(--a-tx)}
.catalog-row h3{font-size:16px;color:#fff}
.catalog-row span{font-size:13px}
.catalog-row:hover{background:var(--a-s2)}
.catalog-icon{background:var(--a-s3);color:var(--yellow)}
.catalog-count{font-size:13px}

/* Galería y FAQ */
.media-card{background:var(--a-s1);border:1px solid var(--a-ln)}
.media-card:hover{box-shadow:0 30px 70px #000a,0 0 0 1px #ffd34c55}
.media-caption{background:var(--a-s1);color:var(--a-tx);font-size:14px}
.faq-layout h2{font-size:clamp(44px,4.6vw,76px);line-height:.92;color:#fff}
.faq-layout>div>p{font-size:16px}
.showcase-target{color:#ffd34c1f}
.faq-list summary{font-size:clamp(17px,1.3vw,20px);color:#fff;padding-block:24px}
.faq-list summary:hover{color:var(--yellow)}
.faq-list details p{font-size:15px;line-height:1.7}
.faq-list summary:after{border-color:var(--a-ln2);color:var(--a-tx)}

/* Descargas: la franja amarilla conserva el texto oscuro */
.download-section{color:var(--navy)}
.download-section h2{color:var(--deep);font-size:clamp(48px,6vw,96px);line-height:.9}
.download-section p{font-size:16px}
.platform-card{font-size:16px}

/* Pie */
.site-footer{background:#03060d}
.footer-nav{font-size:14px}
.footer-bottom{font-size:12px}

/* Diálogos, buscador global y menús */
dialog{border:1px solid var(--a-ln2);box-shadow:0 40px 120px #000c}
dialog::backdrop{background:#02040acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.site-search-field input{color:var(--a-tx)}
#search-results>a:hover,#search-results>a:focus-visible{background:var(--a-s2)}
.account-dropdown{border:1px solid var(--a-ln2);box-shadow:0 30px 80px #000c}
.dropdown-head,.dropdown-logout{border-color:var(--a-ln)}

/* Componentes que siguen claros o amarillos: texto oscuro explícito */
.skip-link{color:var(--deep)}
.rank-badge.rank-1,.rank-badge.rank-2,.rank-badge.rank-3{color:var(--navy)}
.catalog-entry-actions button[aria-pressed=true],.player-navigation a[aria-current=page]{color:var(--yellow)}

/* Área de jugadores: tarjetas y paneles se despegan del fondo */
.auth-card{border:1px solid var(--a-ln2);box-shadow:0 40px 100px #000b}
.panel,.ranking-filters,.table-scroll,.gm-operation,.gm-player-inspector{box-shadow:0 24px 60px #0007}

/* Ranking: los filtros se reparten la fila aunque el servidor oculte algunos campos */
@media(min-width:861px){
  .ranking-filters{display:flex;flex-wrap:wrap;align-items:flex-end}
  .ranking-filters .filter-field{flex:1 1 180px}
  .ranking-filters .filter-search{flex:2 1 300px}
  .ranking-filters .filter-actions{flex:0 0 auto;flex-wrap:nowrap}
}

/* ==== ARENA v2: composición editorial, HUD del mapa, cortes diagonales y luz que sigue al cursor ==== */

/* Noticias tipo revista: con tres historias, la portada ocupa dos filas y las otras se apilan en horizontal */
@media(min-width:1200px){
  .news-grid:has(>:nth-child(3):last-child){grid-template-columns:1.25fr 1fr}
  .news-grid:has(>:nth-child(3):last-child)>:first-child{grid-row:span 2}
  .news-grid:has(>:nth-child(3):last-child)>:first-child>a{flex-direction:column}
  .news-grid:has(>:nth-child(3):last-child)>:first-child .news-image{flex:1;aspect-ratio:auto;min-height:300px}
  .news-grid:has(>:nth-child(3):last-child)>:first-child .news-card-content{width:100%;flex:0 0 auto}
  .news-grid:has(>:nth-child(3):last-child)>:first-child h3{font-size:clamp(26px,2.3vw,36px);min-height:0}
  .news-grid:has(>:nth-child(3):last-child)>:not(:first-child)>a{flex-direction:row}
  .news-grid:has(>:nth-child(3):last-child)>:not(:first-child) .news-image{width:40%;flex-shrink:0;aspect-ratio:auto;min-height:230px}
  .news-grid:has(>:nth-child(3):last-child)>:not(:first-child) .news-card-content{padding:24px 26px 20px}
  .news-grid:has(>:nth-child(3):last-child)>:not(:first-child) h3{min-height:0}
}

/* Galería: la última pieza se estira para que la rejilla nunca deje huecos, con cualquier filtro */
@media(min-width:861px){
  body:not(.is-subpage) .media-grid>.media-card:nth-child(2):last-child{grid-row:span 2;display:flex;flex-direction:column}
  body:not(.is-subpage) .media-grid>.media-card:nth-child(2):last-child img{flex:1;min-height:0;aspect-ratio:auto}
  body:not(.is-subpage) .media-grid>.media-card:nth-child(3n+5):last-child{grid-column:span 2}
  body:not(.is-subpage) .media-grid>.media-card:nth-child(3n+5):last-child img{aspect-ratio:3.65}
  body:not(.is-subpage) .media-grid>.media-card:nth-child(3n+4):last-child{grid-column:span 3}
  body:not(.is-subpage) .media-grid>.media-card:nth-child(3n+4):last-child img{aspect-ratio:3.2}
}

/* Mapa: marco HUD con esquinas, brújula como chip y barrido de radar */
.map-canvas{isolation:isolate;border:1px solid var(--a-ln);
  background:
    linear-gradient(var(--yellow),var(--yellow)) left top/26px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) left top/2px 26px no-repeat,
    linear-gradient(var(--yellow),var(--yellow)) right top/26px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) right top/2px 26px no-repeat,
    linear-gradient(var(--yellow),var(--yellow)) left bottom/26px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) left bottom/2px 26px no-repeat,
    linear-gradient(var(--yellow),var(--yellow)) right bottom/26px 2px no-repeat,linear-gradient(var(--yellow),var(--yellow)) right bottom/2px 26px no-repeat,
    radial-gradient(ellipse,#2850798c,transparent 68%),#070d1a}
.map-canvas::after{content:'';position:absolute;z-index:3;left:50%;top:50%;width:150%;aspect-ratio:1;translate:-50% -50%;pointer-events:none;
  background:conic-gradient(from 0deg,#3ad4ff2e,#3ad4ff00 55deg,transparent 360deg);mix-blend-mode:screen;animation:cd-radar 7s linear infinite}
@keyframes cd-radar{to{rotate:360deg}}
.map-compass{z-index:4;display:grid;place-items:center;width:38px;height:44px;padding-top:2px;line-height:1.05;background:#060a14cc;border:1px solid var(--a-ln2);color:var(--yellow)}

/* Cortes diagonales entre secciones: una cuña del color anterior con un filo amarillo */
.game-section,.map-section,.faq-section{position:relative}
.game-section,.map-section,.faq-section{border-top:0}
.game-section::before,.map-section::before,.faq-section::before{content:'';position:absolute;left:0;right:0;top:-1px;height:clamp(18px,4.2vw,64px);pointer-events:none;
  background:linear-gradient(to bottom right,var(--wedge) calc(50% - 1px),#ffd34c8c calc(50% - .5px),#ffd34c8c calc(50% + .5px),transparent calc(50% + 1.5px))}
.game-section{--wedge:var(--a-bg)}
.map-section{--wedge:var(--a-bg)}
.map-section::before{transform:scaleX(-1)}
.faq-section{--wedge:var(--yellow)}
body.is-subpage .game-section::before,body.is-subpage .map-section::before,body.is-subpage .faq-section::before{display:none}

/* Luz que sigue al cursor en tarjetas (solo ratón o trackpad); app.js escribe --mx y --my en la tarjeta */
@media(hover:hover) and (pointer:fine){
  .media-card,.game-facts>div{position:relative}
  .news-card>a::after,.media-card::after,.game-facts>div::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;
    background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),#ffffff17,transparent 45%);transition:opacity 280ms var(--ease-out)}
  .news-card>a:hover::after,.media-card:hover::after,.game-facts>div:hover::after{opacity:1}
}

/* Descargas como página propia: la cabecera ya trae el título y la entradilla */
.is-subpage .download-section h2,.is-subpage .download-section h2+p{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Panel del mapa: lectura cómoda */
.map-panel>p{font-size:16px;line-height:1.6}
.region-list button{font-size:14px;padding:10px 0;color:#b6c4dc}
.region-list button span{font-size:11px}
.map-panel .map-note{font-size:13px}

/* Franja en movimiento entre la galería y las descargas (solo portada) */
main{overflow-x:clip}
.cd-marquee{position:relative;z-index:2;margin:-30px -40px;padding:18px 0;background:var(--a-bg);border-block:2px solid var(--yellow);transform:rotate(-2deg);overflow:hidden;box-shadow:0 24px 60px #000b}
.cd-marquee-track{display:flex;width:max-content;animation:cd-marquee 40s linear infinite}
.cd-marquee-group{display:flex}
.cd-marquee span{display:flex;align-items:center;gap:44px;padding-right:44px;font:400 clamp(30px,3.6vw,56px)/1 var(--display);letter-spacing:1px;color:#fff;white-space:nowrap}
.cd-marquee span::after{content:'';width:.42em;height:.42em;background:var(--yellow);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.cd-marquee span:nth-child(3n){color:var(--yellow)}
.cd-marquee span:nth-child(3n)::after{background:#fff}
@keyframes cd-marquee{to{transform:translateX(-50%)}}
body.is-subpage .cd-marquee{display:none}

/* Cabeceras de subpágina: cada sección tiene su propia ilustración, con más presencia y el titular siempre legible */





body[data-page=downloads],





/* Placeholders: pista tenue que se apaga al escribir, legible sobre el fondo del campo (4.8:1) */
.player-page .field input::placeholder,.player-page .auth-form input::placeholder,.player-page .filter-field input::placeholder{color:var(--a-tx3);opacity:1;font-weight:500;letter-spacing:normal;transition:opacity .16s ease}
.player-page .field input:focus::placeholder,.player-page .auth-form input:focus::placeholder,.player-page .filter-field input:focus::placeholder{opacity:.45}

/* Captcha del registro: panel HUD con el código y el botón para generar otro, al mismo ancho que los campos */
.captcha-box{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:stretch;gap:10px;margin-bottom:12px}
.captcha-frame{position:relative;min-width:0;aspect-ratio:22/7;display:grid;place-items:center;overflow:hidden;background:var(--a-bg2);border:1px solid var(--a-ln2);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.captcha-image{width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;animation:cd-captcha-in .32s cubic-bezier(.23,1,.32,1)}
@keyframes cd-captcha-in{from{opacity:0;transform:scale(.97);filter:blur(3px)}}
.captcha-status{padding:0 16px;color:var(--a-tx2);font-size:13px;font-weight:700;line-height:1.4;text-align:center}
.captcha-box[data-state=failed] .captcha-frame{border-color:#ff8a7066}
.captcha-box[data-state=failed] .captcha-status{color:#ffb4a3}
.captcha-box[data-state=loading] .captcha-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#67dbea29 50%,transparent 70%) 0 0/220% 100%;animation:cd-captcha-scan 1.1s linear infinite}
@keyframes cd-captcha-scan{from{background-position:130% 0}to{background-position:-130% 0}}
.captcha-refresh{display:grid;place-items:center;background:var(--a-s2);color:var(--yellow);border:1px solid var(--a-ln2);transition:background .18s,color .18s,transform .16s cubic-bezier(.23,1,.32,1)}
.captcha-refresh:hover:not(:disabled){background:var(--a-s3);color:#fff}
.captcha-refresh:active:not(:disabled){transform:scale(.95)}
.captcha-refresh:disabled{opacity:.5}
.captcha-refresh .cd-icon{font-size:20px;transition:transform .45s cubic-bezier(.23,1,.32,1)}
.captcha-refresh:hover:not(:disabled) .cd-icon{transform:rotate(180deg)}
.captcha-box[aria-busy=true] .captcha-refresh .cd-icon{animation:cd-captcha-spin .7s linear infinite}
@keyframes cd-captcha-spin{to{transform:rotate(360deg)}}
/* El código se centra bajo la imagen (la sangría compensa el letter-spacing tras la última cifra) y conserva la altura de los demás campos */
.field.captcha-field input#register-captcha{line-height:calc(16px * 1.6);font-size:21px;font-weight:800;letter-spacing:.42em;text-indent:.42em;text-align:center;font-variant-numeric:tabular-nums}
.field.captcha-field input#register-captcha:placeholder-shown{text-indent:0}
.field.captcha-field input#register-captcha::placeholder{font-size:16px;font-weight:600}
@media(max-width:420px){.captcha-box{gap:8px;grid-template-columns:minmax(0,1fr) 46px}}

/* Pantallas grandes: el contenido crece con el monitor */
@media(min-width:1800px){:root{--container:1500px}body{font-size:17px}}
@media(min-width:2200px){
  :root{--container:1840px}
  body{font-size:18px}
  .header-inner{max-width:2200px;margin-inline:auto}
  .site-header nav a{font-size:16px}
  .section-heading h2{font-size:clamp(92px,4.4vw,140px)}
  .section-intro,.section-side-note{font-size:18px;max-width:460px}
  .news-card h3{font-size:28px}
  .news-card p,.feature-copy p,.faq-list details p{font-size:17px}
  .faq-list summary{font-size:22px}
}
@media(max-width:560px){
  .section-heading h2{font-size:clamp(38px,11vw,52px)}
  body[data-page=home] .section-heading::before{font-size:120px;top:-.2em}
  .news-card-content{padding:22px}
  .news-card p,.feature-copy p,.faq-list details p{font-size:15px}
  .catalog-tools{flex-wrap:wrap}
  .catalog-tools>:not(.sr-only){flex:1 1 100%}
  .catalog-tools select{width:100%;max-width:none;font-size:15px;padding:10px 14px}
  .region-list button{font-size:13px}
  .cd-marquee{margin:-18px -30px;padding:12px 0}
}

/* Arsenal icons: each keeps its native size (no upscaling) and sits centred in a fixed box; object-fit keeps the proportions. */
.catalog-list .catalog-icon.has-art{display:grid;place-items:center;width:44px;height:44px;min-width:44px;overflow:hidden;background:#ffffff0d;border-radius:0}
.catalog-list .catalog-icon.has-art picture{display:grid;place-items:center;width:100%;height:100%}
.catalog-list .catalog-icon.has-art img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.equipment-visual picture{display:grid;place-items:center;width:100%;height:100%}
.equipment-visual .equipment-art{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}