/* Shared visual language for every central application page. */
.darks-main .darks-screen{padding:22px;background:#0b1422;border:1px solid #344256;border-radius:3px;box-sizing:border-box;min-width:0;width:100%;color:#b8cadc}
.darks-main .darks-screen .bar-title{background:none;border:0;padding:0 0 15px;margin:0 0 18px;border-bottom:1px solid #344256;box-shadow:none;min-height:0;height:auto}
.darks-main .darks-screen h1.title, .darks-screen .bar-title h1{font:600 23px/1.25 Candara,Arial,sans-serif;text-transform:none;color:#fff1bb;margin:0;padding:0;background:none;border:0;text-align:left}
.darks-page-lead{color:#8fa5bd;font-size:13px;margin:0 0 22px;line-height:1.6}
.darks-screen h2,.darks-screen h3,.darks-screen h4{color:#dce7f1;line-height:1.4;text-transform:none;letter-spacing:0}
.darks-screen h2,.darks-screen h3{font-size:17px;margin:20px 0 12px}
.darks-screen h4{font-size:14px;margin:18px 0 10px}
.darks-screen p{line-height:1.65;margin-bottom:14px}
.darks-main .darks-screen :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),textarea,select){box-sizing:border-box;width:100%;min-width:0;max-width:100%;background-color:#111f31;color:#d6e4f0;border:1px solid #3a4d66;border-radius:3px;font:13px/1.4 Candara,Arial,sans-serif;padding:10px 12px;height:auto;min-height:40px;text-transform:none;box-shadow:none}
.darks-main .darks-screen textarea{min-height:110px;resize:vertical}
.darks-main .darks-screen :is(input,select,textarea):focus{border-color:#b9795c;outline:2px solid #b9795c33;outline-offset:1px}
.darks-main .darks-screen label{display:inline-block;color:#bccddd;font-size:12px;margin-bottom:7px;font-weight:normal}
.darks-main .darks-screen .required{color:#e89480}
.darks-main .darks-screen :is(button,.button,.btn,input[type=submit]){display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;max-width:100%;padding:10px 15px;font:600 12px/1.3 Candara,Arial,sans-serif;text-transform:none;background:#522532;border:1px solid #9b5360;color:#fff1dd;border-radius:3px;text-shadow:none;box-shadow:none;text-decoration:none;cursor:pointer}
.darks-main .darks-screen :is(button,.button,.btn,input[type=submit]):hover{background:#68323e;filter:none}
.darks-main .darks-screen :is(button,.button,.btn,input[type=submit]):focus-visible{outline:2px solid #fff1bb;outline-offset:3px}
.darks-screen table{width:100%;max-width:100%;border-collapse:collapse;background:#101b2b;margin:12px 0 20px;font-size:12px}
.darks-screen :is(th,td){border:1px solid #2b3b50;padding:10px 9px;vertical-align:middle;line-height:1.4;overflow-wrap:anywhere}
.darks-screen th{background:#25364b;color:#dce7f1;font-size:11px;text-transform:none;font-weight:bold}
.darks-screen tbody tr:nth-child(even){background:#142235}
.darks-screen tbody tr:hover{background:#1b2c41}
.darks-screen td img{object-fit:contain;vertical-align:middle}
.darks-screen hr,.darks-divider{border:0!important;border-top:1px solid #2b3b50!important;margin:20px 0}
.darks-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.darks-form-row{display:contents}
.darks-field{min-width:0;padding:0}
.darks-field-wide{grid-column:1/-1}
.darks-field:empty{display:none}
.darks-field>br{display:none}
.darks-field #terms-container{margin-top:10px;padding:12px;background:#142235;font-size:12px;max-height:260px;overflow:auto}
.darks-register .darks-field:last-child button{min-width:180px}
.darks-ranking-rankings,.darks-ranking-rankings-frequency,.darks-vip-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0}
.darks-main :is(.darks-ranking-rankings,.darks-ranking-rankings-frequency,.darks-vip-nav) a{display:inline-flex;align-items:center;padding:8px 11px;width:auto;border:1px solid #344b65;background:#142337;color:#b9cce0;border-radius:3px;text-decoration:none;font-size:12px}
.darks-main :is(.darks-ranking-rankings,.darks-ranking-rankings-frequency,.darks-vip-nav) a:hover,.darks-main .darks-ranking-rankings a.active,.darks-main .darks-ranking-rankings-frequency a.active{background:#452431;border-color:#925566;color:#fff1bb}
.darks-ranking-rankings-frequency{border-top:1px solid #2b3b50;padding-top:12px}
.darks-ranking-rankings-frequency a{font-size:11px!important;padding:6px 10px!important}
.darks-screen-rankings .top-1 td:first-child{color:#f3cf85;font-weight:bold}
.darks-screen-rankings .top-2 td:first-child,.darks-screen-rankings .top-3 td:first-child{color:#bfcedf;font-weight:bold}
.darks-screen-rankings .badge{font-size:9px;border-radius:2px;padding:2px 4px;margin:2px}
.darks-main .pagination{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:10px 0}
.darks-main .pagination a,.darks-main .pagination span{padding:6px 10px;background:#18283b;border:1px solid #344256;color:#bfd0e0}
.darks-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.darks-info-row{display:contents}
.darks-info-card{min-width:0;border:1px solid #2b3b50;border-radius:3px;background:#101b2b;overflow:hidden}
.darks-info-card h2{font-size:14px!important;margin:0!important;padding:12px;background:#213248;border-bottom:1px solid #344256}
.darks-info-card table{margin:0;border:0;table-layout:fixed}
.darks-info-card td{font-size:11px;padding:8px}
.darks-info-spacer{display:none}
.darks-server-state{padding:10px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;border-top:1px solid #29384c}
.darks-status-label{color:#94a9bf}
.darks-status{font-size:11px;font-weight:normal;white-space:nowrap}
.darks-status.is-online,.darks-screen :is(.online,.on){color:#9fd875}
.darks-status.is-offline,.darks-screen :is(.offline,.off){color:#ef8b91}
.darks-status.is-unknown{color:#adbed0}
.darks-info-card .darks-status-label{display:none}
.darks-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.darks-feature-card{background:linear-gradient(135deg,#1c2c42,#0e1828);border:1px solid #354961;border-radius:4px;padding:18px}
.darks-feature-card:first-child{grid-column:1/-1}
.darks-feature-card h2{margin:0 0 10px;font-size:18px;color:#fff1bb}
.darks-feature-card p{font-size:13px;color:#9fb5cb}
.darks-feature-card .button{margin-top:5px}
.darks-main .darks-screen .credit-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:18px 0;padding:0}
.darks-main .darks-screen .credit-shop>li{float:none;width:auto!important;min-width:0;height:auto!important;margin:0!important;padding:18px!important;box-sizing:border-box;background:linear-gradient(135deg,#1d2d43,#0e1828);border:1px solid #354961;border-radius:4px;text-align:center}
.darks-main .darks-screen .credit-shop .price{font-size:24px;color:#fff1bb;margin:14px 0}
.darks-main .darks-screen .credit-shop .title-h2{font-size:18px;color:#dce7f1}
.darks-main .darks-screen .credit-shop img{max-width:100%;margin:0!important}
.darks-screen .saldo{background:#1d2d43;border:1px solid #354961;border-left:3px solid #b28758;padding:14px;color:#fff1bb;font-size:14px}
.darks-screen-vip .gateways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.darks-screen-vip .gateways>div{float:none;width:auto;padding:0;min-width:0}
.darks-screen-vip .gateways .card{height:100%;box-sizing:border-box}
.darks-main :is(.darks-screen .card,.darks-screen .box-panel,.darks-screen .bank){background:#111e30;border:1px solid #354961;border-radius:3px;margin-bottom:14px;box-shadow:none}
.darks-main :is(.darks-screen .card-header,.darks-screen .box-panel-title){background:#223349;color:#dce7f1;padding:11px 13px;border-bottom:1px solid #354961}
.darks-main :is(.darks-screen .card-body,.darks-screen .box-panel-content){padding:14px}
.darks-screen-vip .gateways img{max-width:100%;height:80px;object-fit:contain}
.darks-screen-vip .bank{padding:16px;line-height:1.8;overflow-wrap:anywhere}
.darks-screen-vip .bank h3{margin-top:0}
.darks-screen .alert,.darks-screen .error,.darks-screen .success{padding:12px;border-radius:3px;line-height:1.5}
.darks-main .forum-news .sidebar-title{font-size:13px}
.forum-news-list{margin:0;padding:0;list-style:none}
.forum-news-list li+li{border-top:1px solid #344256}
.forum-news-list a{display:block;padding:12px;color:#edb680;text-decoration:underline;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.forum-news-list a:hover{background:#182639;color:#ffd9a9}
.forum-news-list time{white-space:nowrap;margin-right:6px}
.forum-news-empty{padding:14px;margin:0;color:#9fb5cb;font-size:12px}
.forum-news-more{display:block;text-align:right;padding:7px 12px;border-top:1px solid #344256;color:#9fb5cb;font-size:11px}
@media(max-width:850px){.darks-main .darks-screen{padding:16px}.darks-info-grid{grid-template-columns:1fr}.darks-screen :is(td,th){padding:8px 6px}.darks-feature-grid{grid-template-columns:1fr}.darks-feature-card:first-child{grid-column:auto}}
@media(max-width:600px){.darks-main .darks-screen{padding:14px}.darks-form-grid{grid-template-columns:1fr;gap:15px}.darks-field-wide{grid-column:auto}.darks-main .darks-screen h1.title, .darks-screen .bar-title h1{font-size:21px}.darks-main .darks-screen .credit-shop,.darks-screen-vip .gateways{grid-template-columns:1fr}.darks-screen-rankings{overflow-x:auto}.darks-screen-rankings>table{min-width:540px}.forum-news-list a{font-size:12px}.forum-news-list time{display:inline}.darks-vip-nav a{flex:1;justify-content:center;text-align:center}}

/* News typography, scoped to the homepage news block. */
.darks-main .forum-news{font-family:"Segoe UI",Arial,sans-serif}
.darks-main .forum-news .sidebar-title{font-family:"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:600;color:#e8f0f8;letter-spacing:.2px;padding:11px 14px}
.darks-main .forum-news-list li{background:#0c1726}
.darks-main .forum-news-list li:nth-child(even){background:#101e30}
.darks-main .forum-news-list li+li{border-top:1px solid #293b50}
.darks-main .forum-news-list a{display:flex;align-items:baseline;gap:14px;padding:15px 14px;color:#c7e4ff;font-family:"Segoe UI",Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.6;text-decoration:none;background:transparent;transition:background .15s,color .15s}
.darks-main .forum-news-list time{flex-shrink:0;white-space:nowrap;margin:0;color:#9bafc5;font-size:11px;font-weight:400;font-variant-numeric:tabular-nums}
.darks-main .forum-news-title{min-width:0;overflow-wrap:anywhere}
.darks-main .forum-news-list a:hover{background:#1a3048;color:#f0f7ff}
.darks-main .forum-news-list a:hover .forum-news-title{text-decoration:underline;text-underline-offset:3px}
.darks-main .forum-news-list a:focus-visible{outline:2px solid #84c9ff;outline-offset:-3px;background:#1a3048}
.darks-main .forum-news-more{color:#a9c9e6;font-size:11px;padding:10px 14px;text-decoration:none}
.darks-main .forum-news-more:hover{color:#ecf6ff;text-decoration:underline}
@media(max-width:650px){.darks-main .forum-news-list a{flex-direction:column;gap:3px;padding:12px 13px}.darks-main .forum-news-list time{font-size:10px}}