:root{--bg:#06100c;--panel:#0d2118;--panel2:#102a1e;--line:#31513f;--text:#f7f7f1;--muted:#aebdb5;--gold:#e0b947;--gold2:#f2d572;--danger:#ff8c84;--good:#86dfa4;--shadow:0 30px 90px rgba(0,0,0,.45)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 50% 0,#153927 0,var(--bg) 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}.gm-app{width:min(1180px,100%);min-height:100vh;margin:auto;padding:0 20px 110px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px 0;background:linear-gradient(180deg,#07130f 70%,transparent)}.brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.brand b,.brand small{display:block}.brand b{font-size:18px;letter-spacing:.06em}.brand small{font-size:11px;color:var(--muted)}.crest{width:48px;height:48px;border:2px solid var(--gold);border-radius:15px;display:grid;place-items:center;color:var(--gold);font-weight:950;background:#0c2017}.crest.big{width:82px;height:82px;border-radius:25px;font-size:25px;margin:0 auto 20px}.top-actions{display:flex;align-items:center;gap:9px}.pill,.icon-btn{border:1px solid var(--line);background:#0b1b14;color:var(--text);border-radius:999px;padding:9px 12px}.icon-btn{min-width:42px;cursor:pointer;font-weight:900}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);font-weight:900}.eyebrow.left{text-align:left;margin-top:18px}.hero,.pagehead{padding:58px 0 32px}.hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.hero h1,.pagehead h1,.profile-hero h1{font-size:clamp(38px,7vw,74px);line-height:.98;margin:10px 0 16px;letter-spacing:-.04em}.hero p,.pagehead p{max-width:720px;color:#d0dbd5;font-size:18px;line-height:1.6}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.rating{min-width:240px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,var(--panel2),#081811);box-shadow:var(--shadow)}.rating span,.rating small,.gaffer-card span,.gaffer-card small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.rating b{display:block;font-size:58px;color:var(--gold2);line-height:1;margin:8px 0}.btn{border:1px solid var(--line);background:#10271c;color:var(--text);padding:14px 18px;border-radius:14px;font-weight:900;cursor:pointer;min-height:50px}.btn:hover{border-color:#6f8a77;transform:translateY(-1px)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#08100c}.btn.wide{width:100%;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cards article,.record,.career-grid article,.career-grid aside,.gaffer-card,.feedback{background:linear-gradient(160deg,var(--panel),#081811);border:1px solid var(--line);border-radius:22px;padding:22px}.cards h2{font-size:25px;margin:10px 0}.cards p{color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.fullpage{min-height:100vh;padding:20px;display:grid;place-items:center}.panel{width:min(900px,100%);background:linear-gradient(180deg,#102a1e,#071811);border:1px solid #43634f;border-radius:32px;padding:clamp(24px,5vw,52px);box-shadow:var(--shadow)}.intro{text-align:center}.intro h1{font-size:clamp(40px,7vw,72px);line-height:1;margin:14px 0}.intro h1 em{color:var(--gold2);font-style:normal}.intro>p{color:#d1dcd6;font-size:17px;line-height:1.6;max-width:720px;margin:0 auto 22px}.intro label{display:block;text-align:left;font-size:12px;font-weight:800}.field{width:100%;padding:14px 15px;margin-top:7px;border-radius:13px;border:1px solid var(--line);background:#07150f;color:#fff}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.identity-grid button{padding:16px;border-radius:15px;border:1px solid var(--line);background:#091912;color:#fff;text-align:left;cursor:pointer}.identity-grid button.selected{border-color:var(--gold);box-shadow:0 0 0 2px rgba(224,185,71,.2)}.identity-grid small{display:block;color:var(--muted);margin-top:4px}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.choice{display:flex;align-items:center;text-align:left;gap:14px;min-height:110px}.choice>span{font-size:30px}.choice b,.choice small{display:block}.choice small{font-weight:600;margin-top:5px;opacity:.75}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#10281d,#081710);color:#fff;text-align:left;cursor:pointer}.mode-card>span{font-size:31px}.mode-card h2{margin:0 0 5px;font-size:20px}.mode-card p{margin:0;color:var(--muted);line-height:1.45}.mode-card small{display:block;color:var(--gold2);margin-top:8px;font-weight:800}.challenge{width:min(980px,100%);margin:26px auto}.challenge-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.challenge h1{font-size:clamp(34px,5vw,56px);line-height:1;margin:10px 0 24px}.scenario{background:#0d2419;border:1px solid #42604d;border-left:5px solid var(--gold);border-radius:18px;padding:24px;font-size:18px;line-height:1.65}.rank-title{display:flex;justify-content:space-between;align-items:end;margin:28px 0 10px}.rank-title small{color:var(--muted)}.rank-list{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;background:#0a1b14;border:1px solid var(--line);border-radius:16px;padding:13px}.rank-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--gold);color:#08100c;font-weight:950}.rank-row p{margin:0;line-height:1.5}.rank-row div{display:flex;gap:6px}.rank-row button,.confidence button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:11px;background:#132b20;color:#fff;cursor:pointer;font-weight:900}.confidence{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0b1c15}.confidence>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.confidence button.selected{background:var(--gold);color:#08100c;border-color:var(--gold)}.result{margin-top:20px;padding:24px;border:1px solid #6c5d2c;border-radius:20px;background:#171c10}.result-score{font-size:72px;font-weight:950;color:var(--gold2)}.result-score small{font-size:22px}.result li{margin:14px 0}.result li p{color:var(--muted);line-height:1.5;margin:6px 0}.versus{display:flex;justify-content:center;gap:20px;align-items:center;padding:14px;border:1px solid #604f29;border-radius:16px;margin-bottom:16px}.career-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.career-options{display:grid;gap:10px;margin-top:18px}.career-options button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);background:#091a13;color:#fff;border-radius:14px;padding:14px;cursor:pointer}.career-options span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--gold);color:#08100c;font-weight:900}.career-grid aside{display:grid;gap:8px}.career-grid aside div{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.feedback{margin-bottom:14px;display:flex;justify-content:space-between}.gaffer-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.bot,.avatar{width:92px;height:92px;border:2px solid var(--gold);border-radius:28px;display:grid;place-items:center;font-size:28px;font-weight:950;color:var(--gold)}.gaffer-card b{display:block;font-size:44px;margin:5px 0}.profile-hero{display:flex;align-items:center;gap:20px;padding:50px 0 25px}.profile-hero>div:nth-child(2){flex:1}.profile-hero h1{font-size:48px;margin:6px 0}.profile-hero p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.stats div{background:#0d2118;border:1px solid var(--line);border-radius:16px;padding:17px;text-align:center}.stats b,.stats span{display:block}.stats b{font-size:28px;color:var(--gold2)}.stats span{color:var(--muted);font-size:12px}.record{margin-top:14px}.record>div:not(.eyebrow){display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.record span b,.record span small{display:block}.record span small{color:var(--muted);margin-top:3px}.record strong{color:var(--gold2)}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(4,12,8,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px max(8px,calc((100vw - 760px)/2))}.bottomnav button{border:0;background:transparent;color:#84978d;border-radius:12px;padding:8px;cursor:pointer;font-size:11px}.bottomnav button span{display:block;font-size:21px}.bottomnav button.active{background:#142b20;color:var(--gold2)}.dialog,.tour{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:18px;background:rgba(1,6,3,.88)}.dialog>section,.tour>section{width:min(560px,100%);background:#0d2118;border:1px solid #536d5b;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.dialog label{display:block;margin-top:14px;font-size:12px;font-weight:800}.dialog-head{display:flex;justify-content:space-between}.dialog-head button{border:0;background:transparent;color:#fff;font-size:28px;cursor:pointer}.tour h2{font-size:32px;margin:10px 0}.tour p{color:#d2ddd7;line-height:1.6}.tour-progress{display:flex;gap:6px;margin-top:20px}.tour-progress i{height:5px;flex:1;background:#284437;border-radius:999px}.tour-progress i.on{background:var(--gold)}@media(max-width:760px){.gm-app{padding-left:14px;padding-right:14px}.pill{display:none}.hero{grid-template-columns:1fr;padding-top:32px}.rating{min-width:0}.cards,.mode-grid{grid-template-columns:1fr}.welcome-actions{grid-template-columns:1fr}.career-grid{grid-template-columns:1fr}.gaffer-card{grid-template-columns:1fr;text-align:center}.bot{margin:auto}.profile-hero{flex-wrap:wrap}.profile-hero .btn{width:100%}.stats{grid-template-columns:repeat(2,1fr)}.challenge-top{display:block}.rank-row{grid-template-columns:38px 1fr}.rank-row>div{grid-column:2;justify-content:flex-end}.confidence{display:block}.confidence>div:last-child{margin-top:12px}.scenario{font-size:16px;padding:18px}.feedback{display:block}.identity-grid{grid-template-columns:1fr}}
.share-panel{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0 26px;padding:16px;border:1px solid #66572c;border-radius:16px;background:#0d1d14}
.share-panel b,.share-panel small{display:block}.share-panel small{color:var(--muted);margin-top:4px;line-height:1.4}
.share-buttons{display:flex;flex-wrap:wrap;gap:7px}.share-buttons button{min-height:44px;padding:10px 13px;border:1px solid #6e7e73;border-radius:11px;background:#153124;color:#fff;font-weight:850;cursor:pointer}
.share-buttons button:first-child{background:#176b3a}.share-buttons button:hover{border-color:var(--gold);transform:translateY(-1px)}
.share-notice{position:fixed;left:50%;bottom:92px;z-index:3000;transform:translateX(-50%);padding:12px 18px;border:1px solid var(--gold);border-radius:999px;background:#10271c;color:#fff;box-shadow:var(--shadow);font-weight:800}
.profile-location{color:var(--gold2)!important}.profile-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.profile-card{background:linear-gradient(160deg,var(--panel),#081811);border:1px solid var(--line);border-radius:22px;padding:22px}.profile-card h2{margin:9px 0 12px}.profile-card p{color:var(--muted);line-height:1.55}
.badges{display:grid;gap:9px;margin-top:14px}.badges>div{display:grid;grid-template-columns:34px 1fr;gap:1px 10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:13px;background:#0a1b14}.badges span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--gold);color:#08100c}.badges small{color:var(--muted)}
.mode-bests{display:grid;gap:2px;margin-top:10px}.mode-bests>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.mode-bests b{color:var(--gold2)}.creator{border-color:#6c5d2c;background:linear-gradient(145deg,#171c10,#081811)}
.location-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.privacy-note{display:block;color:var(--muted);margin-top:8px;line-height:1.45}
@media(max-width:760px){.share-panel{display:block}.share-buttons{margin-top:14px}.share-buttons button{flex:1 1 45%}.profile-actions{width:100%}.profile-actions .btn{flex:1}.profile-grid{grid-template-columns:1fr}.location-fields{grid-template-columns:1fr}}

.crest{letter-spacing:-.04em;font-size:15px}.crest.big{font-size:23px}

/* COMMANDXI engagement systems */
.rating i{display:block;margin-top:.45rem;color:var(--gold);font-style:normal;font-size:.78rem}
.engagement-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0 1.5rem}
.engagement-strip article,.rival-grid article,.season-track,.progress-recap{background:linear-gradient(145deg,rgba(19,62,43,.78),rgba(4,22,15,.94));border:1px solid rgba(221,174,55,.25);border-radius:18px;padding:1rem}
.engagement-strip span,.rival-grid span,.season-track span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.1em}
.engagement-strip b,.rival-grid b,.season-track b{display:block;margin:.35rem 0;color:#fff}
.engagement-strip small,.rival-grid small,.season-track small{color:var(--muted);line-height:1.4}
.mystery-btn{border-color:#8b6cff!important;background:linear-gradient(135deg,rgba(92,55,170,.35),rgba(6,20,14,.9))!important}
.rival-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}
.season-track{margin-bottom:1rem}
.season-track>div{display:flex;justify-content:space-between;align-items:center}
.season-track progress{width:100%;height:12px;margin:.8rem 0;accent-color:var(--gold)}
.verdict{font-size:1.05rem;color:#fff}
.reward-flash{margin:.8rem 0;padding:.8rem 1rem;border-radius:14px;background:rgba(221,174,55,.14);border:1px solid var(--gold);color:var(--gold);font-weight:900;letter-spacing:.06em}
.progress-recap{display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}
.progress-recap span{color:var(--muted);font-size:.84rem}.progress-recap b{display:block;color:#fff;margin-top:.25rem}
@media(max-width:760px){.engagement-strip,.rival-grid{grid-template-columns:1fr}.progress-recap{flex-direction:column}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}}

/* COMMANDXI Decision Engine */
.decision-engine-grid{display:grid;grid-template-columns:1.05fr .95fr 1fr;gap:16px;margin:18px 0 24px}
.decision-engine-grid>article{border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(145deg,rgba(18,61,47,.94),rgba(5,25,19,.96));min-height:210px}
.decision-engine-grid h2{font-size:clamp(1.3rem,2.3vw,2rem);margin:8px 0 10px}.decision-engine-grid p{color:var(--muted);line-height:1.55}
.nemesis-card{box-shadow:inset 4px 0 0 var(--gold)}.nemesis-card .btn{margin-top:12px;width:100%}
.memory-card small,.decision-stored small{display:block;color:var(--gold);margin-top:14px}
.stakeholder-bars{display:grid;gap:12px;margin-top:16px}.stakeholder-row{display:grid;grid-template-columns:80px 1fr 30px;gap:10px;align-items:center;text-transform:capitalize;font-size:.82rem}.stakeholder-row progress{width:100%;accent-color:var(--gold);height:8px}
.decision-stored,.consequence-return{display:grid;gap:5px;border:1px solid var(--line);border-radius:14px;padding:15px;margin:16px 0;background:rgba(224,180,65,.07)}.consequence-return{border-color:var(--gold);background:rgba(224,180,65,.12)}.consequence-return p{margin:3px 0}
.legacy-list{border:1px solid var(--line);border-radius:22px;padding:22px;margin:18px 0}.legacy-entry{display:grid;gap:5px;padding:15px 0;border-bottom:1px solid var(--line)}.legacy-entry:last-child{border-bottom:0}.legacy-entry span,.legacy-entry small{color:var(--muted)}
@media(max-width:850px){.decision-engine-grid{grid-template-columns:1fr}.decision-engine-grid>article{min-height:auto}.stakeholder-row{grid-template-columns:74px 1fr 28px}}

/* Selectable rivalry cards */
.rival-card{display:grid;gap:7px;width:100%;padding:20px;border:1px solid rgba(221,174,55,.32);border-radius:18px;background:linear-gradient(145deg,rgba(19,62,43,.9),rgba(4,22,15,.96));color:var(--text);text-align:left;cursor:pointer;touch-action:manipulation}
.rival-card:hover,.rival-card:focus-visible{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.rival-card span{color:var(--gold2);font-size:.78rem;font-weight:900;letter-spacing:.08em}.rival-card b{font-size:1.45rem}.rival-card small{color:var(--muted);line-height:1.45}.rival-card em{margin-top:8px;color:var(--gold);font-size:.72rem;font-style:normal;font-weight:900;letter-spacing:.08em}
