:root{--bg:#07111b;--panel:#0f1c29;--panel2:#132334;--text:#f5f7fb;--muted:#9fb0c3;--line:#22384d;--red:#ef3340;--gold:#ffbe3e;--green:#49dc6e;--blue:#2d9cff}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#06101a,#091421 45%,#07111b);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.shell{max-width:1100px;margin:auto;padding:16px 16px 96px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.brand{font-size:1.1rem;font-weight:950;letter-spacing:.04em}.sub,.small{color:var(--muted);font-size:.82rem}.pill{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.hidden{display:none!important}.view{display:none}.view.active{display:block}.card,.hero{background:linear-gradient(180deg,#10202f,#0c1824);border:1px solid var(--line);border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 10px 30px #00000022}
.hero h1,.card h2{margin:4px 0 7px}.eyebrow{font-size:.7rem;letter-spacing:.12em;font-weight:900;color:#8fb8db}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#ffffff08;border:1px solid #ffffff10;border-radius:15px;padding:14px}.stat strong{display:block;font-size:1.45rem}.stat span{font-size:.64rem;color:var(--muted);font-weight:800}
.btn{appearance:none;border:0;border-radius:14px;padding:12px 14px;font-weight:900;background:#1a2c3f;color:white;cursor:pointer}.btn.red{background:var(--red)}.btn.green{background:var(--green);color:#07111b}.btn.gold{background:var(--gold);color:#1a1300}.btn.full{width:100%}.btn.ghost{background:#ffffff09;border:1px solid var(--line)}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin:9px 0}.field label{display:block;font-size:.68rem;color:var(--muted);font-weight:850;margin-bottom:4px}.field input,.field textarea{width:100%;background:#07121d;border:1px solid var(--line);border-radius:12px;padding:11px;color:#fff;font:inherit}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fullrow{grid-column:1/-1}
.list{padding:12px 0;border-top:1px solid #ffffff0d}.list:first-child{border-top:0}
.skill-map{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.skill-card{padding:13px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff10}.skill-card.ready{border-color:#49dc6e66}.skill-card.reinforce{border-color:#ffbe3e66}.skill-head{display:flex;justify-content:space-between;gap:8px}.skill-name{font-weight:900}.skill-level{font-size:.68rem;color:var(--muted)}.skill-bar{height:8px;border-radius:999px;background:#ffffff10;overflow:hidden;margin:8px 0 5px}.skill-bar i{display:block;height:100%;background:linear-gradient(90deg,#2d9cff,#49dc6e)}.skill-detail{font-size:.63rem;color:var(--muted)}.challenge-badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#2d9cff1e;color:#9ed0ff;font-size:.62rem}
nav{position:fixed;left:0;right:0;bottom:0;background:#08131ee8;backdrop-filter:blur(15px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:6px;padding:9px max(9px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));z-index:10}
nav button{flex:1;max-width:240px;background:transparent;color:var(--muted);border:0;padding:9px;border-radius:12px;font-weight:800}nav button.active{background:#ffffff0a;color:white}
.login{max-width:520px;margin:60px auto}
.notice{padding:10px;border-radius:12px;background:#ef334022;color:#ff9ba2;margin:8px 0}
@media(max-width:760px){.grid,.formgrid{grid-template-columns:repeat(2,1fr)}.skill-map{grid-template-columns:1fr}.actions{grid-template-columns:1fr}}

/* Build 233: Coach HQ visual refresh */
:root{--bg:#07101e;--panel:#12243a;--panel2:#19314b;--muted:#b4c6d8;--line:#35516d;--red:#ff5061;--gold:#ffd05c;--green:#64e8a1;--blue:#65b9ff}
body{background:radial-gradient(ellipse at 50% -15%,#25496b,transparent 60%),linear-gradient(155deg,#07101c,#0b1b2b 65%,#07111e);line-height:1.45}.top{padding:14px 16px;background:#102339cc;border:1px solid #7faed633;border-radius:19px;box-shadow:0 12px 30px #0003}.brand{letter-spacing:-.025em;font-size:clamp(1rem,3vw,1.3rem)}.pill{background:#25405b;color:#d2e9ff;border-color:#5e8fbf66;font-weight:850}.card,.hero{background:linear-gradient(145deg,#172e48,#0c1b2e);border:1px solid #80afd13d;border-radius:22px;box-shadow:0 14px 35px #0003,inset 0 1px #ffffff0b}.hero{background:radial-gradient(ellipse at 90% 0%,#275474,transparent 60%),linear-gradient(145deg,#19334e,#0d1c2e)}.stat,.skill-card{background:linear-gradient(145deg,#203a55,#10253b);border-color:#a2c7e42e}.stat strong{letter-spacing:-.05em}.btn{min-height:45px;transition:transform .15s ease,filter .15s ease}.btn:active{transform:scale(.98)}.btn:focus-visible,nav button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn.red{background:linear-gradient(135deg,#ff6270,#bd2038)}.field input,.field textarea{background:#0b1a2b;border-color:#6b95b959;min-height:44px}.field input:focus,.field textarea:focus{outline:2px solid var(--blue)}nav{background:#09182aef;border-top:1px solid #7da6cb55}nav button.active{background:#28435e;color:#fff}.skill-bar{height:10px}
@media(max-width:540px){.shell{padding:12px 12px 104px}.top{padding:12px}.card,.hero{padding:15px}.stat{padding:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}