:root{--bg:#111411;--panel:#191d19;--panel2:#20251f;--line:#30362e;--muted:#a0a898;--text:#edece4;--gold:#dfb76a;--green:#9cba80}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip{position:fixed;left:20px;top:-80px;background:var(--gold);color:#111;padding:12px;z-index:100}.skip:focus{top:10px}#sidebar{width:238px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:31px 20px 20px;background:#141713;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:13px;padding:0 12px 37px;font-size:14px;line-height:1.2;letter-spacing:3px}.brand b{font-size:17px;letter-spacing:1.8px}.brand svg{width:42px;height:46px;fill:none;stroke:var(--gold);stroke-width:1.6}.nav-label,.eyebrow{font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.6px;color:var(--muted)}.nav-label{padding:0 13px 14px}nav{display:grid;gap:5px}.nav-btn{display:flex;gap:13px;align-items:center;width:100%;padding:13px;border:1px solid transparent;background:none;text-align:left;border-radius:5px;color:var(--muted)}.nav-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-btn.active{background:#2a2b20;border-color:#4c4630;color:var(--gold)}.nav-btn:hover{background:#23281f;color:var(--text)}.nav-tag{margin-left:auto;font-size:9px;border:1px solid var(--line);padding:1px 4px}.side-bottom{margin-top:auto;padding-top:45px}.season{padding:20px 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:13px}.season strong{display:block;font-size:17px;font-weight:500;line-height:1.5;margin:10px 0}.tiny{font-size:11px;color:var(--muted)}.side-user{display:flex;align-items:center;gap:11px;margin:20px 10px 0}.side-user b{font-size:11px;letter-spacing:1px}.side-user small{display:block;font-size:10px;color:var(--muted)}.online,.demo-pill i{background:#a6bf80;width:6px;height:6px;border-radius:50%;display:inline-block}.online{margin-left:auto}.app{margin-left:238px}header{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px}.breadcrumb{font:10px ui-monospace,monospace;letter-spacing:1.4px;color:var(--muted)}.breadcrumb span{margin:0 15px;color:#596051}.breadcrumb b{color:var(--text);font-weight:400}.header-right{display:flex;align-items:center;gap:20px}.demo-pill{display:flex;align-items:center;gap:8px;font:9px ui-monospace,monospace;letter-spacing:1px}.avatar{border:1px solid #4c533e;background:#30392a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:12px;color:#d3dfc4}.icon-button{border:0;background:none;font-size:18px;padding:8px;color:var(--muted)}#menu{display:none}main{padding:32px 40px 45px;max-width:1600px;margin:auto;min-height:calc(100vh - 150px)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.page-head h1{font-size:29px;font-weight:500;letter-spacing:-.8px;margin:4px 0}.page-head p{margin:3px 0;color:var(--muted);font-size:12px}.head-date{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 17px;border:1px solid #46503d;background:#272e23;border-radius:3px;font-size:11px;font-weight:600}.button:hover{background:#343d2e}.button.primary{color:#191b15;background:var(--gold);border-color:var(--gold)}.button.primary:hover{background:#edc986}.button.quiet{background:none;border-color:var(--line);color:var(--muted)}.button.danger{border-color:#8a514b;color:#f4a99b;background:#3b2422}.button:disabled{opacity:.45;cursor:default}.hero{display:grid;grid-template-columns:1.2fr 1fr;background:#22271f;border:1px solid #3a4130;min-height:380px;position:relative;overflow:hidden;border-radius:5px}.hero-copy{z-index:2;padding:34px 35px}.hero .eyebrow{color:var(--gold)}.hero h2{font-family:Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:69px;letter-spacing:1px;line-height:.98;margin:19px 0 13px}.hero .subtitle{color:#c6cbbd;font-size:12px;max-width:290px}.hero-image{position:relative;background:#171c16;min-height:380px}.hero-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 5%;opacity:.87}.hero-image:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,#22271f,transparent 35%),linear-gradient(0deg,#1a1f17,transparent 55%)}.image-label{position:absolute;right:19px;bottom:20px;z-index:2;font:9px ui-monospace,monospace;letter-spacing:2px;color:#e1e4d2}.rank-line{display:flex;align-items:center;gap:10px;color:#d2d5c5;font-size:11px;letter-spacing:.6px}.rank-emblem{display:inline-grid;place-items:center;color:var(--gold);font-size:23px;width:42px;height:46px;clip-path:polygon(0 0,100% 0,100% 73%,50% 100%,0 73%);background:#484430;border:1px solid #706040}.rank-line strong{color:var(--gold)}.xp-meta{display:flex;justify-content:space-between;gap:12px;font:9px ui-monospace,monospace;color:#b8c1aa;letter-spacing:.3px;margin:21px 0 8px;max-width:340px}.progress{height:4px;background:#3a4233;border-radius:3px;overflow:hidden}.progress>span{height:100%;background:var(--gold);display:block}.hero .progress{max-width:340px}.hero-actions{display:flex;gap:10px;margin-top:25px}.hero-stamp{position:absolute;top:20px;right:20px;z-index:3;border:1px solid #72785e;padding:7px 9px;font:9px ui-monospace,monospace;letter-spacing:2px;background:#10150e80}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0 28px;gap:13px}.stat{border:1px solid var(--line);background:var(--panel);padding:19px 20px;border-radius:4px}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.stat-icon{color:var(--gold);font-size:16px}.stat strong{font-size:27px;font-weight:500;display:block;margin:5px 0}.stat small{font-size:10px;color:var(--muted)}.stat small em{color:var(--green);font-style:normal}.two-col{display:grid;grid-template-columns:1.12fr 1fr;gap:23px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.section-head h2{font-size:15px;font-weight:500;margin:0}.text-btn{background:none;border:0;color:var(--gold);font-size:10px;padding:6px 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:22px}.event-mini{display:flex;gap:16px;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--line)}.date-box{min-width:49px;text-align:center;padding:7px;background:#272c22;border:1px solid #3c4532;border-radius:3px;align-self:flex-start}.date-box span{display:block;font:9px ui-monospace,monospace;color:var(--gold)}.date-box strong{font-size:23px;line-height:1.3;font-weight:500}.event-mini h3{margin:0 0 5px;font-size:13px;font-weight:500}.event-mini p{color:var(--muted);font-size:10px;margin:0 0 10px}.tag{display:inline-flex;align-items:center;gap:4px;border:1px solid #454e39;padding:3px 7px;border-radius:2px;color:#b8c9a1;font:9px ui-monospace,monospace;letter-spacing:.4px}.tag.gold{color:var(--gold);border-color:#5c4f34}.tag.gray{color:var(--muted);border-color:var(--line)}.tags{display:flex;gap:6px;flex-wrap:wrap}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.badge-icon{width:63px;height:69px;margin:5px auto 13px;display:grid;place-items:center;border:1px solid #5b5136;border-radius:4px 4px 30px 30px;background:radial-gradient(circle at 50% 35%,#48452e,#26291f);font-size:27px;color:var(--gold)}.badge-name{font-size:10px}.badge-desc{color:var(--muted);font-size:9px;margin-top:4px}.locked{filter:grayscale(1);opacity:.46}.activity{margin-top:27px}.activity-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.activity-symbol{height:30px;width:30px;display:grid;place-items:center;border:1px solid #414a34;background:#262e21;color:var(--green);border-radius:50%}.activity-row small{color:var(--muted);display:block;font-size:10px;margin-top:3px}.activity-row .xp{margin-left:auto;color:var(--gold);font:11px ui-monospace,monospace}.muted{color:var(--muted)}.notice{border:1px solid #4e4830;background:#28271d;padding:13px 16px;border-radius:4px;color:#c7c3a7;font-size:11px;margin:0 0 22px}.notice p{margin:0}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.tab{background:none;border:1px solid var(--line);color:var(--muted);padding:9px 16px;border-radius:3px;font-size:11px}.tab.selected{border-color:#786239;background:#302c20;color:var(--gold)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-card{overflow:hidden;padding:0}.event-art{height:105px;background:linear-gradient(135deg,#3e4930,#1e271d);position:relative;display:flex;align-items:center;justify-content:center;color:#b0b891;font-size:29px;font-family:Impact,sans-serif;letter-spacing:3px}.event-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent,transparent 28px,#ffffff05 28px,#ffffff05 29px)}.event-art.sand{background:linear-gradient(120deg,#645335,#28281e)}.event-art.blue{background:linear-gradient(120deg,#31494b,#202b29)}.event-card-body{padding:20px}.event-card h3{font-size:17px;margin:12px 0 5px}.event-card p{font-size:11px;color:var(--muted)}.event-card .button{width:100%;margin-top:18px}.event-meta{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;color:#b4bca8;margin:20px 0 8px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.toolbar input{max-width:320px}input,select,textarea{color:var(--text);background:#121711;border:1px solid #424a3a;border-radius:3px;padding:11px 12px;width:100%}input::placeholder,textarea::placeholder{color:#87917e}label{font-size:11px;color:#c2cbb7;display:block;margin-bottom:15px}label input,label select,label textarea{margin-top:7px}textarea{min-height:85px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.inventory-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.gear-icon{font-size:25px;color:var(--gold);width:43px;text-align:center}.inventory-row h3{font-size:13px;margin:0 0 3px}.inventory-row small{font-size:10px;color:var(--muted)}.inventory-row .row-actions{margin-left:auto;display:flex;gap:14px}.loadout-card{position:relative;min-height:220px}.loadout-card h3{font-size:23px;font-weight:500;margin:18px 0 7px}.loadout-card p{font-size:11px;color:var(--muted);margin-bottom:20px}.loadout-card .active-dot{position:absolute;right:18px;top:20px;color:var(--green);font:9px ui-monospace,monospace}.loadout-items{list-style:none;padding:0;margin:20px 0}.loadout-items li{font-size:11px;color:#c0c7b5;padding:9px 0;border-bottom:1px solid var(--line)}.profile-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.operator-card{position:relative;background:#252b21;overflow:hidden;border:1px solid #4f533b;border-radius:5px;min-height:560px;display:flex;flex-direction:column}.operator-card img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 0%;opacity:.8}.operator-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#131a10 8%,transparent 90%)}.operator-card .card-top{position:relative;z-index:2;display:flex;justify-content:space-between;padding:22px;color:var(--gold);font:10px ui-monospace,monospace;letter-spacing:2px}.operator-card .card-bottom{position:relative;z-index:2;margin-top:auto;padding:25px}.operator-card h2{font:49px Impact,"Arial Narrow",sans-serif;letter-spacing:1px;margin:0}.card-bottom p{color:#cad2bc;font-size:11px}.card-bottom .card-stats{border-top:1px solid #6b7251;display:flex;justify-content:space-between;padding-top:15px;margin-top:25px;font-size:10px}.profile-right .panel{margin-bottom:20px}.detail-list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-list dt{font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.detail-list dd{margin:6px 0 0;font-size:13px}.career-summary{display:grid;grid-template-columns:1fr 1.8fr;gap:24px;align-items:center}.career-summary h2{font-size:32px;margin:10px 0 3px;font-weight:500}.milestones{display:flex;justify-content:space-between;margin-top:12px;color:var(--muted);font:9px ui-monospace,monospace}.rank-road{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.rank-step{border:1px solid var(--line);padding:22px 16px;background:var(--panel);text-align:center;border-radius:4px}.rank-step.current{border-color:#8b7542;background:#302c20}.rank-step .badge-icon{margin:0 auto 16px}.rank-step h3{font-size:13px;margin:8px 0}.rank-step p{font:10px ui-monospace,monospace;color:var(--muted)}.table-wrap{overflow:auto;max-height:430px}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:.6px;background:var(--panel);position:sticky;top:0}td,th{padding:12px 14px;border-bottom:1px solid var(--line)}tr.highlight td{color:var(--gold);background:#302d21}.squad-card h3{margin:18px 0 6px;font-size:18px}.squad-mark{display:grid;place-items:center;width:62px;height:66px;background:#2d3426;color:var(--gold);font-size:32px;border:1px solid #55573d;border-radius:4px 4px 28px 28px}.squad-card p{color:var(--muted);font-size:11px;min-height:34px}.squad-card .button{width:100%}.empty{text-align:center;padding:40px;color:var(--muted);border:1px dashed var(--line);font-size:12px}.checklist label{display:flex;gap:10px;align-items:center;margin:0;padding:10px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{width:16px;accent-color:var(--gold);margin:0}.status-text{font-size:11px;color:var(--green)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid h2{font-size:17px;font-weight:500;margin:0 0 9px}.settings-grid p{font-size:12px;color:var(--muted)}.settings-grid .button{margin-top:12px}.storage-state{margin-top:15px;font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:20px 40px;display:flex;justify-content:space-between;gap:12px;font:8px ui-monospace,monospace;letter-spacing:1.5px;color:var(--muted)}footer button{background:none;border:0;color:var(--muted);font-size:10px;letter-spacing:0}dialog{background:#1b2118;border:1px solid #555d45;border-radius:7px;color:var(--text);padding:25px;width:min(570px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#060a06c9;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.dialog-top h2{font-size:22px;font-weight:500;margin:0}dialog p{font-size:12px;color:#bbc5ad}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%) translateY(20px);background:#d9bd80;color:#171b12;padding:13px 20px;border-radius:4px;max-width:min(550px,90vw);opacity:0;pointer-events:none;transition:.2s;z-index:90;font-size:12px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.checkin-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.checkin-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.subhead{font-size:12px;color:var(--muted);margin:0 0 20px}.full{grid-column:1/-1}.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.stat .progress{margin-top:12px}.privacy-list{padding-left:18px;color:var(--muted);font-size:12px}.privacy-list li{margin:10px 0}.photo-preview{width:80px;height:90px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
@media(min-width:1500px){.hero{min-height:425px}.hero-copy{padding:44px}.hero h2{font-size:81px}.hero-image{min-height:425px}}@media(max-width:1180px){#sidebar{width:205px;padding:25px 13px}.app{margin-left:205px}header{padding:0 25px}main{padding:25px}.hero-copy{padding:25px}.hero h2{font-size:57px}.card-grid{grid-template-columns:repeat(2,1fr)}.two-col{gap:16px}.panel{padding:18px}.stat{padding:15px}.rank-road{gap:8px}}@media(max-width:900px){.hero{grid-template-columns:1.2fr 1fr}.hero-copy{padding:25px 20px}.hero h2{font-size:48px}.hero-stamp{font-size:8px}.two-col{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.profile-layout{grid-template-columns:1fr}.operator-card{min-height:550px}.career-summary{grid-template-columns:1fr}.rank-road{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.hero-actions .button{padding:10px}.head-date{display:none}.card-grid{grid-template-columns:1fr}.demo-pill{font-size:8px}.header-right{gap:12px}}@media(max-width:700px){#sidebar{transform:translateX(-100%);transition:.2s;width:238px;box-shadow:15px 0 40px #0008}body.menu-open #sidebar{transform:translateX(0)}.app{margin-left:0}header{height:65px;padding:0 16px;gap:10px}.breadcrumb{font-size:8px;flex:1}.breadcrumb span{margin:0 7px}#menu{display:block}.header-right>.icon-button{display:none}.demo-pill{font-size:7px;letter-spacing:.3px}.header-right{gap:10px}.header-right .avatar{width:28px;height:28px}main{padding:23px 18px 30px}.page-head{align-items:flex-start}.page-head h1{font-size:26px}.page-head .button{padding:9px 10px;white-space:nowrap;font-size:10px}.page-head p{font-size:11px}.hero{min-height:380px;grid-template-columns:1fr}.hero-copy{padding:29px 23px;width:80%}.hero h2{font-size:56px;margin-top:24px}.hero-image{position:absolute;inset:0 0 0 30%;min-height:0}.hero-image:after{background:linear-gradient(90deg,#22271ff5,transparent 150%),linear-gradient(0deg,#22271f,transparent)}.hero-image img{opacity:.55}.hero-stamp{right:12px;top:12px;font-size:7px}.hero .subtitle{max-width:230px}.hero-actions{gap:7px}.hero-actions .button{font-size:10px}.hero .xp-meta{font-size:8px}.hero .rank-line{font-size:10px}.hero .rank-emblem{width:32px;height:37px}.image-label{display:none}.stat-grid{gap:10px;margin-top:12px}.stat{padding:16px}.stat-top{font-size:9px}.stat strong{font-size:25px}.stat small{font-size:9px}.panel{padding:18px}.badges{gap:5px}.badge-icon{width:57px;height:64px}.form-grid{grid-template-columns:1fr}.detail-list{gap:18px}.rank-road{gap:10px}.rank-step{padding:17px 12px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none}.checkin-row{grid-template-columns:1fr auto}.checkin-row>span{grid-column:1}.checkin-row>button{grid-column:2;grid-row:1/3}.operator-card{min-height:540px}.inventory-row{gap:8px}.inventory-row .row-actions{gap:8px}.inventory-row h3{font-size:12px}.gear-icon{width:30px;font-size:20px}footer{padding:20px 18px;letter-spacing:.5px;font-size:7px}#toast{left:50%}.hero .progress,.hero .xp-meta{max-width:245px}}
@media print{#sidebar,header,footer,.button,.notice{display:none}.app{margin:0}main{padding:0}.profile-layout{display:block}.profile-right{display:none}.operator-card{max-width:500px;print-color-adjust:exact}body{background:#fff}.operator-card{height:700px}}
.save-status{font-size:10px;color:var(--green)}.save-status.error{color:#f4a99b}.onboarding{max-width:700px;margin:15px auto}.onboarding h1{font-size:37px;letter-spacing:-1px;font-weight:500;margin:10px 0}.onboarding .lead{color:var(--muted);font-size:13px;margin-bottom:26px}.account-note{color:var(--muted);font-size:11px;margin-top:15px}.form-error{background:#3d2722;border:1px solid #9c5b4a;color:#f5c4b4;padding:11px;border-radius:3px;font-size:12px;margin:15px 0}.form-error:empty{display:none}.sync-banner{border:1px solid #915d43;background:#36261e;padding:14px 18px;margin:0 0 20px;color:#e9c3a0;font-size:12px;border-radius:4px}.sync-banner .button{margin-left:12px}.auth-landing{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;padding:0;max-width:none}.auth-intro{padding:60px 8vw;align-self:center}.auth-intro .brand{padding-left:0;margin-bottom:40px}.auth-intro h1{font-size:clamp(32px,4vw,62px);font-weight:500;line-height:1.05;letter-spacing:-2px}.auth-intro>p{max-width:420px;color:var(--muted);margin:24px 0;line-height:1.8}.auth-intro details{font-size:11px;color:var(--muted);max-width:400px;margin-top:35px}.auth-intro summary{cursor:pointer;color:var(--gold)}.auth-art{position:relative;background:#20271c;overflow:hidden}.auth-art img{width:100%;height:100vh;object-fit:cover;object-position:50% 15%}.auth-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111411,transparent 45%)}.directory-avatar{height:45px;width:45px;display:grid;place-items:center;border:1px solid #5c6044;background:#323b28;font-size:20px;color:var(--gold);border-radius:50%}.directory-card h3{font-size:22px;margin-bottom:5px}.directory-card p{font-size:12px;color:var(--muted)}.empty a{color:var(--gold)}.account-state{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}@media(max-width:700px){.save-status{font-size:8px}.header-right{gap:8px}.auth-landing{grid-template-columns:1fr}.auth-intro{padding:40px 25px;z-index:1}.auth-art{display:none}.onboarding h1{font-size:31px}.sync-banner .button{margin:8px 8px 0 0}.onboarding .panel{padding:20px}.onboarding .checklist label{align-items:flex-start}}
.back-link{display:block;color:var(--gold);font-size:12px;margin-bottom:24px;width:fit-content}.back-link:hover{text-decoration:underline}.create-account-link{font-size:10px;padding:9px 12px}@media(max-width:700px){.create-account-link{font-size:8px;padding:8px}.header-right:has(.create-account-link) .demo-pill{display:none}}

/* Public welcome hero: Odin artwork with accessible account actions. */
.auth-landing{display:block;min-height:0}.welcome-hero{position:relative;isolation:isolate;overflow:hidden;background:#111411;min-height:540px;aspect-ratio:2/1}.welcome-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.welcome-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,20,17,.68),rgba(17,20,17,.2) 43%,transparent 65%)}.welcome-copy{padding:clamp(32px,5vw,80px);width:48%;max-width:740px}.welcome-copy .brand{padding:0;margin-bottom:clamp(28px,4vw,64px)}.welcome-copy h1{font-size:clamp(30px,3.5vw,58px);font-weight:500;line-height:1.08;letter-spacing:-1.5px;margin:22px 0}.welcome-copy>p{color:#d0d1c5;font-size:14px;line-height:1.8;max-width:370px;margin:22px 0 28px}.welcome-copy .eyebrow{color:#dfb76a}.welcome-demo{display:block;margin-top:18px;color:#dfb76a;font-size:12px}.auth-intro{max-width:540px;margin:0 auto;padding:64px 28px;scroll-margin-top:24px}.auth-intro h2{font-size:32px;font-weight:500;letter-spacing:-.7px;margin:14px 0}.auth-intro>p{margin:18px 0}.auth-intro #google-login,.auth-intro form .button{width:100%;justify-content:center}.auth-intro form{margin-top:24px}.auth-intro form label{display:grid;gap:8px}.auth-intro .back-link{display:inline-block;margin-top:20px}.welcome-action:focus-visible,.welcome-demo:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-width:900px){.welcome-hero{aspect-ratio:auto;min-height:560px}.welcome-copy{width:52%;padding:36px 28px}.welcome-copy h1{font-size:34px}.welcome-art{object-position:60% center}}
@media(max-width:600px){.welcome-hero{min-height:0;padding-top:77vw}.welcome-art{height:80vw;object-fit:cover;object-position:right top}.welcome-hero:after{background:linear-gradient(180deg,transparent 35%,#111411 80%)}.welcome-copy{width:100%;max-width:none;padding:10px 24px 36px}.welcome-copy .brand{margin-bottom:26px}.welcome-copy h1{font-size:36px;letter-spacing:-1px}.welcome-copy>p{max-width:100%}.welcome-action{width:100%;justify-content:center}.auth-intro{padding:36px 24px 48px;border-top:1px solid var(--line)}}

/* Daily Command and the Recon Challenge */
button:disabled{cursor:wait;opacity:.55}.mission-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:linear-gradient(115deg,#303020,#1d241c);border:1px solid #605637;border-radius:5px;margin-bottom:24px}.mission-callout h2{font-size:23px;font-weight:500;margin:8px 0}.mission-callout p{font-size:12px;color:var(--muted);margin:0}.mission-callout .button{flex-shrink:0}.mission-overview{display:grid;grid-template-columns:1fr 1.5fr 1fr;border:1px solid var(--line);background:var(--panel);border-radius:5px;margin-bottom:24px}.mission-overview>div{padding:22px 25px}.mission-overview>div+div{border-left:1px solid var(--line)}.mission-overview strong{display:block;color:var(--gold);font-size:32px;font-weight:500;margin-top:9px}.mission-overview small{color:var(--muted);font-size:16px}.mission-overview p{margin:12px 0 4px}.recon-panel{margin-bottom:20px}.recon-panel h2{font-size:30px;line-height:1.2;font-weight:500;margin:15px 0}.recon-intro{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:16px 0;align-items:center}.recon-intro p{max-width:580px;color:var(--muted)}.recon-radar{display:grid;place-items:center;width:170px;height:170px;border:1px solid #615638;border-radius:50%;background:radial-gradient(circle,#3b3c25,transparent 70%);color:var(--gold)}.recon-radar svg{width:90px;height:90px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.recon-rules{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.recon-rules span{padding:7px 10px;border:1px solid var(--line);font-size:11px;color:var(--gold)}.recon-clock{border:1px solid #76653f;padding:12px 16px;min-width:76px;text-align:center;color:var(--gold);font:28px ui-monospace,monospace}.recon-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0;background:linear-gradient(120deg,#171c17,#23291e);padding:20px;border:1px solid #46503c;border-radius:5px}.recon-object{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid #41483d;padding:14px 8px;background:#181d18;min-width:0;--marker:#dfb76a}.recon-object svg{width:74px;height:74px;fill:none;stroke:#ddd9c3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.recon-position{font:9px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.recon-object strong{font-size:14px;font-weight:500}.recon-marker{display:flex;align-items:center;gap:7px;color:var(--marker);font-size:12px}.recon-marker i{display:block;width:10px;height:10px;border-radius:50%;background:var(--marker)}.marker-blue{--marker:#83b9f4}.marker-green{--marker:#a6c98a}.marker-red{--marker:#f59d90}.recon-question{border:1px solid var(--line);border-radius:4px;padding:20px;margin:24px 0}.recon-question legend{padding:0 8px;font-size:14px}.recon-question legend>span{color:var(--gold);margin-right:8px}.recon-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recon-options label{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;background:#22281f;border:1px solid #3e4736;border-radius:3px;cursor:pointer;color:var(--text);font-size:13px;margin:0}.recon-options label:has(input:checked){border-color:var(--gold);background:#363324}.recon-options input{width:17px;height:17px;flex-shrink:0;margin:0;accent-color:var(--gold)}.recon-result{padding:14px 0 24px;border-bottom:1px solid var(--line)}.recon-award{font-size:56px;line-height:1.3;color:var(--gold);font-weight:500;display:block;margin:18px 0}.recon-award>span{font-size:13px;letter-spacing:2px}.recon-review{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.recon-review>div{border:1px solid var(--line);padding:18px}.recon-review h3{font-size:14px;font-weight:500}.recon-review p{font-size:12px;color:var(--muted)}.mission-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}.mission-footer>.tiny{max-width:600px}.mission-footer .button{flex-shrink:0}
@media(max-width:850px){.mission-callout{align-items:flex-start;flex-direction:column}.recon-intro{grid-template-columns:1fr}.recon-radar{display:none}.mission-overview{grid-template-columns:1fr 1fr}.mission-overview>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.recon-options{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.mission-callout{padding:20px}.mission-overview{display:block}.mission-overview>div+div{border-left:0;border-top:1px solid var(--line)}.mission-overview>div{padding:18px 20px}.recon-panel{padding:18px}.recon-panel h2{font-size:25px}.recon-board{gap:6px;padding:8px}.recon-object{gap:8px;padding:10px 3px}.recon-object svg{width:48px;height:48px}.recon-object strong{font-size:11px}.recon-position{font-size:7px;letter-spacing:0}.recon-marker{font-size:10px}.recon-question{padding:16px 10px}.recon-options{gap:7px}.recon-options label{font-size:12px;padding:10px 7px}.recon-review{grid-template-columns:1fr}.mission-footer{align-items:flex-start;flex-direction:column}.recon-award{font-size:44px}}

.family-panel{margin-bottom:28px}.family-panel h2{font-size:28px;font-weight:500;margin:14px 0}.family-panel>p{color:var(--muted);max-width:760px}.family-panel form{margin-top:24px}.family-panel details{padding-top:18px;border-top:1px solid var(--line)}.family-panel summary{cursor:pointer;color:var(--gold)}.family-members{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.family-members article{padding:24px;border:1px solid #5b5338;background:linear-gradient(135deg,#2c3022,#191d19);border-radius:4px}.family-members h3{font-size:27px;font-weight:500;margin:12px 0}.family-members strong{font-size:30px;color:var(--gold);font-weight:500}.family-members p{font-size:12px;color:var(--muted)}.career-sources{grid-template-columns:repeat(4,minmax(0,1fr))}.career-sources .eyebrow{letter-spacing:1px}@media(max-width:850px){.career-sources{grid-template-columns:1fr 1fr}.career-sources>div:last-child{grid-column:auto;border-left:1px solid var(--line)}.career-sources>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.career-sources>div:nth-child(4){border-top:1px solid var(--line)}}@media(max-width:560px){.family-members{grid-template-columns:1fr}.family-panel .section-head{align-items:flex-start;gap:12px;flex-direction:column}.career-sources>div:last-child{border-left:0}}

/* Career milestones and an individually acknowledged promotion ceremony. */
.promotion-ceremony{text-align:center;padding:12px 4px}.promotion-ceremony h2{font-size:30px;margin:12px 0}.promotion-ceremony h3{color:var(--gold);font-size:20px}.promotion-ceremony .form-actions{justify-content:center;flex-wrap:wrap}.promotion-insignia{width:96px;height:112px;display:block;margin:18px auto;color:var(--gold);fill:none;stroke:currentColor;stroke-width:3}.promotion-insignia text{fill:currentColor;stroke:none;font-size:23px;font-weight:700;font-family:inherit}.promotion-history{margin-bottom:22px}.promotion-history .section-head{flex-wrap:wrap}.promotion-list{list-style:none;margin:0;padding:0;max-height:390px;overflow:auto}.promotion-list li{display:flex;align-items:center;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.promotion-list .promotion-insignia{width:40px;height:48px;flex-shrink:0;margin:0}.promotion-list li div{flex:1}.promotion-list strong{font-size:13px;display:block}.promotion-list li div span{display:block;font-size:11px;color:var(--muted);margin-top:5px}@media(max-width:600px){.promotion-list li{gap:9px}.promotion-list strong{font-size:11px}.promotion-list .tag{font-size:8px}.promotion-ceremony h2{font-size:25px}}

.operator-short-callsign{color:var(--gold);font-size:16px;letter-spacing:1px;margin:4px 0 16px}.operator-card .card-bottom .operator-short-callsign{font-size:19px;color:var(--gold);margin-top:4px;text-transform:none}.family-members .operator-short-callsign{font-size:15px;margin:4px 0 12px}
/* Parent Command is independent of the adult operator shell. */
.parent-command{width:min(1080px,100%);margin:auto;padding:26px 24px 64px}.parent-command h1{font-size:clamp(32px,5vw,52px);margin:22px 0 12px}.parent-command .panel{margin:22px 0}.parent-command .panel>p{line-height:1.75;max-width:85ch}.parent-header{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:36px}.parent-header nav{display:flex;flex-wrap:wrap;gap:18px}.parent-header .brand{min-width:180px}.parent-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:24px 0}.parent-steps li{padding:18px;border:1px solid var(--line,#34382f);border-radius:10px;color:var(--muted,#a5ad9a)}.parent-steps li[aria-current]{border-color:#c79b48;color:#e6c574}.parent-steps span{display:block;font-size:22px;margin-bottom:8px}.parent-children{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.junior-card{border:1px solid #34382f;border-radius:12px;padding:22px;overflow-wrap:anywhere}.junior-card h3{font-size:28px;margin-bottom:8px}.credential-card input{font-family:monospace;font-size:16px;width:100%;margin-bottom:16px}.parent-command label{display:block;margin:14px 0}.parent-command input:not([type=checkbox]){display:block;width:100%;margin-top:8px}.parent-command .checklist label{display:flex;gap:12px;align-items:flex-start}.parent-command .checklist input{margin-top:5px;flex-shrink:0}.parent-command footer{margin-top:36px;line-height:2}.parent-command .form-error:empty{display:none}.parent-command .button{margin:5px 6px 5px 0}.junior-signin{max-width:640px;margin:6vh auto;padding:28px 24px}.junior-signin h1{font-size:clamp(32px,7vw,48px)}.junior-signin label{display:block;margin:20px 0}.junior-signin input{display:block;width:100%;margin-top:8px}.junior-signin .operator-card{padding:28px;border:1px solid #c79b48;border-radius:16px;margin:28px 0}.junior-signin footer{line-height:2;margin-top:30px}@media(max-width:680px){.parent-command{padding:20px 16px 44px}.parent-header{align-items:flex-start;flex-direction:column}.parent-steps{grid-template-columns:1fr}.parent-steps span{display:inline;margin-right:12px}.parent-command .panel{padding:20px}.parent-header nav{gap:14px}.parent-command .form-grid{grid-template-columns:1fr}}
.parent-header{height:auto;padding:0 0 24px}.parent-header .brand{padding:0}.parent-command input:not([type=checkbox]),.junior-signin input{padding:13px;border:1px solid #46503d;border-radius:5px;background:#111411;color:#edece4;min-height:46px}.parent-command a:not(.button):not(.brand),.junior-signin a:not(.brand){color:var(--gold)}.parent-command .button,.junior-signin .button{min-height:44px;font-size:13px}.parent-command .checklist input{min-width:18px;min-height:18px}.parent-command footer{height:auto;padding:18px 0}.junior-signin footer{display:block;height:auto;padding:18px 0}.parent-command .tiny,.junior-signin .tiny{font-size:12px}
.welcome-family-entry{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(24px,5vw,80px);background:#1a2019;border-bottom:1px solid #79633c}.welcome-family-entry>div:first-child{display:grid;gap:5px}.welcome-family-entry strong{font-size:20px;font-weight:600;line-height:1.3}.welcome-family-entry>div:first-child>span:last-child{color:var(--muted);font-size:13px}.welcome-family-entry .eyebrow{color:var(--gold)}.welcome-family-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.welcome-family-actions .button{font-size:15px;padding:16px 22px;min-height:50px;white-space:nowrap}.parent-signin-explainer{padding:16px;border-left:3px solid var(--gold);background:var(--panel)}@media(max-width:700px){.welcome-family-entry{align-items:stretch;flex-direction:column;gap:16px;padding:22px 24px}.welcome-family-actions{width:100%}.welcome-family-actions .button{flex:1 1 190px;justify-content:center;white-space:normal}.welcome-family-entry strong{font-size:21px}}

/* Keep all dashboard destinations reachable as the navigation grows. */
#sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#49503f #141713}