/* Additions for the remote-API frontend; preserves original Exteel design. */
.api-status{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.09em;color:#9bb9c9}
.api-status .status-dot{flex-shrink:0}
.table-status{color:#a1b8c9;text-align:center;padding:40px 16px;white-space:normal}
.search-field{display:block;margin:12px 0 25px;width:min(100%,430px)}
.search-field input{width:100%;padding:12px 16px;color:#e7f8fb;background:#071523;border:1px solid #355c71;outline:0}
.search-field input:focus{border-color:#67d7ee}
.rank-container .data-table{min-width:780px}
.notice-panel{max-width:720px;padding:28px 32px;border:1px solid #45677a;background:linear-gradient(135deg,#142c3b,#091727)}
.notice-panel p{line-height:1.8}
.notice-panel h3{margin:12px 0}
.feature-tag{font-size:10px;letter-spacing:.13em;color:#82d9eb;text-transform:uppercase}
.auth-card button[disabled]{pointer-events:none}
.profile-header .pilot-face{flex-shrink:0}
.inline-alert{padding:12px 15px;margin:14px 0;border:1px solid #56778d;background:#123044;color:#d9f4fb;font-size:13px}
.inline-alert.error{border-color:#a36b68;background:#301f24;color:#f8cbca}
.inline-alert.success{border-color:#518e7b;background:#133a31;color:#a7edd8}
.form-status{font-size:12px;margin-top:15px;color:#9cb6c5}
.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}
.help-text{font-size:12px;color:#9bb0bf;line-height:1.7}
.site-header .header-inner{gap:40px}
@media(max-width:780px){.table-scroll{overflow:auto}.notice-panel{padding:24px 18px}}

/* Server information / 2026 community release */
.operational-brief{margin-top:40px;margin-bottom:14px;display:grid;grid-template-columns:1.7fr 1fr;gap:0;border:1px solid #31546b;background:linear-gradient(130deg,#12283c,#07121d);box-shadow:0 16px 40px #0005}
.operational-brief-main{padding:30px 34px}
.operational-brief-main h2{font-size:29px;margin:8px 0 10px;font-weight:900}.operational-brief-main h2 span,.release-callout h2 span,.brief-heading h2 span,.brief-feature-panel h3 span,.account-coming h2 span{color:#59cfe8}
.operational-brief-main p{line-height:1.7;max-width:610px;font-size:13px;margin:0 0 16px}
.operational-maintenance{border-left:1px solid #31546b;background:linear-gradient(145deg,#223649,#121e2c);padding:30px 35px;display:flex;flex-direction:column;justify-content:center;gap:6px}
.operational-maintenance strong{font-family:inherit;letter-spacing:.06em;font-size:30px;color:#e8fafb}.operational-maintenance span:not(.micro){color:#b7d5e2}.operational-maintenance small{color:#99b2c4;margin-top:4px}
.server-information .brief-heading{margin-top:60px;margin-bottom:18px}.server-information .brief-heading h2{font-size:33px}
.release-callout {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    min-height: 260px;
    padding: 35px 40px;
    border: 1px solid #497d98;

    background:
        linear-gradient(90deg, rgba(6,17,27,.95), rgba(6,17,27,.68)),
        url('../img/exteel-blued-fallback.jpg') center/cover;

    background-position: center top, center -30px;
    background-repeat: no-repeat;
}.release-callout>div:first-child{max-width:750px}.release-callout h2{font-size:38px;margin:14px 0}.release-callout p{font-size:15px;line-height:1.75}.release-callout .saved-message{color:#a1f1d9;font-weight:800}
.release-status{flex:none;width:220px;min-height:115px;padding:24px 15px;border:1px solid #537c93;background:#0c2333d9;text-align:center;display:flex;flex-direction:column;gap:13px;align-items:center;justify-content:center}.release-status strong{font-size:13px;letter-spacing:.16em;color:#f0ba88}.release-status span{color:#aec6d6;font-size:12px}
.maintenance-ribbon{margin-top:22px;border:1px solid #526c7d;background:linear-gradient(110deg,#172e41,#101a29);padding:24px 30px;display:flex;gap:35px;align-items:center;justify-content:space-between}.maintenance-ribbon h3{font-size:36px;margin:6px 0;color:#e8fbff;letter-spacing:.08em}.maintenance-ribbon p{margin:0;line-height:1.7;color:#aec4d1;max-width:400px}.maintenance-ribbon .micro{color:#76d3e7}
.brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brief-card{padding:28px 32px;background:linear-gradient(145deg,#142d41,#0b1a29);border:1px solid #294b60;min-width:0}.brief-card-top{display:flex;align-items:center;gap:14px}.brief-card-no{color:#57cde8;font-weight:900;font-size:24px}.brief-card h3{font-size:22px;margin:14px 0 16px}.brief-list{padding:0 0 0 20px;margin:0;color:#bed1de;font-size:13px;line-height:1.85}.brief-list li{padding:3px 0}.brief-list li::marker{color:#58c5df}.brief-fixes{grid-row:span 2}.brief-feature-panel{padding:32px 38px;margin-top:20px}.brief-feature-panel h3{font-size:26px;margin:14px 0 18px}.brief-pills{display:flex;flex-wrap:wrap;gap:10px}.brief-pill{display:inline-flex;border:1px solid #42738a;padding:11px 15px;background:#173347;color:#d5f4f9;font-weight:800;font-size:12px;letter-spacing:.03em}.brief-unit{border-color:#354e6e;background:#1b2538}.brief-detail{margin-top:20px;color:#adcbda;font-size:13px;line-height:1.75}.brief-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.brief-bottom-item{padding:30px 35px;border:1px solid #315c70;background:#0e2232}.brief-bottom-item h3{font-size:24px;margin:8px 0 14px}.brief-bottom-item strong{display:block;font-size:17px;color:#70d6e8}.brief-bottom-item p{font-size:13px;line-height:1.75}.brief-bottom-item .btn{margin-top:8px}
.account-coming{padding:40px}.account-coming h2{font-size:31px;margin:12px 0}.account-coming>p{font-size:14px;line-height:1.8;max-width:780px}.account-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:30px}.account-status-grid>div{border:1px solid #36566c;background:#102637;padding:22px}.account-status-grid strong{display:block;font-size:16px;margin:10px 0}.account-status-grid p{font-size:12px;line-height:1.8}.account-state-ready,.account-state-pending{font-size:10px;font-weight:900;letter-spacing:.14em}.account-state-ready{color:#8ae3ce}.account-state-pending{color:#f7c38c}.account-coming-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
@media(max-width:950px){.release-status{display:none}.brief-fixes{grid-row:auto}}
@media(max-width:780px){.operational-brief,.brief-grid,.brief-bottom-grid,.account-status-grid{grid-template-columns:1fr}.operational-maintenance{border-left:0;border-top:1px solid #31546b}.maintenance-ribbon{flex-direction:column;align-items:flex-start}.release-callout{padding:27px 23px}.brief-card,.brief-feature-panel{padding:25px 22px}}
@media(max-width:480px){.operational-brief-main,.operational-maintenance{padding:24px 20px}.maintenance-ribbon{padding:22px}.maintenance-ribbon h3{font-size:27px}.release-callout h2{font-size:31px}.account-coming{padding:25px 19px}.account-coming h2{font-size:25px}}

/* Community contact and verified game service time/status */
.footer-connect{display:flex;flex-direction:column;gap:9px;max-width:270px;font-size:12px;color:#bedbe8}
.footer-connect strong,.footer-server b{letter-spacing:.16em;font-weight:900;font-size:10px;color:#6acde1}
.footer-connect>a,.support-email{color:#c8f6ff;overflow-wrap:anywhere}
.social-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.social-chip{display:inline-flex;padding:9px 12px;border:1px solid #43728a;background:#10283b;color:#bcecf9;font-size:11px;font-weight:800;letter-spacing:.04em}
.social-chip:not(.social-pending):hover{background:#214b62;color:white}
.social-pending{opacity:.65;cursor:default}
.footer-server{border-top:1px solid #263e4e;padding:16px 0;display:flex;align-items:center;gap:35px;flex-wrap:wrap;font-size:12px;color:#e4faff}
.footer-server>span{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.server-state{font-size:11px;letter-spacing:.05em;font-weight:800}.game-on{color:#a7edd0}.game-off{color:#ffb19c}.game-unknown{color:#abc6d5}
.contact-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.contact-card{padding:40px;min-height:290px}.contact-card h2{margin:14px 0 18px;font-size:27px}.contact-card p{font-size:14px;line-height:1.8;margin-top: revert-layer}.contact-card .btn{margin-top:12px}
@media(max-width:950px){.footer-main{flex-wrap:wrap}.contact-layout{grid-template-columns:1fr}}
@media(max-width:480px){.contact-card{padding:25px 20px}.footer-server{gap:13px}}

.server-live-banner{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;padding:22px 30px;border:1px solid #3a667e;background:#10283b;margin:20px 0}
.server-live-banner strong{color:#93e8f7;font-size:16px;letter-spacing:.06em}.server-live-banner>span:last-child{color:#9db9c9;font-size:12px}


/* ElementsXT: requested Exteel logo, legacy client download panels and live status strip */
.brand-logo-link{display:inline-flex;align-items:center;justify-content:flex-start;flex-shrink:0;line-height:1;overflow:hidden;min-width:0}
.exteel-site-logo{width:171px;max-width:100%;height:auto;display:block;object-fit:contain;object-position:left center}
.footer-brand .exteel-site-logo{width:157px}
.server-live-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:32px;padding:17px 20px;background:#081826;border-block:1px solid #27465a;color:#e0f6ff;font-size:13px;line-height:1.55}
.server-live-field{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
.server-live-field b{font-size:11px;font-weight:900;letter-spacing:.16em;color:#60d4e9}
.server-live-field strong{font-weight:900;font-size:12px;letter-spacing:.07em}
.server-live-pilots{font-size:11px;color:#aac8d6;margin-left:auto}
.server-status-note{font-size:11px;color:#9eb3c3;margin:7px 0 20px}
@media(max-width:900px){.server-live-pilots{margin-left:0}}
@media(max-width:780px){.exteel-site-logo{width:148px}.footer-brand .exteel-site-logo{width:140px}}
@media(max-width:480px){.server-live-strip{gap:11px;padding:14px}.server-live-field{width:100%}.exteel-site-logo{width:134px}}

/* Downloads: designed to match the Exteel Command interface, not the legacy purple/orange panel mockup. */
.page-downloads .download-section{padding-top:64px}
.xt-download-intro{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px 30px;margin:0 0 28px;border-bottom:1px solid #27495d;padding:0 0 25px}
.xt-download-intro .eyebrow{width:100%}
.xt-download-intro h2{font-size:clamp(27px,3.7vw,42px);font-style:italic;margin:0;line-height:1.1;color:#e9f8fc}
.xt-download-intro h2 span{color:#5ed8eb}
.xt-download-intro p{max-width:380px;margin:0;color:#a5bbc9;font-size:13px;line-height:1.7}
.download-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:20px;align-items:stretch}
.download-panel,.xt-components-panel,.download-troubleshoot{min-width:0;padding:34px 34px 30px}
.xt-download-panel-heading{display:flex;align-items:flex-start;gap:17px;margin-bottom:27px}
.xt-panel-index{display:flex;justify-content:center;align-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #3c7b97;background:linear-gradient(135deg,#174058,#0b2031);clip-path:polygon(0 0,77% 0,100% 23%,100% 100%,23% 100%,0 77%);font-size:16px;line-height:1;font-weight:900;color:#75dff0}
.xt-download-panel-heading .micro{padding-top:1px;color:#81b8cd}
.xt-download-panel-heading h2{font-size:clamp(21px,2.2vw,30px);letter-spacing:.02em;font-style:italic;margin:6px 0 7px;text-transform:uppercase;color:#ecfaff}
.xt-download-panel-heading h2 span{color:var(--cyan)}
.xt-download-panel-heading p{font-size:12px;color:#91aebe;line-height:1.6;margin:0}
.xt-download-list{display:grid;gap:10px}
.xt-download-tile{position:relative;display:flex;align-items:center;gap:15px;min-height:82px;padding:16px 17px;border:1px solid #37657b;background:linear-gradient(105deg,#17344a 0%,#102438 59%,#0a1927 100%);color:#eaf8fc;transition:border-color .18s,background .18s,transform .18s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}
a.xt-download-tile:hover{border-color:#75dce9;background:linear-gradient(105deg,#20506a,#123249);transform:translateY(-2px)}
a.xt-download-tile:focus-visible,a.xt-component-tile:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.xt-download-emblem{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;background:#103144;border:1px solid #35718b;color:#79ddec;font-size:22px;font-weight:900}
.xt-download-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.xt-download-info strong{font-size:13px;letter-spacing:.14em;font-weight:900;color:#f4fdff}
.xt-download-info small{font-size:11px;color:#98bbcd;line-height:1.5}
.xt-download-state{font-size:10px;letter-spacing:.12em;font-weight:900;color:#8ce5ef;white-space:nowrap}
.xt-download-pending{opacity:.51;cursor:default;filter:saturate(.45)}
.xt-download-pending .xt-download-state,.xt-download-pending .xt-component-action{color:#9db0bd}
.xt-download-foot{display:flex;gap:10px;align-items:center;border-top:1px solid #294354;margin-top:21px;padding-top:18px;color:#9cb3c1;font-size:11px;line-height:1.5}
.xt-troubleshoot-shortcut{margin-left:auto;color:#87ddeb;font-size:10px;letter-spacing:.1em;font-weight:900;white-space:nowrap} .xt-troubleshoot-shortcut:hover{text-decoration:underline} .xt-status-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#71d5c7;box-shadow:0 0 10px #5cddcb}
.xt-requirements-wrap{border:1px solid #254a60;background:#091a29}
.requirements-table{width:100%;border-collapse:collapse;text-align:left;color:#d9e8f2;font-size:12px;table-layout:fixed}
.requirements-table thead{background:#183247}
.requirements-table th{padding:17px 18px;font-size:10px;color:#94c9d7;letter-spacing:.15em;font-weight:900;text-transform:uppercase}
.requirements-table th:last-child{color:#88edec;border-left:1px solid #294f64}
.requirements-table td{padding:16px 18px;line-height:1.45;border-top:1px solid #244457;color:#becfda}
.requirements-table td:last-child{color:#eafaff;border-left:1px solid #244457}
.requirements-table tr:nth-child(even){background:#0f2231}
.requirements-note{margin:17px 0 0;color:#86a5b5;font-size:11px;line-height:1.65}
.xt-components-panel{margin-top:20px}
.xt-components-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.xt-component-tile{min-width:0;min-height:112px;display:flex;align-items:stretch;justify-content:space-between;gap:8px;flex-direction:column;padding:21px 18px 17px;border:1px solid #3b6376;border-top:2px solid #bc855c;background:linear-gradient(145deg,#152b3c,#0c1b29);transition:border-color .18s,transform .18s,background .18s;color:#eef8fc}
a.xt-component-tile:hover{border-color:#72cedf;border-top-color:#f09a5c;background:linear-gradient(145deg,#1c3d50,#102436);transform:translateY(-2px)}
.xt-component-info{display:flex;flex-direction:column;gap:9px}
.xt-component-info strong{font-size:15px;font-weight:800;line-height:1.3;color:#e9f6fb}
.xt-component-info small{font-size:11px;color:#96afbf}
.xt-component-action{margin-top:16px;letter-spacing:.13em;font-size:10px;font-weight:900;color:#e9ad7f}
.download-legacy-note{color:#8ba5b5;margin:19px 0 0;font-size:11px;line-height:1.7}
.download-troubleshoot{margin-top:20px;scroll-margin-top:22px}
.xt-troubleshoot-grid{border-top:1px solid #28495b}
.troubleshoot-row{border-bottom:1px solid #28495b;padding:0;color:#d6e9f2}
.troubleshoot-row summary{cursor:pointer;font-size:13px;font-weight:800;list-style:none;position:relative;padding:19px 42px 19px 5px;line-height:1.5}
.troubleshoot-row summary::-webkit-details-marker{display:none}
.troubleshoot-row summary:after{content:'+';position:absolute;right:8px;top:17px;font-size:20px;color:#69dbea;font-weight:400;line-height:1}
.troubleshoot-row[open] summary:after{content:'−'}
.troubleshoot-row summary:hover{color:#65dcec}
.troubleshoot-row p{margin:0;padding:0 42px 19px 5px;font-size:12px;line-height:1.75;color:#acbfcd}
.xt-support-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:27px;padding:22px 24px;background:#102a3a;border:1px solid #2c546a}
.xt-support-row>div{display:flex;flex-direction:column;gap:5px}
.xt-support-row strong{font-size:11px;letter-spacing:.12em;color:#9fe9f2}
.xt-support-row span{font-size:12px;color:#a1becb}
@media(max-width:1020px){.download-layout{grid-template-columns:1fr}.xt-components-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.xt-download-intro{display:block}.xt-download-intro p{margin-top:12px}.xt-components-grid{grid-template-columns:1fr}.download-panel,.xt-components-panel,.download-troubleshoot{padding:24px 20px}.xt-download-panel-heading{gap:12px}.xt-panel-index{flex-basis:36px;width:36px;height:36px}.xt-download-tile{gap:10px;padding:13px 10px}.xt-download-foot{flex-wrap:wrap}.xt-troubleshoot-shortcut{margin-left:17px}.xt-download-emblem{flex-basis:34px;width:34px;height:34px}.xt-download-state{font-size:9px}.requirements-table th,.requirements-table td{padding:14px 10px}.xt-support-row{padding:18px}}

/* Account field feedback — follows the existing Exteel navy/cyan styling. */
.xt-field-feedback{font-size:11px;line-height:1.55;margin:-9px 0 13px;color:#8fa8b8;letter-spacing:.01em;min-height:15px;overflow-wrap:anywhere}
.xt-field-feedback.is-success{color:#80e7c9}
.xt-field-feedback.is-error{color:#f0a69c}
.xt-field-feedback.is-pending{color:#83d9ee}
.xt-field-feedback.is-muted{color:#97afbf}
.xt-password-track{height:4px;background:#1c3344;border:1px solid #325369;margin:-9px 0 12px;overflow:hidden}
.xt-password-track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3987b1,#59d4e6);transition:width .18s}
.portal-form .xt-terms-block{border:1px solid #335b6f;background:#0c2031;margin:22px 0 17px;padding:14px 15px}
.portal-form label.xt-terms-label{display:flex;align-items:flex-start;gap:11px;margin:0;color:#d0e6ef;font-size:12px;letter-spacing:0;line-height:1.5;cursor:pointer}
.portal-form label.xt-terms-label input[type=checkbox]{appearance:auto;display:inline-block;width:17px;height:17px;min-width:17px;margin:1px 0 0;padding:0;border:1px solid #4e90ad;background:#0b2030;box-shadow:none;cursor:pointer}
.xt-terms-label strong{color:#74dce8}
.xt-terms-details{margin:11px 0 0;font-size:11px;color:#a8c4d2}
.xt-terms-details summary{color:#66d6eb;cursor:pointer;display:list-item}
.xt-terms-details p{margin:9px 0 0;color:#abc4d1;line-height:1.7}
.xt-terms-details a{text-decoration:underline;color:#80ddeb}
.xt-terms-block .xt-field-feedback{margin:10px 0 0}


/* Exteel-styled modal notifications replace native browser alert/confirm dialogs. */
body.xt-dialog-open{overflow:hidden}
.xt-dialog-root{position:fixed;inset:0;z-index:9999}
.xt-dialog-backdrop{position:absolute;inset:0;background:rgba(3,11,18,.78);backdrop-filter:blur(2px)}
.xt-dialog-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px}
.xt-dialog{width:min(100%,640px);padding:30px 32px 28px;border:1px solid #4e82a1;background:linear-gradient(145deg,#14283b,#091422);box-shadow:0 24px 60px rgba(0,0,0,.58), inset 0 0 0 1px rgba(123,214,233,.08);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));position:relative}
.xt-dialog:before{content:'';position:absolute;inset:14px;border:1px solid rgba(107,192,220,.18);pointer-events:none}
.xt-dialog-micro{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#89cfe1;margin-bottom:14px}
.xt-dialog h3{margin:0 0 14px;font-size:38px;line-height:1.05;font-style:italic;letter-spacing:.04em;text-transform:uppercase;color:#effcff}
.xt-dialog p{margin:0;color:#c4dbe7;font-size:14px;line-height:1.85;white-space:pre-line}
.xt-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;flex-wrap:wrap}
.xt-dialog .btn{min-width:132px}
.xt-dialog .btn.btn-small{padding-inline:20px}
.xt-dialog-info{border-color:#4e82a1}
.xt-dialog-success{border-color:#58a58e}.xt-dialog-success #xt-dialog-state{color:#8ee8ca}
.xt-dialog-warning{border-color:#b28a63}.xt-dialog-warning #xt-dialog-state{color:#f0c691}
.xt-dialog-error,.xt-dialog-danger{border-color:#95616a}.xt-dialog-error #xt-dialog-state,.xt-dialog-danger #xt-dialog-state{color:#f4a8a0}
@media(max-width:640px){.xt-dialog-shell{padding:14px}.xt-dialog{padding:24px 20px 22px}.xt-dialog h3{font-size:29px}.xt-dialog-actions{flex-direction:column}.xt-dialog .btn{width:100%}}