/* Shared dark theme, including mission details, sign-in and authoring tools. */
:root{color-scheme:dark;--ink:#e5ebe3;--muted:#9aa69a;--line:#303d35;--paper:#111816;--dark:#1b2921;--surface:#19221e;--surface-raised:#202c25;--accent:#c2df9b;background:var(--paper);color:var(--ink)}
html,body{background:var(--paper)}
.workspace{margin-left:0;min-height:calc(100vh - 81px)}
.main{max-width:1440px;padding:38px 38px 28px}
.app-header{position:sticky;top:0;z-index:30;background:#151e1af7;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.header-inner{max-width:1440px;margin:auto;min-height:80px;padding:0 38px;display:flex;align-items:center;gap:42px}
.brand{display:flex;align-items:center;gap:11px;margin:0;padding:0;flex-shrink:0}
.brand img{width:34px;height:34px}
.brand b{font-size:24px;letter-spacing:-.9px;color:#edf2e8;font-weight:720;white-space:nowrap}
.brand b>span{color:#9fba83;margin:0 3px;font-weight:450}
.nav{display:flex;flex-direction:row;align-items:center;gap:5px}
.nav a{font-size:12px;padding:11px 15px;border-radius:7px;gap:9px;color:#9da99c;white-space:nowrap}
.nav a:hover{background:#263229;color:#e3ebdc}
.nav a.active{background:#c2df9b;color:#22341c}
.nav a.active:hover{background:#cce8a8;color:#22341c}
.nav .icon{width:16px;height:16px}
.nav a .count{background:#ffffff0c;color:#b1bca9;font-size:9px;padding:2px 6px;margin-left:7px}
.nav a.active .count{background:#22341c16;color:#455e2e}
.top-actions{margin-left:auto;gap:22px;flex-shrink:0}
.top-date{color:#82917f;font-size:10px}
.profile-btn{color:#dce5d5;gap:9px;font-size:11px}
.profile-btn .icon{color:#91a182;width:15px}
.avatar{background:#2b392c;color:#c2dcaa;border:1px solid #3b4d35}
.avatar .icon{width:15px;color:#bfd6a8}
.page-heading p{color:#98a492}
.page-heading .eyebrow{color:#879b78}
.btn{background:#26332a;color:#d4dfca;border-color:#3a4b35}
.btn:hover{background:#32432f;border-color:#5b744a}
.btn.primary{background:#c2df9b;border-color:#c2df9b;color:#23321a}
.btn.primary:hover{background:#cfe9ac;border-color:#cfe9ac}
.btn.lime{background:var(--accent);color:#23321a}
.btn.ghost{background:transparent;color:#c9d7bd}
.btn.danger{color:#efa397;border-color:#70423b;background:#3c2926}
.btn.danger:hover{background:#52312c;border-color:#a15e52}
.next-panel,.mission-card,.panel,.squad{background:var(--surface);border-color:var(--line)}
.mission-card:hover{box-shadow:0 10px 30px #0003;border-color:#4e6340}
.next-panel .panel-title>.icon{color:#8da075}
.date-tile{background:#253522;border-color:#3a4d32;color:#dcebcf}
.date-tile small{color:#acbf97}
.date-block p{color:#92a184}
.timeline>div{color:#92a383}
.timeline>div:before{background:#556b45}
.timeline>div:last-child:before{background:#b4ce91}
.timeline b{color:#c9dbb8}
.section-heading h2 small{background:#293824;color:#bbd19d}
.section-heading .text-link{color:#a6bc8c}
.text-link:hover{color:#d4e6bb}
.filter{color:#9aab89}
.filter.active{background:#2a3a23;border-color:#455a35;color:#d2e6b9}
.filter:hover{background:#253321;color:#c7dcb2}
.search{background:#1c2720;border-color:#34422d}
.search input{color:#d8e5cc}
input::placeholder,textarea::placeholder{color:#7e8f70;opacity:1}
.search .icon{color:#8da376}
.card-kicker{color:#9cae89}
.card-kicker i{background:#6f835a}
.card-body>p{color:#a0ac95}
.card-meta{color:#9cac8b;border-color:#303d32}
.card-bottom{color:#b4c39f}
.roster-count{color:#9aab87}
.roster-count b{color:#c5d9ad}
.roster-count b .muted{color:#8d9f7c}
.progress{background:#32402b}
.progress i{background:#b7cf94}
.arrow-btn{background:#2c3d25}
.arrow-btn .icon{color:#bdd69e}
.arrow-btn:hover{background:#405630}
.badge{background:#2d3f25;color:#c8dfaa}
.badge.closed{background:#45362a;color:#e2bd96}
.badge.draft{background:#2c3644;color:#b4c9e5}
.card-picture>.badge{background:#1c2b21ed;color:#d8e9bd;border:1px solid #a5be8740}
.card-picture>.badge.closed{background:#3d3026ed;color:#e6c2a0}
.card-picture>.badge.draft{background:#253244ed;color:#c0d4ec}
.view-toggle button{color:#9bad88}
.view-toggle .active{background:#2d3e25;color:#c9dfaa}
.footer{color:#6e8168}
.empty{border-color:#405335;background:#18211b}
.empty>.icon{color:#b0ca90}
.empty p{color:#9aaa8c}
.back-link{color:#a7bf8c}
.detail-hero .hero-label>.mono{color:#cad7bb}
.tabs button{color:#9cad8c}
.tabs button:hover{color:#d1e4ba}
.tabs button.active{color:#d6ebbc}
.tabs small{background:#2a3b22;color:#bed5a0}
.brief-label{color:#a4bd88}
.panel p{color:#a8b49b}
.objective-list li{color:#c3d0b5}
.objective-list span{border-color:#4d613c;color:#bcd59b;background:#25331f}
.info-list>div{border-color:#303e31}
.info-list dt{color:#8fa180}
.info-list dd{color:#c6d7b3}
.notice{background:#23301e;border-color:#3e5232;color:#a6bb90}
.notice b{color:#d5e8ba}
.notice>.icon{color:#bdd79b}
.squad-head{background:#202c23;border-color:#34432f}
.squad-head small{color:#99ae84}
.squad-head>.mono{color:#afc593}
.squad-number{background:color-mix(in srgb,var(--accent) 14%,#18221b);border-color:color-mix(in srgb,var(--accent) 28%,#24321f);color:#c3dba5}
.role{border-color:#2b382c;color:#c6d4b9}
.role>.icon{color:#7c9367}
.role.mine{background:#283a20}
.role .btn{background:color-mix(in srgb,var(--accent) 12%,#19251a);border-color:#435b32;color:#c6dda9}
.role .btn:hover{background:#40582e;color:#edf6df}
.role .player{color:#bad29e}
.squad-foot{color:#8fa27a}
.reserve-chip{background:#293b22;border-color:#455d34;color:#cadfb0}
.reserve-list:empty:after{color:#91a17f}
.equipment-item{background:#1f2b22;border-color:#35452f;color:#c1d1af}
.equipment-item>.icon{color:#aac98a}
.login-note{color:#96a584}
.map-frame{border-color:#35462e}
.map-controls .btn{background:#1e2d20ed;border-color:#50643f;color:#d2e5bc}
.map-legend{color:#a9be92}
.map-legend b{background:#344c28;color:#def0c8}
.modal-backdrop{background:#030a07ba}
.modal{background:#18221b;border:1px solid #3b4b31;box-shadow:0 30px 100px #0008}
.modal h2{color:#e6efdc}
.modal>p{color:#a7b797}
.modal-close{color:#b2c399}
.modal-close:hover{background:#30432a}
.auth-switch{color:#a3b38f}
.auth-switch button{color:#c2df9b}
.field{color:#b5c8a0}
label.field{color:#b5c8a0}
label.field small{color:#8da17a}
.field input,.field textarea,.field select{background:#111b14;border-color:#3b4f31;color:#dcebcf}
.field input[type=file]{background:#1c2b1e;color:#a8c08f}
.field input[type=file]::file-selector-button{background:#304429;border:1px solid #4b6639;color:#d6e8be;border-radius:4px;padding:6px 9px;margin-right:10px;cursor:pointer}
.field input:focus,.field textarea:focus,.field select:focus{outline-color:#a6c882;border-color:#77975b}
.form-error{background:#412c28;color:#f2ada0;border:1px solid #71473c}
.editor-header,.editor-footer{background:#1b271ef7;border-color:#3b4c31}
.editor-header p{color:#a4b691}
.editor-nav{background:#142017;border-color:#34482b}
.editor-nav button{color:#99b181}
.editor-nav button:hover{background:#253820}
.editor-nav button.active{background:#304328;color:#d4e9b7;box-shadow:none}
.editor-footer small{color:#91a37f}
.editor-hint{background:#24361e;color:#adc696;border:1px solid #3b512e}
.cover-option{background:#1b2a1d;border-color:#3a4c2f}
.cover-option.selected{border-color:#b2d28c}
.cover-option span{color:#b4c99e}
.layout-options button{background:#1a281b;border-color:#3f5531;color:#acc594}
.layout-options button.selected{background:#354c29;border-color:#a2c37e;color:#e0efcc}
.file-status{color:#b2d18f}
.appearance-preview{border:1px solid #4e6541}
.strip-icon{background:#2b3b24;border-color:#415931;color:#bad49b}
#toast{left:50%;background:#2b4025;color:#e3f2ce;border-color:#829f62}
.loading{color:#bbd39e}
@media(min-width:1500px){.main{padding-top:42px}.header-inner{min-height:84px}}
@media(max-width:1000px){.header-inner{padding:0 25px;gap:24px}.main{padding:30px 25px}.top-date{display:none}.nav a{padding:10px 12px}.overview-grid{grid-template-columns:minmax(0,1fr) 265px}.next-panel{display:flex}.hero h2{font-size:37px}.hero-content{max-width:85%;padding:28px}.hero-meta{gap:11px}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.overview-grid{grid-template-columns:1fr}.next-panel{display:none}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-inner{gap:20px}.brand b{font-size:21px}.brand img{width:30px;height:30px}.nav a{font-size:11px;padding:10px}.nav a .count{margin-left:1px}.top-actions{gap:0}.hero-content{max-width:75%}}
@media(max-width:640px){.app-header{position:sticky;top:0}.header-inner{padding:15px 20px 0;gap:0;flex-wrap:wrap;min-height:0}.brand{height:33px}.brand b{font-size:22px}.brand img{width:31px;height:31px}.top-actions{margin-left:auto}.profile-btn{padding:0;gap:7px}.profile-btn>span:not(.avatar){display:inline;font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-btn>.icon{display:inline;width:12px}.avatar{width:29px;height:29px}.header-inner>.nav{order:3;width:100%;margin-top:15px;gap:7px;padding-bottom:10px}.nav a{justify-content:center;flex:1;font-size:11px;padding:10px 9px;gap:7px}.nav a .count{padding:2px 5px;font-size:8px}.nav .icon{width:15px;height:15px}.main{padding:26px 20px}.workspace{min-height:calc(100vh - 113px)}.hero-content{max-width:90%}.hero h2{font-size:38px}.hero-meta{gap:12px}.content-grid>aside{grid-template-columns:1fr}.list-view.mission-grid{grid-template-columns:1fr}}
@media(max-width:430px){.mission-grid{grid-template-columns:1fr}.main{padding:24px 17px}.header-inner{padding-left:17px;padding-right:17px}.brand b{font-size:21px}.profile-btn>span:not(.avatar){max-width:95px}.hero-content{max-width:100%;padding:25px}.hero h2{font-size:35px}.hero-meta{gap:10px}.card-picture{height:165px}}