:root{font-family:system-ui,sans-serif;color:#eeeaf9;background:#100f19}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:#835ee7;border:1px solid #997af0;border-radius:12px;color:#fff;padding:12px 17px;cursor:pointer;min-height:44px}button:disabled{opacity:.5}.secondary{background:#252239;border-color:#4b4565}.shell{max-width:1180px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;gap:20px;margin-bottom:32px}h1{font-size:clamp(28px,4vw,48px);margin:8px 0}.eyebrow{font-size:12px;letter-spacing:.18em;color:#bda7ff;font-weight:800}p{color:#b6b0ca;line-height:1.5}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#1c192b;border:1px solid #3d3653;border-radius:22px;padding:24px}.auth{max-width:520px}.panel label{display:block;color:#c9c3db;font-size:14px;margin:16px 0}.panel input,.panel select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #4e4569;border-radius:10px;background:#131120;color:#fff;min-height:46px}.actions{display:flex;gap:10px;flex-wrap:wrap}.campaign{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;background:#252139;border-color:#4c4166;margin:10px 0}.campaign span,.character span{color:#b9aed4;font-size:13px}.campaign.active{border-color:#a98cff;background:#362a56}hr{border:0;border-top:1px solid #403951;margin:24px 0}.character{padding:16px;margin:10px 0;border:1px solid #49415f;border-radius:12px;display:flex;justify-content:space-between}.notice{padding:14px;border:1px solid #7760b3;border-radius:12px;margin-top:22px}footer{margin-top:36px;color:#837a9e;font-size:12px}@media(max-width:700px){.columns{grid-template-columns:1fr}header{flex-wrap:wrap}.panel{padding:18px}}