/* Tactical appearance is optional; the previous appearance remains available. */
body.tactical{--bg:#101319;--panel:#1b2029;--white:#edf3fa;--muted:#abb7c9;--border:#ffffff16;--cyan:#49cdff;--purple:#a17bff;color-scheme:dark;color:var(--white);background:radial-gradient(ellipse at 95% 0,#152f4744,transparent 45%),#101319}
.tactical :is(.header,.public-header){background:#12171fef;border-color:#ffffff13;backdrop-filter:blur(18px)}
.tactical :is(.brand>span,.header-user-copy>span:not(.role-badge),h1,h2,h3){color:var(--white)}
.tactical :is(p,small,.eyebrow,.page-kicker,.service-back,.nav-link,.public-nav-link,.hero-description,.hero-lead){color:var(--muted)}
.tactical .gradient-text{background:linear-gradient(110deg,#ecf4ff 10%,#66d8ff 53%,#9e85ff);background-clip:text;-webkit-text-fill-color:transparent}
.tactical :is(.button.primary,.discord-button){color:#fff;background:linear-gradient(115deg,#167cd1,#6246d5);border:1px solid #69bbff38;box-shadow:0 8px 26px #12285555;border-radius:9px}
.tactical :is(.button.secondary,.text-button,.header-action,.sound-toggle){color:#d0dcec;background:#202834;border-color:#ffffff20;box-shadow:none}
.tactical :is(.header-user,.live-presence,.language-switch,.language-switch button[aria-pressed=true],#account-menu,#daily-menu){color:var(--white);background:#1b232e;border-color:#ffffff20}
.tactical :is(#account-menu a,#daily-menu a){color:#d8e4f2}.tactical :is(#account-menu a,#daily-menu a):hover{background:#2a3545}
.tactical :is(.account-card,.activity-panel,.admin-panel,.account-workspace,.giveaway-card,.reward-card,.invoice-card,.service-contact-card,.service-description,.game-card,.offering-card,.boost-card,.home-reviews article,.service-card,.hub-card,.hub-empty,.review-card){background:#1b2029;border-color:#ffffff19;box-shadow:0 12px 36px #00000020;color:#dce6f3}
.tactical :is(.account-tabs,.admin-workspace-toolbar,.admin-area-description,.admin-workspace,.admin-grid,.admin-navigation,.boost-order-summary,.chat-order-summary){background:#171d26;border-color:#ffffff17}
.tactical :is(.account-tabs button,.admin-area-switch button,.account-tab,.admin-tab){color:#c1cede;background:transparent;border-color:#ffffff16}
.tactical :is(.account-tabs button[aria-selected=true],.admin-area-switch button[aria-pressed=true]){color:white;background:linear-gradient(110deg,#1979cc,#6849d8);border-color:#4e9dfc44}
.tactical :is(input,textarea,select,.profile-rich-editor){background:#121820;color:#ecf3ff;border:1px solid #52627a;border-radius:9px;caret-color:#60cfff}
.tactical :is(input,textarea,select):focus{border-color:#55b6ff;outline:2px solid #55b6ff44;outline-offset:2px}.tactical :is(input,textarea)::placeholder{color:#8fa0b7}
.tactical :is(label,legend,.form-label,.boost-login-field>span){color:#c5d5ea}
.tactical :is(.chat-layout,.chat-list,.chat-choice,.chat-message,.support-case-shell,.support-chat,.invoice-details,.invoice-detail,.hub-detail,.profile-preview,.profile-wizard-intro,.wizard-step,.profile-service-card,.rank-offer,.boost-information-card,.boost-progress-control){background:#1a222d;border-color:#ffffff1d;color:#dce8f8}
.tactical :is(.chat-choice.active,.chat-message.mine){background:#1a3044}.tactical .chat-message.system{background:#192839}
.tactical :is(.profile-banner,.booster-profile-banner,.booster-card,.booster-detail-hero,.booster-card-shell){background:linear-gradient(125deg,#1a2b3e,#252334);border-color:#6284b23b}
.tactical :is(.booster-completed,.booster-completion,.booster-success,.profile-stat,.booster-stat){background:linear-gradient(130deg,#153c3a,#292c45);border-color:#53bea42b}
.tactical :is(.booster-card-content,.booster-card-services,.booster-detail-services,.platform-pills span,.platform-badge){color:#c9d8ee;background-color:#243244;border-color:#49657c}
.tactical :is(.home-proof article,.public-how,.weekly-boosts,.fine-print,.service-disclosure,.service-ordering-disclosure){background:#171d26;border-color:#ffffff15;color:#aebcd0}
.tactical .hero-benefits strong{color:#ecf3fd}.tactical .hero-benefits small{color:#b7c6d8}.tactical .benefit-icon{background:#263747;color:#64c9ff;border:1px solid #47718d}
.tactical .home-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a7ccff23;border-radius:18px;background:linear-gradient(90deg,#121820fa 0%,#121820ce 34%,#11151c30 73%),url('/assets/rankify-tactical-hero.webp') center/cover;min-height:710px;padding:48px;gap:28px;margin-top:28px;grid-template-columns:1.1fr 1fr}
.tactical .home-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#11151c 0%,transparent 35%);pointer-events:none}
.tactical .home-hero .hero-copy{max-width:640px}.tactical .home-hero h1{font-size:clamp(38px,4.7vw,72px)!important;line-height:1.08}.tactical .home-hero .hero-description{max-width:460px}
.tactical .home-hero .hero-case{align-self:end;margin:380px 0 0 auto;max-width:310px;width:100%;padding:22px;background:#111820cc;border:1px solid #60baf542;border-radius:12px;backdrop-filter:blur(14px)}
.tactical .home-hero .hero-art{display:none}.tactical .home-hero .case-controls{margin:0}.tactical .home-hero .case-controls::before{content:'DAILY CASE / COMMUNITY REWARDS';display:block;font-size:10px;letter-spacing:.14em;color:#9cbedf;margin-bottom:12px}
.tactical .home-hero :is(.case-rays,.case-flare,.sparkles){display:none}.tactical .home-proof{margin-top:22px}.tactical .home-proof h2{color:#e7f2ff}
.tactical :is(dialog,.modal-card,.auth-card,.discord-join-notice,.invoice-dialog){color:#eef5ff;background:#1b2431;border-color:#566782;box-shadow:0 24px 100px #0009}
.tactical :is(dialog,.modal-card)::backdrop{background:#080c15bb;backdrop-filter:blur(10px)}
.tactical .auth-art{background:radial-gradient(circle,#23769c33,transparent 65%);object-fit:contain;padding:35px}.tactical .auth-gate{background:radial-gradient(ellipse at 20% 30%,#203954,#101319 65%)}
.tactical .close-button{color:#c3d7f0;background:#2b3b50;border-color:#ffffff22}.tactical footer{background:#11171e;border-color:#ffffff13}
.tactical .review-summary strong,.tactical .account-card strong{color:#6cd3ff}.tactical .booster-completion strong{color:#80e2bd}
.tactical :is(.boost-progress-control,.progress-confirmation){background:#132e29;color:#bae9d8;border-color:#21896755}.tactical .boost-login-fields input{background:#101a26}
.appearance-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 0}.appearance-controls button{font-size:12px;padding:9px 14px;border:1px solid #7c98b044;border-radius:8px;background:#72849b10;color:inherit}
.tactical .brand img{object-fit:contain}.header-right #payments-link,.header-right #work-link{padding:8px 10px;min-width:36px;font-weight:800;flex-shrink:0}.header-right #payments-link span,.header-right #work-link span{display:none}
.update-popup{padding:0;width:min(740px,calc(100vw - 28px));border-radius:18px;overflow:visible}.update-popup::backdrop{background:#080d18b3;backdrop-filter:blur(9px)}
.update-popup-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:0}.update-popup-art{position:relative;border-radius:18px 0 0 18px;display:grid;place-items:center;background:linear-gradient(140deg,#165589,#493584);overflow:hidden;padding:22px;isolation:isolate}
.update-popup-art img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 16px 18px #0008);animation:badge-drift 6s ease-in-out infinite}.update-popup-art::after{content:'';position:absolute;inset:20px;border:1px solid #8cbfff55;border-radius:14px;z-index:-1}
.update-popup-copy{padding:36px;min-width:0}.update-popup-copy h2{font-size:28px;line-height:1.18;margin:14px 0}.update-popup-copy p{white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere;margin:0 0 24px}.update-popup-close{position:absolute;top:12px;right:12px;z-index:2;border:0;border-radius:50%;width:30px;height:30px;background:#69799422;color:inherit}
.update-popup-progress{height:8px;border-radius:5px;background:#35475a;overflow:hidden;margin:18px 0}.update-popup-progress span{display:block;height:100%;background:linear-gradient(90deg,#1bbb98,#74e6bc)}
.updates-manager form{display:grid;gap:16px}.updates-manager label{display:grid;gap:7px}.updates-manager textarea{min-height:120px}.updates-manager .updates-languages{display:grid;grid-template-columns:1fr 1fr;gap:20px}.updates-manager article{border-top:1px solid #849bbe33;padding:16px 0}
.guide-page{max-width:1100px;margin:auto;padding:50px 22px}.guide-page h1{font-size:clamp(34px,5vw,58px);margin:18px 0}.guide-lead{max-width:720px;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.guide-card{padding:28px;background:#728da012;border:1px solid #93b6dc22;border-radius:14px}.guide-card h2{font-size:24px;margin:12px 0}.guide-card p,.guide-card li{line-height:1.8;color:var(--muted)}.guide-card ol{padding-left:20px}.guide-page details{margin:14px 0;padding:20px;background:#74879b0c;border:1px solid #93b6dc22;border-radius:10px}.guide-page summary{cursor:pointer;font-weight:700}.guide-page details p{margin-top:15px;line-height:1.8}.guide-page .guide-step{font:600 12px var(--display);color:#51baff;letter-spacing:.12em}
.work-page{max-width:1200px;padding:36px 22px;margin:auto}.work-page h1{font-size:42px;margin:16px 0}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-section{background:#75889d0e;border:1px solid #87abda26;border-radius:14px;padding:24px;min-width:0}.work-section h2{margin-bottom:18px}.work-item{display:block;padding:16px 0;border-top:1px solid #88a0bd26;white-space:normal;overflow-wrap:anywhere}.work-item strong,.work-item small{display:block;line-height:1.6}.work-empty{padding:16px 0;color:var(--muted)}
.effects-off *, .effects-off *::before,.effects-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes badge-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(max-width:900px){.tactical .home-hero{grid-template-columns:1fr;padding:30px;background-position:65% center;min-height:auto}.tactical .home-hero .hero-copy{max-width:620px}.tactical .home-hero .hero-case{margin:20px 0 0;max-width:310px}.tactical .home-hero{background-image:linear-gradient(90deg,#121820f0,#121820cc),url('/assets/rankify-tactical-hero.webp')}.update-popup-layout{grid-template-columns:180px minmax(0,1fr)}.update-popup-copy{padding:30px 24px}.guide-grid,.work-grid{grid-template-columns:1fr}}
@media(max-width:700px){.header-right{grid-template-columns:repeat(5,auto)!important;gap:6px!important}.header-right #work-link{grid-row:2;grid-column:4}.header-right #payments-link{grid-row:2;grid-column:5}.header-right .language-switch{grid-column:1/4!important}.header-right .live-presence{grid-column:4/6!important}.header-right #header-account{grid-column:1/-1!important}.update-popup-layout{grid-template-columns:1fr}.update-popup-art{height:160px;border-radius:18px 18px 0 0}.update-popup-art img{width:140px}.updates-manager .updates-languages{grid-template-columns:1fr}.tactical .home-hero{padding:24px}.tactical .hero-benefits{gap:14px}.guide-page{padding-top:30px}.work-page h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.tactical *, .tactical *::before,.tactical *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.tactical .role-badge{background:color-mix(in srgb,var(--role-color) 12%,#18212e);color:var(--role-color)}.tactical .role-badge>span{color:inherit}
.tactical #admin-workspace,.tactical #account-workspace{background:#171d26!important;border-color:#50617a!important}
.tactical #admin-navigation,.tactical #account-navigation{background:#1a2330!important;border-color:#ffffff17!important}
.tactical #admin-navigation{padding-left:10px!important;padding-right:10px!important}.tactical #admin-navigation button{padding:12px 10px!important;gap:9px!important}.tactical .admin-nav-label{word-break:normal;overflow-wrap:normal;hyphens:auto}
.tactical #admin-navigation button,.tactical #account-navigation button{background:#1a2330!important;color:#bcd0e9!important;border-color:#ffffff15!important}
.tactical #admin-navigation button[aria-selected=true],.tactical #account-navigation button[aria-selected=true]{background:linear-gradient(110deg,#226fac,#6949bf)!important;color:#fff!important;border-color:#6aafff55!important}
.tactical .admin-nav-icon{background:#2a3a4e!important;border-color:#ffffff19!important;color:#9ebfea!important}
.tactical #admin-workspace [role=tabpanel],.tactical #account-workspace [role=tabpanel]{background:#171d26!important;padding:28px!important}
.tactical .admin-workspace .admin-panel{background:transparent!important;box-shadow:none;border-radius:0}
.tactical .updates-manager h2{margin-bottom:16px}.tactical .updates-manager>p{margin-bottom:24px}.tactical .updates-manager .updates-languages>div{display:grid;gap:16px}
.tactical :is(.booster-summary,.booster-detail-heading,.booster-preview-hero,.booster-live-preview,.profile-wizard-intro,.profile-step-panel,.profile-catalog-choice,.booster-service-summary li,.booster-detail-services>article){background:linear-gradient(135deg,#1e2d3f,#262736);border-color:#849fc52e;color:#d7e6f9}
.tactical :is(.booster-banner-stat,.booster-completed-stat){background:linear-gradient(120deg,#1c3a3b,#292c46);border-color:#547c8a44;color:#b7f5dc;box-shadow:none}.tactical .booster-completed-stat strong{color:#b0ecd7}
.tactical .booster-completed-stat :is(small,span){color:#b5dece}
.tactical [style*="--name-color:#193052"] .name-plain{color:#c6e6ff!important}
.tactical .payment-shell>.eyebrow{display:block;margin-top:14px}.tactical .payment-header~footer{max-width:1100px;margin:25px auto;padding:20px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.tactical :is(.verify-card,.verify-steps,.verify-notice){background:#1b2532;border-color:#748dad44;color:#d9e8fb}.tactical .verify-card h1{color:#e7f3ff}
@media(max-width:700px){.tactical .header-inner{grid-template-columns:100px minmax(0,1fr);grid-template-rows:138px auto;min-height:218px}.tactical .header-right{grid-template-columns:repeat(4,auto)!important}.tactical .header-right #work-link,.tactical .header-right #payments-link{display:none}.tactical .header-right #notifications-button{grid-row:2;grid-column:1}.tactical .header-right #support-cases-button{grid-row:2;grid-column:2}.tactical .header-right #messages-button{grid-row:2;grid-column:3}.tactical .header-right #capacity-button{grid-row:2;grid-column:4}.tactical .header-right .language-switch{grid-column:1/3!important}.tactical .header-right .live-presence{grid-column:3/5!important}.tactical .header nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;padding:10px 0;min-height:70px;overflow:visible}.tactical #admin-workspace [role=tabpanel],.tactical #account-workspace [role=tabpanel]{padding:20px 16px!important}}
@media(max-width:700px){.tactical .header-inner{grid-template-rows:150px minmax(84px,auto)!important;min-height:234px!important}.tactical .header nav{height:auto!important;min-height:84px!important;gap:8px 15px!important;flex-wrap:wrap!important;overflow:visible!important}.tactical .header{height:auto!important}}
@media(max-width:700px){.tactical .public-header{display:flex;flex-wrap:wrap;gap:10px;padding:12px 18px}.tactical .public-header nav{display:flex!important;order:3;width:100%;flex-wrap:wrap;justify-content:center;gap:9px 14px;padding:5px 0;overflow:visible}.tactical .public-header nav a,.tactical .public-header nav button{font-size:12px}.tactical .public-header-actions{margin-left:auto}}