:root{--gold:#efbd26;--bg:#050706;--card:#0b0e0c;--line:#252b27;--muted:#a7aaa7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#141308 0,#050706 32%);color:#f6f6f3;font-family:Inter,system-ui,sans-serif}.enlist{max-width:760px;margin:auto;min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) 28px 42px}header{display:flex;align-items:center;gap:14px}header img{width:72px;height:72px;object-fit:contain}header div{display:flex;flex-direction:column;flex:1}header small,.screen>span{color:var(--gold);font-weight:900;letter-spacing:.22em}header b{font-size:26px;letter-spacing:.08em}header strong{color:#bbb}.progress{height:5px;background:#171b18;border-radius:9px;margin:28px 0 54px;overflow:hidden}.progress i{display:block;width:20%;height:100%;background:var(--gold);transition:.3s}.screen{display:none}.screen.active{display:block}.screen h1{font-size:clamp(40px,8vw,64px);line-height:1.02;margin:24px 0 22px;letter-spacing:-.045em}.screen p{font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 34px}.screen label{display:block;color:#c9cbc9;margin:22px 0 9px;font-weight:700}.screen label em{font-weight:400;color:#777}input,select{width:100%;background:#111512;border:1px solid #303632;border-radius:18px;color:white;padding:19px;font-size:18px}button{width:100%;border:0;border-radius:18px;background:var(--gold);color:#090a08;font-weight:950;font-size:17px;padding:20px;margin-top:28px;letter-spacing:.02em}.ghost{background:#111512;color:#ddd;border:1px solid #303632}.dual{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.op{position:relative;text-align:left;background:var(--card);border:1px solid #303632;color:white;margin:0;min-height:160px;padding:22px}.op.selected{border:3px solid var(--gold);background:#151307}.op b{display:block;font-size:22px}.op small{display:block;color:#aaa;margin-top:10px;line-height:1.35}.op.selected:after{content:'✓';position:absolute;right:16px;top:12px;color:var(--gold);font-size:24px}.hint,.seal{margin:22px 0;background:#0b0e0c;border:1px solid #29302b;border-radius:16px;padding:18px;color:#b9bcb9}.rolebox,.brief{background:var(--card);border:1px solid #282d29;border-radius:22px;padding:20px;margin:16px 0}.rolebox h3{margin:0 0 13px}.roles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roles button{margin:0;background:#121613;color:#ddd;border:1px solid #333;padding:15px}.roles button.selected{border:2px solid var(--gold);color:var(--gold)}.brief article{padding:15px 0;border-bottom:1px solid #222}.brief article:last-child{border:0}.brief small{color:#888;display:block;margin-bottom:5px}.brief b{font-size:19px}.status{margin-top:16px;color:#e98f8f;line-height:1.4}.status.ok{color:#8fd3a3}@media(max-width:520px){.enlist{padding-left:22px;padding-right:22px}.screen h1{font-size:44px}.opgrid{gap:10px}.op{padding:16px;min-height:145px}.op b{font-size:19px}.dual{grid-template-columns:1fr}.roles{grid-template-columns:1fr 1fr}}
