.legacy-ribbon{height:22px;display:flex;align-items:center;justify-content:center;gap:9px;background:#252018;color:#d1aa65;font-size:9px;font-weight:700;letter-spacing:1px}.legacy-ribbon span{font-weight:400;letter-spacing:.1px;color:#b0a28b}.filled-ad{padding:0!important;overflow:hidden}.filled-ad img{display:block;width:100%;height:78px;object-fit:cover}.premium-socials:empty{display:none}.page-account .nav-active:after{display:none}.page-account .nav-active{color:var(--muted)}.page-account footer{margin-top:0}.page-account h1,.page-account h2,.page-account h3{font-family:var(--heading);line-height:1.12}.page-account h1{font-size:42px;margin:10px 0}.page-account h2{font-size:30px;margin:0 0 14px}.page-account h3{font-size:23px;margin:0 0 10px}.page-account p{color:var(--muted)}.auth-layout{display:grid;grid-template-columns:1fr 1fr;max-width:1040px;margin:48px auto 60px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.auth-story{padding:56px 42px;position:relative;min-height:650px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(180deg,#10121655,#101216a6 43%,#101216f5 100%),url('assets/hero.webp') 62% center/cover}.auth-story .eyebrow{color:#dfc9a5;letter-spacing:2px}.auth-story h1{font-size:58px;line-height:1.04;margin:45px 0 22px;position:relative}.auth-story h1 em{font-style:normal;color:var(--gold)}.auth-story p{max-width:285px;color:#c6c9cb;line-height:1.85;font-size:13px}.auth-story-bottom{margin-top:auto;display:flex;align-items:center;gap:15px;padding-top:90px;font-size:11px;color:#b2b5b9}.auth-story-bottom svg{width:36px;height:36px;color:var(--gold);stroke-width:1}.auth-story-bottom strong{color:#e5dfd4;font-weight:500;font-size:13px}.auth-card{padding:34px 44px;align-self:center}.back-link{color:var(--muted);font-size:11px;display:inline-flex;margin-bottom:28px}.back-link:hover{color:var(--orange)}.form-kicker{font-size:9px;letter-spacing:1.8px;display:block;margin-bottom:13px;color:#ccc}.form-kicker span{color:var(--orange)}.auth-card h2{font-size:37px;letter-spacing:.2px;margin-bottom:8px}.form-intro{font-size:12px;margin:0 0 25px}.google-button{height:44px;width:100%;border:1px solid #dadce0;border-radius:6px;background:#fff;color:#25282c!important;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;font-weight:600}.google-button svg{width:18px;height:18px;stroke:none}.google-button:disabled{opacity:.65}.google-status{display:block;text-align:center;margin-top:8px;color:#a3a7af;font-size:10px}.form-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#818791;font-size:10px}.form-divider:before,.form-divider:after{content:'';height:1px;background:var(--line);flex:1}.site-form{display:flex;flex-direction:column;gap:17px}.site-form label{display:flex;flex-direction:column;gap:8px;color:#c9cbd0;font-size:11px;font-weight:500}.site-form input:not([type=checkbox]),.site-form textarea,.site-form select{background:#12151a;border:1px solid #33363e;border-radius:5px;padding:12px 13px;width:100%;color:#f1f1f4;font:400 12px var(--font);outline-offset:2px;min-height:42px}.site-form input::placeholder,.site-form textarea::placeholder{color:#686e78}.site-form textarea{resize:vertical;line-height:1.7}.site-form label small{font-size:10px;color:#888f9b;font-weight:400}.password-field{position:relative;display:flex}.password-field input{padding-right:70px!important}.password-field button{position:absolute;right:12px;top:0;bottom:0;color:#989da6;font-size:10px;padding:0}.site-form .checkbox-label{flex-direction:row;align-items:flex-start;gap:9px;font-size:10px;line-height:1.7;font-weight:400}.checkbox-label input{accent-color:var(--orange);margin-top:3px}.checkbox-label a,.form-switch a,.info-panel p a{color:var(--orange)}.form-submit{width:100%;font-size:12px;min-height:44px;margin-top:2px}.form-switch{font-size:11px;text-align:center;margin:23px 0 0}.auth-gst-note{font-size:9px!important;text-align:center;margin:22px 0 0;line-height:1.7}.form-error,.form-notice{border:1px solid #b9655959;background:#ad4b4012;color:#e9aaa0;border-radius:6px;padding:12px 15px;font-size:12px;line-height:1.6;margin-bottom:20px}.form-notice{border-color:#bd9b4d60;background:#bf9e4c0a;color:#d7c391}.account-layout{padding:40px 0 65px;min-height:70vh}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.account-heading p{font-size:12px;margin:10px 0 0}.account-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:26px}.account-tabs a{font-size:12px;padding:0 0 16px;color:var(--muted)}.account-tabs .active{color:var(--orange);border-bottom:2px solid var(--orange)}.account-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.dashboard-panel{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.panel-heading h2,.panel-heading h3{margin:0}.panel-heading h2{font-size:27px;display:flex;align-items:center;gap:10px}.count-chip{font:500 10px var(--font);border:1px solid var(--line);border-radius:4px;padding:3px 6px;color:var(--muted)}.dashboard-empty{text-align:center;padding:55px 20px}.dashboard-empty>svg{color:var(--orange);width:42px;height:42px;margin-bottom:17px}.dashboard-empty p{font-size:12px;margin:12px auto 22px;max-width:320px}.account-side{display:grid;gap:20px}.account-side h3{font-size:25px}.account-side p{font-size:11px;line-height:1.8;overflow-wrap:anywhere}.panel-icon{color:var(--gold);margin-bottom:15px;width:25px;height:25px}.connection-state{display:flex;align-items:center;gap:7px;font-size:11px;margin:20px 0;color:#b2b7bf}.status-dot{width:6px;height:6px;border-radius:50%;background:#717985}.status-dot.connected{background:#80b99f}.full-width{width:100%;gap:8px}.button:disabled{opacity:.45;transform:none}.account-side small{display:block;font-size:10px;margin-top:12px;line-height:1.7}.owned-server{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line)}.owned-server:last-child{padding-bottom:0}.owned-server h3{font:600 14px var(--font);margin:6px 0}.owned-server small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.owned-server p{font-size:10px;margin:0}.editor-panel{max-width:780px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-section-title{display:flex;flex-wrap:wrap;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.form-section-title svg{color:var(--gold)}.form-section-title h3{margin:0;font-size:23px}.form-section-title span{font-size:10px;color:var(--muted);margin-left:auto}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.ad-gst-note{display:flex;align-items:flex-start;gap:12px;border:1px solid #74634070;border-radius:6px;background:#d1aa6508;padding:15px 20px;margin-bottom:24px}.ad-gst-note svg{color:var(--gold);margin-top:2px}.ad-gst-note p{font-size:11px;margin:0;line-height:1.8}.ad-gst-note strong{color:#d8c49f}.ad-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.ad-manager-card h3{font-size:24px}.slot-status{font-size:9px;color:#b5a280;background:#d1aa6510;border:1px solid #d1aa6528;padding:4px 7px;border-radius:4px}.slot-status.available{color:#84b89d;background:#84b89d10;border-color:#84b89d28}.slot-preview{height:100px;background:#111419;border:1px dashed #3a3e48;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;overflow:hidden;color:var(--muted);margin-bottom:18px}.slot-preview svg{width:21px;color:var(--gold);margin-bottom:3px}.slot-preview strong{font-size:11px;font-weight:500}.slot-preview span{font-size:9px}.slot-preview img{height:78px;width:100%;object-fit:contain}.slot-tall{height:230px}.slot-tall img{width:auto;height:230px}.ad-edit summary{list-style:none;cursor:pointer;color:var(--orange);font-size:11px;display:flex;justify-content:space-between}.ad-edit summary::-webkit-details-marker{display:none}.ad-edit[open] summary{margin-bottom:18px}.info-panel{max-width:760px;margin:auto;padding:36px}.info-panel h1{margin:18px 0 25px}.info-panel p{font-size:13px;line-height:1.9}.info-panel .button{margin-top:20px}
@media(min-width:1520px) and (min-height:740px){.side-advertisement{top:160px!important}}@media(max-width:1000px){.auth-layout{max-width:900px}.auth-story{padding:45px 28px}.auth-story h1{font-size:50px}.auth-card{padding:30px}.account-columns{grid-template-columns:minmax(0,1fr) 250px}}@media(max-width:760px){.auth-layout{grid-template-columns:1fr;max-width:500px;margin:25px auto 40px}.auth-story{min-height:190px;padding:25px 28px;background-position:center 35%}.auth-story h1{font-size:34px;margin:15px 0 0}.auth-story h1 br{display:none}.auth-story p,.auth-story-bottom{display:none}.auth-card{padding:28px}.auth-card h2{font-size:33px}.account-layout{padding-top:26px}.account-heading{align-items:flex-start}.page-account h1{font-size:35px}.account-columns{grid-template-columns:1fr}.account-side{grid-template-columns:1fr 1fr}.dashboard-panel{padding:20px}.ad-manager-grid{gap:14px}.form-section-title span{width:100%;margin:0}.account-heading .button{min-height:35px;padding:0 12px;font-size:10px}}@media(max-width:480px){.account-side,.ad-manager-grid,.form-grid{grid-template-columns:1fr}.auth-card{padding:25px 22px}.auth-layout{width:calc(100% - 26px)}.account-heading{gap:12px}.account-heading p{font-size:11px}.dashboard-panel{padding:18px}.panel-heading h2{font-size:24px}.owned-server{gap:12px}.owned-server h3{font-size:12px}.info-panel{padding:24px}.form-actions .button{padding:0 15px;min-height:43px}.legacy-ribbon{font-size:8px}.account-tabs{gap:22px}}

.owned-actions{display:flex;align-items:center;gap:14px}.owned-actions .text-link,.withdraw-form .text-link{font-size:10px}.withdraw-form{margin-top:16px}

/* Top banners share the same 265 × 78 px format on the site and in the account preview. */
.top-ad-slots{grid-template-columns:repeat(4,265px);justify-content:space-between;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#42464f transparent}
.top-ad-slot{scroll-snap-align:start}
.filled-ad img{height:100%;object-fit:contain}
.slot-preview:not(.slot-tall){width:265px;max-width:100%;height:78px;margin-inline:auto}
.slot-preview:not(.slot-tall) img{width:100%;height:100%;object-fit:contain}

.site-form input[type=file]{padding:8px;cursor:pointer;font-size:11px}
.site-form input[type=file]::file-selector-button{font:500 11px var(--font);color:#ded3bd;background:#d1aa6518;border:1px solid #d1aa6545;border-radius:4px;padding:9px 12px;margin-right:12px;cursor:pointer}
.site-form input[type=file]::file-selector-button:hover{background:#d1aa6528}
.site-form .upload-error{color:#e9aaa0}
.upload-current{display:grid;gap:8px;margin-top:-5px;min-width:0}
.upload-current span{font-size:10px;color:var(--muted)}
.upload-current img{display:block;width:468px;max-width:100%;height:auto;aspect-ratio:468/60;object-fit:contain;border:1px solid var(--line);border-radius:4px;background:#111419}

/* Opening dates stay compact beside the existing ranking controls. */
.rank-tabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent;gap:22px}
.rank-tabs button{position:relative;flex-shrink:0}
.opening-date{display:flex;align-items:center;gap:5px;color:#e7b27c;font-size:10px;line-height:1.5;margin-top:4px;font-weight:500}
.opening-date svg{width:12px;height:12px}
.opening-date time{font-variant-numeric:tabular-nums}
.site-form .opening-date-field input{max-width:240px}
.site-form .field-optional{font-weight:400;color:var(--muted)}
@media(max-width:600px){.rank-tabs{height:auto;min-height:38px;flex-wrap:wrap;column-gap:18px;row-gap:8px;padding-top:4px}.rank-tabs button{padding-bottom:10px}.opening-date{font-size:9px}}

.legal-content{max-width:860px;margin:auto}.legal-content h2{font-size:24px;margin:28px 0 10px}.legal-content p{line-height:1.8;color:#aeb6c3}.wallet-payment-note{max-width:650px}.wallet-payment-note p{color:var(--muted);font-size:13px}.ad-plan-note{display:flex;gap:12px;align-items:center;margin:18px 0;color:var(--muted);font-size:13px}.ad-plan-note svg{width:20px;flex-shrink:0}.ad-price{display:flex;gap:6px;align-items:baseline;margin:14px 0}.ad-price span{font-size:12px;color:var(--muted)}

.legal-content pre{overflow:auto;background:#101419;border:1px solid var(--line);padding:18px;border-radius:8px;font-size:12px;line-height:1.7;color:#c8d5e4}