/* GENERATED by tools/build-assets.py. Edit the cpa-*.css sources. */
/* CSPLAY ARENA / Tactical Amber. Source of truth; bundled by tools/build-assets.py. */
.cpa-site{
--cpa-bg:#11161d;--cpa-surface:#1b2430;--cpa-raised:#232f3d;--cpa-text:#f3f5f7;
--cpa-muted:#a8b3c2;--cpa-accent:#ff9d2e;--cpa-success:#57c995;--cpa-error:#ff7676;
--cpa-line:#354251;--cpa-focus:#ffe0ab;--cpa-radius:12px;--cpa-space:8px;
margin:0;background:var(--cpa-bg);color:var(--cpa-text);font:16px/1.55 "Segoe UI",Roboto,Arial,sans-serif;
color-scheme:dark;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;
}
.cpa-site *, .cpa-site *::before,.cpa-site *::after{box-sizing:border-box}
.cpa-site [hidden]{display:none!important}
/* CMS fadeIn/slideDown set inline display without always removing disp-n. */
.cpa-site .disp-n.disp-n{display:none}
.cpa-site a{color:var(--cpa-accent);text-decoration:none}
.cpa-site a:hover{color:#ffc27c;text-decoration:none}
.cpa-site :focus-visible{outline:3px solid var(--cpa-focus);outline-offset:3px}
.cpa-site img{max-width:100%}
.cpa-site h1,.cpa-site h2,.cpa-site h3{color:var(--cpa-text);font-weight:750;line-height:1.18;letter-spacing:-.025em}
.cpa-site h1{font-size:clamp(28px,3vw,40px)}
.cpa-site h2{font-size:24px}.cpa-site h3{font-size:20px}
.cpa-site small,.cpa-site .small{font-size:14px}
.cpa-site .cpa-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}
.cpa-site .cpa-skip{position:fixed;left:16px;top:-80px;padding:12px 20px;background:var(--cpa-accent);color:var(--cpa-bg);z-index:2000;font-weight:700}
.cpa-site .cpa-skip:focus{top:12px}
.cpa-site .cpa-container{width:100%;max-width:1344px;margin:auto;padding:0 32px}
.cpa-site .cpa-eyebrow{font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--cpa-accent);text-transform:uppercase}
.cpa-site .cpa-data-note{font-size:11px;color:var(--cpa-muted)}
.cpa-site .cpa-section-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}
.cpa-site .cpa-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:650}

/* Public shell and shared, scoped components. No admin selectors. */
.cpa-site .cpa-header{background:#11161df5;border-bottom:1px solid var(--cpa-line);position:relative;z-index:100}
.cpa-site .cpa-header-inner{display:flex;align-items:center;gap:28px;min-height:98px}
.cpa-site .cpa-brand{display:flex;align-items:center;gap:12px;color:var(--cpa-text);flex-shrink:0}
.cpa-site .cpa-brand img{width:56px;height:56px;object-fit:contain}
.cpa-site .cpa-brand>span{font-size:21px;font-weight:850;line-height:1.12;letter-spacing:-.035em;white-space:nowrap}
.cpa-site .cpa-brand b{color:var(--cpa-accent)}
.cpa-site .cpa-brand small{display:block;font-size:8px;letter-spacing:.18em;color:var(--cpa-muted);font-weight:600;margin-top:7px}
.cpa-site .cpa-primary-nav{margin-left:auto}
.cpa-site .cpa-menu,.cpa-site .cpa-menu ul{padding:0;margin:0;list-style:none}
.cpa-site .cpa-menu{display:flex;align-items:center;gap:4px}
.cpa-site .cpa-menu>li{position:relative}
.cpa-site .cpa-menu a,.cpa-site .cpa-menu button{font:650 13px/1.3 "Segoe UI",Arial,sans-serif;color:var(--cpa-muted);padding:13px 12px;min-height:44px;display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;white-space:nowrap}
.cpa-site .cpa-menu a:hover,.cpa-site .cpa-menu button:hover,.cpa-site .cpa-menu a[aria-current=page]{color:var(--cpa-accent);background:#ff9d2e0a}
.cpa-site .cpa-menu ul{position:absolute;top:100%;left:0;min-width:220px;max-width:280px;padding:8px;background:var(--cpa-surface);border:1px solid var(--cpa-line);border-radius:8px;box-shadow:0 20px 50px #0005;z-index:110}
.cpa-site .cpa-menu ul a{white-space:normal}
.cpa-site .cpa-menu li:not(.is-open)>ul{display:none}
.cpa-site .cpa-menu-toggle{display:none;width:44px;height:44px;flex-shrink:0;border:1px solid var(--cpa-line);background:var(--cpa-surface);border-radius:6px;cursor:pointer;padding:10px}
.cpa-site .cpa-menu-toggle span{display:block;width:20px;height:2px;background:var(--cpa-text);margin:4px 0}
.cpa-site .cpa-account{position:relative;flex-shrink:0;margin-left:auto;max-width:190px}
.cpa-site .cpa-account summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;font-size:13px}
.cpa-site .cpa-account summary::-webkit-details-marker{display:none}
.cpa-site .cpa-account summary>span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cpa-site .cpa-account img{width:32px;height:32px;object-fit:cover;border-radius:50%}
.cpa-site .cpa-account-menu{position:absolute;right:0;top:calc(100% + 20px);width:260px;padding:12px;background:var(--cpa-surface);border:1px solid var(--cpa-line);box-shadow:0 20px 50px #0005;border-radius:10px}
.cpa-site .cpa-account-menu a{display:block;min-height:44px;padding:10px 12px;font-size:14px;color:var(--cpa-text)}
.cpa-site .cpa-account-menu a:hover{background:var(--cpa-raised)}
.cpa-site .cpa-account-role{font-size:12px;color:var(--cpa-muted);padding:6px 12px;border-bottom:1px solid var(--cpa-line)}
.cpa-site .cpa-sign-in{flex-shrink:0}
.cpa-site .cpa-button,.cpa-site .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:11px 20px;border-radius:7px;border:1px solid var(--cpa-line);font-size:14px;font-weight:700;line-height:1.4;cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s;color:var(--cpa-text);background:var(--cpa-raised);white-space:normal}
.cpa-site .cpa-button-primary,.cpa-site .btn-primary{background:var(--cpa-accent);border-color:var(--cpa-accent);color:var(--cpa-bg)}
.cpa-site .cpa-button-primary:hover,.cpa-site .btn-primary:hover{background:#ffb555;border-color:#ffb555;color:var(--cpa-bg);box-shadow:0 6px 24px #ff9d2e18}
.cpa-site .cpa-button-secondary,.cpa-site .btn-outline-primary,.cpa-site .btn-default{background:transparent;border-color:#5a6777;color:var(--cpa-text)}
.cpa-site .cpa-button-secondary:hover,.cpa-site .btn-outline-primary:hover,.cpa-site .btn-default:hover{background:var(--cpa-raised);border-color:var(--cpa-accent);color:var(--cpa-text)}
.cpa-site .btn-success{background:#234839;border-color:#57c995;color:#b9f5d8}.cpa-site .btn-danger{background:#4a242b;border-color:var(--cpa-error);color:#ffc3c3}
.cpa-site .btn-sm{padding:8px 12px;font-size:12px;min-height:40px}.cpa-site .btn-block{display:flex;width:100%}
.cpa-site .btn.disabled,.cpa-site .btn:disabled,.cpa-site .cpa-button:disabled{opacity:.55;cursor:not-allowed}
.cpa-site .cpa-icon-button{border:1px solid var(--cpa-line);border-radius:6px;min-width:44px;min-height:44px;background:var(--cpa-raised);color:var(--cpa-text)}
.cpa-site .cpa-breadcrumb{font-size:12px;color:var(--cpa-muted);padding:20px 0}
.cpa-site .cpa-breadcrumb ul{display:flex;flex-wrap:wrap;gap:10px;align-items:center;list-style:none;padding:0;margin:0}
.cpa-site .cpa-breadcrumb a{color:var(--cpa-muted)}
.cpa-site .cpa-page-heading{margin:10px 0 30px}.cpa-site .cpa-page-heading h1{margin:8px 0 0}
.cpa-site .cpa-page{min-height:60vh;padding-bottom:60px}
.cpa-site .cpa-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:24px;margin:0}
.cpa-site .cpa-layout>div,.cpa-site .cpa-layout>aside{min-width:0;width:auto;max-width:none;padding:0}
.cpa-site .cpa-layout>.order-is-first{grid-column:1}.cpa-site .cpa-layout>.order-is-last{grid-column:2}
.cpa-site .cpa-layout>.col-lg-12,.cpa-site .cpa-layout>.modal{grid-column:1/-1}
.cpa-site .block{background:var(--cpa-surface);border:1px solid var(--cpa-line);border-radius:var(--cpa-radius);padding:24px;margin-bottom:24px;min-width:0}
.cpa-site .block_head{display:flex;justify-content:flex-start;align-items:center;gap:14px;font-size:18px;line-height:1.35;font-weight:750;margin:0 0 20px;color:var(--cpa-text)}
.cpa-site .block_head .cpa-text-link{font-size:12px;font-weight:600;flex-shrink:0}
.cpa-site .block_head:before{content:"";width:3px;height:18px;background:var(--cpa-accent);flex-shrink:0}
.cpa-site .block_head>:first-child{margin-left:auto}
.cpa-site .cpa-field-label,.cpa-site .form-group>label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--cpa-text)}
.cpa-site .form-control{height:auto;min-height:46px;border-radius:6px;border:1px solid #627083;background:var(--cpa-bg);color:var(--cpa-text);padding:11px 12px;font:inherit;font-size:14px;max-width:100%}
.cpa-site .form-control::placeholder{color:#a8b3c2;opacity:1}
.cpa-site .form-control:focus{background:#17202a;border-color:var(--cpa-accent);color:var(--cpa-text);box-shadow:0 0 0 2px #ff9d2e22}
.cpa-site textarea.form-control{min-height:110px;resize:vertical}
.cpa-site .form-check{display:flex;align-items:flex-start;gap:10px;padding-left:0}
.cpa-site .form-check-input{position:static;flex-shrink:0;width:20px;height:20px;accent-color:var(--cpa-accent);margin:2px 0 0}
.cpa-site .form-check-label{font-size:14px;color:var(--cpa-muted)}
.cpa-site .cpa-field-help{font-size:12px;color:var(--cpa-muted);margin:8px 0 0}
.cpa-site .cpa-feedback{font-size:14px;color:var(--cpa-muted);margin-top:16px}
.cpa-site .cpa-feedback:empty{display:none}
.cpa-site .cpa-feedback.is-error{color:var(--cpa-error)}
.cpa-site .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;margin-bottom:12px;border-radius:6px}
.cpa-site .table{width:100%;color:var(--cpa-text);font-size:14px;margin-bottom:0;border-collapse:collapse;background:none}
.cpa-site .table th,.cpa-site .table td{padding:14px 12px;border-color:var(--cpa-line);vertical-align:middle;overflow-wrap:anywhere}
.cpa-site .table thead th,.cpa-site .table thead td{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--cpa-muted);background:#11161d80;font-weight:650;border-bottom:1px solid var(--cpa-line)}
.cpa-site .table tbody>tr:hover{background:#ffffff03}.cpa-site .table tr.hidden-tr{display:none}
.cpa-site .table .table{font-size:13px}
.cpa-site .table tbody tr.success{background:#57c9950a}.cpa-site .table tbody tr.danger{background:#ff76760a}
.cpa-site .label{font-size:11px;padding:4px 7px;background:var(--cpa-raised);border:1px solid var(--cpa-line);border-radius:4px;white-space:nowrap}
.cpa-site .label-success,.cpa-site .text-success{color:var(--cpa-success)!important}.cpa-site .text-danger{color:var(--cpa-error)!important}
.cpa-site .label-warning,.cpa-site .text-warning{color:#fbc56c!important}
.cpa-site .noty-block,.cpa-site .bs-callout,.cpa-site .alert{padding:16px;border-radius:7px;border:1px solid var(--cpa-line);background:var(--cpa-bg);margin:16px 0;font-size:14px}
.cpa-site .noty-block.error,.cpa-site .bs-callout-danger{border-left:3px solid var(--cpa-error)}
.cpa-site .noty-block.success,.cpa-site .bs-callout-success{border-left:3px solid var(--cpa-success)}
.cpa-site .empty-element{display:block;padding:28px 16px;text-align:center;color:var(--cpa-muted);font-size:14px;background:#11161d60;border:1px dashed var(--cpa-line);border-radius:8px}
.cpa-site .loader{display:inline-block;width:22px;height:22px;border:2px solid #ff9d2e30;border-top-color:var(--cpa-accent);border-radius:50%;animation:cpa-spin .8s linear infinite;flex-shrink:0}
@keyframes cpa-spin{to{transform:rotate(360deg)}}
.cpa-site .cpa-loading{display:flex;align-items:center;gap:12px;padding:36px 24px;color:var(--cpa-muted);font-size:14px;min-height:280px;justify-content:center;border:1px solid var(--cpa-line);border-radius:var(--cpa-radius);background:var(--cpa-surface)}
.cpa-site .vertical-navigation ul{padding:0;list-style:none;margin:0}.cpa-site .vertical-navigation a{display:flex;align-items:center;min-height:44px;padding:10px 8px;color:var(--cpa-muted);font-size:14px;border-bottom:1px solid #35425170}
.cpa-site .vertical-navigation a:hover,.cpa-site .vertical-navigation .active a{color:var(--cpa-accent);background:#ff9d2e06}
.cpa-site .pagination{display:flex;gap:6px;flex-wrap:wrap;padding:0;list-style:none}
.cpa-site .pagination a,.cpa-site .pagination span{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:6px;background:var(--cpa-surface);border:1px solid var(--cpa-line);color:var(--cpa-text)}
.cpa-site .pagination .active>a,.cpa-site .pagination .active>span{background:var(--cpa-accent);border-color:var(--cpa-accent);color:var(--cpa-bg)}
.cpa-site .modal{z-index:1050}.cpa-site .modal-dialog{margin:36px auto}
.cpa-site .modal-content{border-radius:12px;border:1px solid var(--cpa-line);background:var(--cpa-surface);color:var(--cpa-text);box-shadow:0 28px 100px #0009}
.cpa-site .modal-header{align-items:center;border-bottom:1px solid var(--cpa-line);gap:16px;padding:20px 24px}.cpa-site .modal-title{font-size:21px;margin:0}
.cpa-site .modal-body{padding:24px;overflow-wrap:anywhere}
.cpa-site .modal-footer{border-color:var(--cpa-line)}
.cpa-site .close{color:var(--cpa-text);opacity:1;text-shadow:none;min-width:44px;min-height:44px;font-size:28px;margin-left:auto}
.cpa-site .close:hover{color:var(--cpa-accent)}
.cpa-site .cpa-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100% - 32px);z-index:2000;padding:14px 20px;border-radius:8px;background:var(--cpa-accent);color:var(--cpa-bg);font-size:14px;font-weight:650;box-shadow:0 8px 40px #0006}
.cpa-site .cpa-footer{background:#0d1218;border-top:1px solid var(--cpa-line);padding:48px 0 24px}
.cpa-site .cpa-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px}
.cpa-site .cpa-footer-brand p{font-size:13px;color:var(--cpa-muted);max-width:370px;margin:20px 0}
.cpa-site .cpa-footer nav h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0}
.cpa-site .cpa-footer ul{padding:0;list-style:none;margin:0}
.cpa-site .cpa-footer li a{display:inline-flex;align-items:center;min-height:36px;color:var(--cpa-muted);font-size:13px}
.cpa-site .cpa-footer li a:hover{color:var(--cpa-accent)}
.cpa-site .cpa-footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--cpa-muted);font-size:11px;margin-top:36px;padding-top:24px;border-top:1px solid var(--cpa-line)}
.cpa-site .cpa-noscript{padding:16px;background:#3d2c17;color:#fff}

/* Arena, store and statistics layouts. */
.cpa-site .cpa-home{grid-column:1/-1}
.cpa-site .cpa-page:has(.cpa-home)>.cpa-container>.cpa-page-heading{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cpa-site .cpa-page:has(.cpa-home) .cpa-breadcrumb{padding:12px 0;opacity:.6}
.cpa-site .cpa-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:52px;align-items:center;position:relative;padding:34px 0 50px;isolation:isolate}
.cpa-site .cpa-hero:before{content:"";position:absolute;inset:-20px -32px 0;z-index:-1;opacity:.26;background:linear-gradient(90deg,#11161d 0%,#11161d33 60%,#11161d 100%),url("../img/theme_ghost_bg_1.png") center 15%/cover no-repeat;pointer-events:none}
.cpa-site .cpa-hero:after{content:"ARENA / 1.6";position:absolute;left:0;bottom:5px;font-weight:850;font-size:11px;letter-spacing:.25em;color:#65707b;pointer-events:none}
.cpa-site .cpa-hero-copy{min-width:0;padding:20px 0}
.cpa-site .cpa-hero-copy>.cpa-eyebrow{display:flex;gap:12px;align-items:center;font-size:10px}
.cpa-site .cpa-crosshair{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ff9d2e66;color:var(--cpa-accent);font-size:24px;font-weight:300}
.cpa-site .cpa-hero h2{font-size:clamp(40px,5.1vw,72px);line-height:1.02;letter-spacing:-.045em;font-weight:900;margin:26px 0}
.cpa-site .cpa-hero em,.cpa-site .cpa-store-intro em{font-style:normal;color:var(--cpa-accent)}
.cpa-site .cpa-hero-description{font-size:17px;line-height:1.7;color:#d3dbe6;margin-bottom:28px}
.cpa-site .cpa-hero-play{margin-right:16px}
.cpa-site .cpa-hero-footnote{font-size:11px;color:var(--cpa-muted);margin:16px 0 0}
.cpa-site .cpa-monitoring{min-width:0;scroll-margin-top:20px}
.cpa-site .cpa-hero-server{min-height:500px}
.cpa-site .cpa-home-aside iframe{max-width:100%}
.cpa-site .cpa-section-directory>summary{cursor:pointer;font-size:14px;font-weight:650;min-height:32px}
.cpa-site .cpa-account-shortcuts .vertical-navigation a{justify-content:space-between}
.cpa-site #servers{display:grid;gap:16px;position:relative}
.cpa-site .cpa-server-card{background:var(--cpa-surface);border:1px solid #536173;border-radius:12px;overflow:hidden;min-width:0;box-shadow:0 24px 50px #0004}
.cpa-site .cpa-server-map{height:170px;position:relative;overflow:hidden;background:var(--cpa-bg)}
.cpa-site .cpa-server-map:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1b2430 0%,#11161d00 100%);pointer-events:none}
.cpa-site .cpa-server-map>img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}
.cpa-site .cpa-map-name{position:absolute;z-index:1;bottom:12px;left:24px;font-size:10px;letter-spacing:.12em;color:var(--cpa-text);text-transform:uppercase;background:#11161d99;padding:4px 8px;border:1px solid #ffffff33;border-radius:3px}
.cpa-site .cpa-server-body{padding:0 24px 24px}
.cpa-site .cpa-server-top{display:flex;justify-content:space-between;align-items:center;min-height:32px}
.cpa-site .cpa-status{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:var(--cpa-success)}
.cpa-site .cpa-status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}
.cpa-site .cpa-server-card h3{font-size:22px;margin:8px 0 4px;line-height:1.25}
.cpa-site .cpa-game-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--cpa-muted);margin:0 0 20px}
.cpa-site .cpa-server-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cpa-site .cpa-server-metrics>div>span{font-size:11px;display:block;color:var(--cpa-muted);margin-bottom:4px}
.cpa-site .cpa-server-metrics strong{font-size:16px;display:block;overflow-wrap:anywhere}
.cpa-site .cpa-metric-button{padding:0;background:none;border:0;font-size:20px;font-weight:750;line-height:24px;color:var(--cpa-text);min-height:30px;cursor:pointer}
.cpa-site .cpa-metric-button small{color:var(--cpa-muted);font-size:14px}
.cpa-site .cpa-occupancy{height:3px;background:var(--cpa-bg);margin:16px 0 22px;overflow:hidden}
.cpa-site .cpa-occupancy>span{height:100%;display:block;background:var(--cpa-accent);max-width:100%;min-width:0}
.cpa-site .cpa-server-actions{display:flex;gap:10px}
.cpa-site .cpa-server-actions>.cpa-button-primary{flex:1}
.cpa-site .cpa-server-address{display:block;text-align:center;color:var(--cpa-muted);margin-top:12px;font-size:12px}
.cpa-site .cpa-quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 48px}
.cpa-site .cpa-quick-links>a{position:relative;display:flex;flex-direction:column;gap:20px;padding:24px;background:linear-gradient(130deg,#25313f,#19222d);border:1px solid var(--cpa-line);border-radius:8px;color:var(--cpa-text);overflow:hidden;transition:border-color .16s,background-color .16s}
.cpa-site .cpa-quick-links>a:after{content:"";position:absolute;right:-30px;top:-50px;width:110px;height:180px;transform:rotate(32deg);border-left:1px solid #ff9d2e1a;pointer-events:none}
.cpa-site .cpa-quick-links>a:hover{border-color:var(--cpa-accent)}
.cpa-site .cpa-quick-number{font-size:10px;letter-spacing:.12em;color:var(--cpa-accent)}
.cpa-site .cpa-quick-links strong{font-size:24px;line-height:1.2;letter-spacing:-.02em}
.cpa-site .cpa-quick-links>a>span:last-of-type{display:flex;justify-content:space-between;gap:12px;color:var(--cpa-muted);font-size:12px;margin-top:auto}
.cpa-site .cpa-quick-links b{color:var(--cpa-accent);font-size:18px}
.cpa-site .cpa-community-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:24px}
.cpa-site .cpa-community-card{background:radial-gradient(ellipse at top right,#ff9d2e12,transparent 70%),var(--cpa-surface);padding:32px;border:1px solid #ff9d2e55;border-radius:12px;margin-bottom:24px}
.cpa-site .cpa-community-card h2{font-size:36px;line-height:1.1;margin:24px 0 16px}
.cpa-site .cpa-community-card p{color:var(--cpa-muted);font-size:14px;margin-bottom:24px}
.cpa-site .cpa-community-card>.cpa-text-link{display:flex;margin-top:12px}
.cpa-site .cpa-store-intro{margin-bottom:28px;max-width:670px}
.cpa-site .cpa-store-intro h2{font-size:36px;line-height:1.13;margin:14px 0}
.cpa-site .cpa-store-intro p:last-child{color:var(--cpa-muted);font-size:14px}
.cpa-site .cpa-discount{display:flex;gap:12px;padding:16px;border:1px solid #57c99566;background:#57c99508;border-radius:8px;font-size:13px;margin-bottom:24px;color:#a7edcd}
.cpa-site .cpa-store-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:24px;align-items:start}
.cpa-site .cpa-step-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin:8px 0 24px;border-bottom:1px solid var(--cpa-line)}
.cpa-site .cpa-step-heading>span{font-size:12px;color:var(--cpa-accent);border:1px solid #ff9d2e66;padding:5px 8px}
.cpa-site .cpa-step-heading h2{font-size:17px;margin:0}
.cpa-site .cpa-service-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.cpa-site .cpa-service-chip{padding:10px 12px;min-height:44px;flex:1 1 auto;border:1px solid var(--cpa-line);border-radius:6px;background:var(--cpa-bg);color:var(--cpa-muted);font-size:12px;font-weight:600;cursor:pointer}
.cpa-site .cpa-service-chip[aria-pressed=true]{border-color:var(--cpa-accent);color:var(--cpa-accent);background:#ff9d2e0c}
.cpa-site .cpa-store-checkout{border-top:1px solid var(--cpa-line);padding-top:16px;margin-top:24px}
.cpa-site .cpa-store-total{font-size:21px;font-weight:700;color:var(--cpa-accent)}
.cpa-site .cpa-checkout-actions{display:flex;gap:12px;margin-top:20px}
.cpa-site .cpa-checkout-actions #store_buy_btn{flex:1}
.cpa-site .cpa-service-description{position:sticky;top:24px}
.cpa-site .cpa-service-description>h2{font-size:23px;margin:12px 0 24px}
.cpa-site .cpa-service-description .with_code{font-size:14px;color:#d6dfeb}
.cpa-site .cpa-service-description .with_code ul{padding-left:20px}
.cpa-site .cpa-service-description .with_code li{margin-bottom:8px}
.cpa-site .cpa-guest-notice{padding-top:20px;border-top:1px solid var(--cpa-line)}
.cpa-site .cpa-help-card p{font-size:13px;color:var(--cpa-muted)}
.cpa-site .cpa-ranking>.cpa-section-top h2{font-size:30px;margin:12px 0 0}
.cpa-site .cpa-search-form{display:flex;gap:10px;margin:24px 0}
.cpa-site .cpa-search-form .form-control{flex:1;min-width:0}
.cpa-site .cpa-ranking-table>.table{min-width:600px}
.cpa-site .cpa-ranking-table th{white-space:nowrap;overflow-wrap:normal}
.cpa-site .cpa-player-trigger{border:0;padding:8px 0;min-height:40px;color:var(--cpa-text);font-weight:700;font-size:14px;cursor:pointer;background:none;text-align:left;max-width:220px;overflow-wrap:anywhere}
.cpa-site .cpa-player-trigger:hover{color:var(--cpa-accent)}
.cpa-site .cpa-stat-row>td:first-child{font-variant-numeric:tabular-nums;color:var(--cpa-muted)}
.cpa-site .cpa-stat-row:first-child>td:first-child{color:var(--cpa-accent);font-weight:800}
.cpa-site .cpa-stat-row{font-variant-numeric:tabular-nums}
.cpa-site .cpa-stat-template-row{display:none}
.cpa-site .cpa-player-dialog .modal-body{padding:20px}
.cpa-site .cpa-player-dialog .table td{font-size:13px}

/* Existing CMS markup adapted to the same component system. */
.cpa-site .with_code{font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.cpa-site .with_code img,.cpa-site .with_code iframe{max-width:100%}
.cpa-site .with_code pre,.cpa-site pre{max-width:100%;overflow:auto;background:var(--cpa-bg);border:1px solid var(--cpa-line);padding:16px;color:var(--cpa-text);border-radius:6px}
.cpa-site .profile{text-align:center}.cpa-site .profile>img{width:140px;height:140px;object-fit:cover;border-radius:12px;margin-bottom:16px}
.cpa-site #edit_user_avatar_form input[type=file]{display:block;width:100%;max-width:100%;min-width:0;font-size:12px;margin-bottom:12px;min-height:44px}
.cpa-site #edit_user_avatar_form .btn{width:100%;margin-bottom:8px}
.cpa-site .profile h2{font-size:24px}
.cpa-site .profile-page .vertical-navigation{text-align:left}
.cpa-site .profile-page .table td:first-child{color:var(--cpa-muted)}
.cpa-site #users,.cpa-site #friends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cpa-site .friend{display:flex;align-items:center;gap:14px;min-width:0;padding:16px;background:var(--cpa-bg);border:1px solid var(--cpa-line);border-radius:8px;position:relative;margin-bottom:12px}
.cpa-site .friend img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0}
.cpa-site .friend>div,.cpa-site .friend .info{min-width:0;overflow-wrap:anywhere}
.cpa-site .friend h3,.cpa-site .friend h4{font-size:15px;margin:0 0 4px}.cpa-site .friend p{font-size:12px;color:var(--cpa-muted);margin:0}
.cpa-site .friend .actions{display:flex;flex-wrap:wrap;gap:6px}
.cpa-site .news .block,.cpa-site #new_news>div{margin-bottom:16px}
.cpa-site .news img{border-radius:8px}
.cpa-site .topic,.cpa-site .forum,.cpa-site .forum-section{padding:16px 0;border-bottom:1px solid var(--cpa-line)}
.cpa-site .topic img,.cpa-site .forum img{max-width:56px;max-height:56px}
.cpa-site .forum-message,.cpa-site .message{padding:20px;border:1px solid var(--cpa-line);border-radius:8px;margin-bottom:16px;overflow-wrap:anywhere}
.cpa-site .message img,.cpa-site .forum-message img{max-width:100%}
.cpa-site #chat{max-height:380px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536173 transparent}
.cpa-site #chat .chat-message,.cpa-site #chat>div{position:relative;padding:12px 8px;border-bottom:1px solid var(--cpa-line);font-size:14px}
.cpa-site #chat img:not(.g_smile){max-width:44px;max-height:44px;border-radius:7px;object-fit:cover}
.cpa-site #chat img.g_smile{width:auto;max-width:48px;max-height:48px;object-fit:contain}
.cpa-site #chat .date,.cpa-site #chat time{font-size:11px;color:var(--cpa-muted)}
.cpa-site .smile_input,.cpa-site .smile_input_forum{position:relative;flex:1;min-width:0}
.cpa-site .smile_btn{position:absolute;right:10px;top:13px;color:var(--cpa-muted);cursor:pointer}
.cpa-site .smile_input .form-control{padding-right:42px}
.cpa-site .input-group-btn{display:flex}
.cpa-site .input-group .form-control{min-width:0}
.cpa-site .input-search{position:relative;margin:0 -4px 20px}
.cpa-site .input-search>i{position:absolute;left:14px;top:15px;z-index:1;color:var(--cpa-muted);cursor:pointer}
.cpa-site .input-search>.form-control,.cpa-site .input-search>.input-group>.form-control:first-child{padding-left:40px}
.cpa-site .progress{position:relative;height:18px;background:var(--cpa-bg);border-radius:5px;overflow:hidden}
.cpa-site .progress>span{position:absolute;inset:0;text-align:center;color:var(--cpa-text);font-size:11px}
.cpa-site .progress-bar{background:var(--cpa-accent)}
.cpa-site .nav-tabs{border-bottom-color:var(--cpa-line);gap:4px}.cpa-site .nav-tabs .nav-link{border-radius:6px 6px 0 0;padding:12px 16px}
.cpa-site .nav-tabs .nav-link.active{background:var(--cpa-raised);border-color:var(--cpa-line);color:var(--cpa-text)}
.cpa-site .spoiler-title{cursor:pointer;padding:12px;background:var(--cpa-raised);border-radius:5px}
.cpa-site .m-icon{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900}
.cpa-site .icon-ok:before{content:"\f00c"}.cpa-site .icon-remove:before{content:"\f00d"}.cpa-site .icon-pencil:before{content:"\f303"}.cpa-site .icon-plus:before{content:"\f067"}.cpa-site .icon-minus:before{content:"\f068"}.cpa-site .icon-bank:before{content:"\f555"}.cpa-site .icon-vk{font-family:"Font Awesome 5 Brands"}.cpa-site .icon-vk:before{content:"\f189"}.cpa-site .icon-steam{font-family:"Font Awesome 5 Brands"}.cpa-site .icon-steam:before{content:"\f1b6"}.cpa-site .icon-fb{font-family:"Font Awesome 5 Brands"}.cpa-site .icon-fb:before{content:"\f39e"}
.cpa-site .icon-trash:before{content:"\f2ed"}.cpa-site .icon-link:before{content:"\f0c1"}.cpa-site .icon-time:before{content:"\f017"}.cpa-site .icon-user:before{content:"\f007"}.cpa-site .icon-up:before{content:"\f077"}.cpa-site .icon-down:before{content:"\f078"}.cpa-site .icon-left:before{content:"\f104"}.cpa-site .icon-right:before{content:"\f105"}.cpa-site .icon-marker:before{content:"\f041"}.cpa-site .icon-bars:before{content:"\f0c9"}.cpa-site .icon-compress:before{content:"\f066"}
.cpa-site #global_result{position:fixed;right:24px;bottom:24px;z-index:1800;pointer-events:none}.cpa-site #global_result>span{background:var(--cpa-surface);border:1px solid var(--cpa-line);border-radius:50%;padding:16px}.cpa-site #global_result .icon-ok{color:var(--cpa-success)}.cpa-site #global_result .icon-remove{color:var(--cpa-error)}
.cpa-site #nprogress .bar{background:var(--cpa-accent);position:fixed;z-index:2000;top:0;left:0;width:100%;height:2px}
.cpa-site #nprogress .spinner{display:none}
.cpa-site .noty_bar{background:var(--cpa-surface);color:var(--cpa-text);border:1px solid var(--cpa-line);border-radius:8px;box-shadow:0 8px 30px #0006;padding:12px}
.cpa-site .rank{max-width:32px;max-height:32px}

/* Existing Lightbox 2.7.1 presentation, scoped to the public theme. */
.cpa-site .lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: black;
  opacity: 0.75;
  display: none;
}
.cpa-site .lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1110;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
.cpa-site .lightbox .lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 2px;
}
.cpa-site .lightbox .lb-outerContainer .lb-container {
  padding: 2px;
}
.cpa-site .lightbox .lb-outerContainer .lb-container > .nav {
  left: 0;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-loader .lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("../img/loader.gif") no-repeat;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev, .cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev, .cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
  opacity: 0;
  transition: opacity 0.6s;
  background: rgba(0, 0, 0, 0.26);
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after, .cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after {
  font-family: Font Awesome\ 5 Free;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
  line-height: 0.75em;
  font-weight: 900;
  font-size: 30px;
  color: #FFF;
  position: absolute;
  top: 50%;
  margin-top: -0.325em;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev {
  width: 20%;
  left: 0;
  float: left;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev::after {
  margin-left: -8px;
  left: 10%;
  content: "";
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next {
  width: 20%;
  right: 0;
  float: right;
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next::after {
  margin-right: -8px;
  right: 10%;
  content: "";
}
.cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover, .cpa-site .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover {
  opacity: 0.8;
}
.cpa-site .lightbox .lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}
.cpa-site .lightbox a img {
  border: none;
}
@media(min-width:1440px){.cpa-site .cpa-container{max-width:1424px;padding-inline:48px}.cpa-site .cpa-hero{gap:80px}.cpa-site .cpa-hero h2{font-size:80px}.cpa-site .cpa-server-map{height:196px}}
@media(max-width:1199px){.cpa-site .cpa-header-inner{gap:14px}.cpa-site .cpa-brand>span{font-size:18px}.cpa-site .cpa-menu a,.cpa-site .cpa-menu button{padding-inline:9px;font-size:12px}.cpa-site .cpa-account summary>span{max-width:70px}.cpa-site .cpa-store-layout{grid-template-columns:1fr}.cpa-site .cpa-service-description{position:static;grid-row:1}}
@media(max-width:1023px){
.cpa-site .cpa-container{padding-inline:24px}.cpa-site .cpa-header-inner{min-height:84px}.cpa-site .cpa-menu-toggle{display:block;margin-left:auto}
.cpa-site .cpa-primary-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:16px 24px;background:var(--cpa-bg);border-bottom:1px solid var(--cpa-line);max-height:75vh;overflow-y:auto}
.cpa-site .cpa-primary-nav.is-open{display:block}.cpa-site .cpa-menu{display:block}
.cpa-site .cpa-menu a,.cpa-site .cpa-menu button{width:100%;justify-content:space-between;min-height:48px;font-size:15px}
.cpa-site .cpa-menu ul{position:static;max-width:none;border:0;box-shadow:none;background:var(--cpa-surface);padding:8px 16px}
.cpa-site .cpa-account{margin-left:0}
.cpa-site .cpa-layout{grid-template-columns:minmax(0,1fr)}
.cpa-site .cpa-layout>.order-is-first,.cpa-site .cpa-layout>.order-is-last{grid-column:1}
.cpa-site .cpa-layout>.order-is-last{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.cpa-site .cpa-hero{gap:28px}.cpa-site .cpa-hero h2{font-size:46px}
.cpa-site .cpa-hero:before{inset:-20px -24px 0}
.cpa-site .cpa-hero-description{font-size:15px}.cpa-site .cpa-hero-play{margin-right:0;margin-bottom:8px}
.cpa-site .cpa-server-map{height:145px}.cpa-site .cpa-server-body{padding:0 18px 18px}.cpa-site .cpa-map-name{left:18px}
.cpa-site .cpa-server-card h3{font-size:19px}.cpa-site .cpa-server-actions .cpa-button{padding-inline:12px}
.cpa-site .cpa-community-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.cpa-site .cpa-community-card{padding:24px}.cpa-site .cpa-community-card h2{font-size:28px}
.cpa-site .cpa-quick-links strong{font-size:21px}.cpa-site .cpa-quick-links>a{padding:20px}
.cpa-site .cpa-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cpa-site .cpa-footer-brand{grid-column:1/-1}.cpa-site .cpa-footer-brand p{max-width:650px}
.cpa-site .cpa-store-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.cpa-site .cpa-service-description{grid-row:auto}
}
@media(max-width:767px){
.cpa-site .cpa-container{padding-inline:16px}.cpa-site .cpa-header-inner{min-height:76px;gap:10px}.cpa-site .cpa-brand{gap:8px}
.cpa-site .cpa-brand img{width:40px;height:40px}.cpa-site .cpa-brand>span{font-size:16px}.cpa-site .cpa-brand small{font-size:6px;letter-spacing:.12em;margin-top:5px}
.cpa-site .cpa-sign-in{padding-inline:12px;min-height:42px;font-size:12px}.cpa-site .cpa-sign-in i{display:none}
.cpa-site .cpa-account summary>span{display:none}.cpa-site .cpa-account summary>i{display:none}
.cpa-site .cpa-account-menu{right:-4px;top:calc(100% + 16px)}
.cpa-site .cpa-page{padding-bottom:36px}.cpa-site .cpa-breadcrumb{padding:16px 0;font-size:11px}
.cpa-site .cpa-page-heading{margin:4px 0 24px}.cpa-site .cpa-page-heading>.cpa-eyebrow{font-size:9px}
.cpa-site .cpa-hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:12px 0 28px}
.cpa-site .cpa-hero:before{inset:-12px -16px 0}
.cpa-site .cpa-hero-copy{padding:6px 0}.cpa-site .cpa-hero-copy>.cpa-eyebrow{font-size:8px;letter-spacing:.07em}
.cpa-site .cpa-hero h2{font-size:clamp(36px,9vw,62px);margin:18px 0}
.cpa-site .cpa-hero-description{font-size:15px;margin:0 0 18px}
.cpa-site .cpa-hero-footnote{display:none}.cpa-site .cpa-hero-play{display:none}.cpa-site .cpa-hero-copy>.cpa-text-link{display:none}
.cpa-site .cpa-hero-server{margin-top:0}.cpa-site .cpa-server-map{height:132px}.cpa-site .cpa-server-body{padding:0 18px 18px}
.cpa-site .cpa-section-top{gap:10px}.cpa-site .cpa-section-top>.cpa-data-note{font-size:10px}
.cpa-site .cpa-server-metrics{gap:16px}.cpa-site .cpa-game-label{margin-bottom:14px}.cpa-site .cpa-occupancy{margin-bottom:16px}
.cpa-site .cpa-quick-links{grid-template-columns:1fr;gap:10px;margin:20px 0 28px}
.cpa-site .cpa-quick-links>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:18px}
.cpa-site .cpa-quick-number{grid-column:1/-1;font-size:9px}
.cpa-site .cpa-quick-links strong{font-size:18px}.cpa-site .cpa-quick-links strong br{display:none}
.cpa-site .cpa-quick-links>a>span:last-of-type{font-size:0;align-items:center}.cpa-site .cpa-quick-links b{font-size:24px}
.cpa-site .cpa-community-grid{grid-template-columns:minmax(0,1fr)}.cpa-site .cpa-community-card{padding:24px}
.cpa-site .block{padding:18px;margin-bottom:18px}.cpa-site .block_head{font-size:17px;gap:8px;flex-wrap:wrap}
.cpa-site .block_head:before{display:none}.cpa-site .block_head>:first-child{margin-left:0}
.cpa-site .cpa-layout>.order-is-last{display:block}
.cpa-site .cpa-store-layout{grid-template-columns:1fr;gap:0}.cpa-site .cpa-service-description{grid-row:auto}
.cpa-site .cpa-store-intro h2{font-size:30px}.cpa-site .cpa-store-intro p:last-child{font-size:13px}
.cpa-site .cpa-store-total{font-size:20px}.cpa-site .cpa-ranking>.cpa-section-top h2{font-size:26px}
.cpa-site .cpa-ranking>.cpa-section-top{display:block}
.cpa-site .cpa-search-form{gap:8px}.cpa-site .cpa-search-form .cpa-button{padding:11px 14px}
.cpa-site .cpa-search-form .cpa-button>span{display:none}
.cpa-site .cpa-ranking-table>.table{min-width:550px}.cpa-site .table td,.cpa-site .table th{padding:12px 10px;font-size:12px}
.cpa-site .cpa-player-trigger{font-size:13px}
.cpa-site #users,.cpa-site #friends{grid-template-columns:minmax(0,1fr)}
.cpa-site .friend{padding:12px}.cpa-site .friend img{width:44px;height:44px}
.cpa-site .profile>img{width:112px;height:112px}
.cpa-site .modal-dialog{margin:12px;max-width:calc(100% - 24px)}
.cpa-site .modal-header{padding:14px 16px}.cpa-site .modal-title{font-size:19px}
.cpa-site .modal-body{padding:16px}.cpa-site .modal-body .table-responsive{max-width:100%}
.cpa-site .cpa-footer{padding-top:28px}.cpa-site .cpa-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cpa-site .cpa-footer-grid>nav:last-child{grid-column:1/-1}.cpa-site .cpa-footer-brand{grid-column:1/-1}
.cpa-site .cpa-footer-bottom{display:block;font-size:10px}.cpa-site .cpa-footer-bottom>span{display:block;margin-bottom:8px}
}
@media(max-width:359px){.cpa-site .cpa-brand>span{font-size:14px}.cpa-site .cpa-brand img{width:34px;height:34px}.cpa-site .cpa-header-inner{gap:8px}.cpa-site .cpa-menu-toggle{width:40px;height:40px;padding:9px}.cpa-site .cpa-sign-in{padding-inline:10px}.cpa-site .cpa-server-card h3{font-size:18px}.cpa-site .cpa-server-actions .cpa-button{font-size:13px}.cpa-site .cpa-hero h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.cpa-site *,.cpa-site *:before,.cpa-site *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}