#screen-app{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:radial-gradient(1200px 500px at 50% -10%,#232c36,#14181d 60%);color:#cfd6dd;font:15px/1.45 -apple-system,system-ui,sans-serif}.wrap{width:100%;max-width:520px;padding:22px 18px 40px;box-sizing:border-box}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.brand{font-size:13px;font-weight:800;letter-spacing:.22em;color:#9aa6b1}.langsw{display:flex;gap:4px}.langsw button{border:1px solid #2c343d;background:transparent;color:#9aa6b1;border-radius:6px;padding:3px 8px;font-size:11px;cursor:pointer}.langsw button.on{color:#14181d;background:#cfd6dd;border-color:#cfd6dd}.hero-title{font-size:42px;line-height:1.05;font-weight:900;letter-spacing:.02em;color:#fff;margin:48px 0 14px;text-transform:uppercase}.hero-title .accent{color:#d8232a}.tagline{color:#9aa6b1;font-size:17px;margin-bottom:36px}.btn{display:inline-block;width:100%;box-sizing:border-box;text-align:center;min-height:56px;padding:16px 22px;border-radius:12px;border:0;background:#d8232a;color:#fff;font-size:17px;font-weight:700;cursor:pointer;text-decoration:none}.btn:active{filter:brightness(1.15)}.btn.secondary{background:transparent;border:1px solid #3a4550;color:#cfd6dd;font-weight:500}.btn.gold{background:#e8b33d;color:#14181d}.btn+.btn{margin-top:10px}.btn:disabled{opacity:.4;cursor:default}.smallnote{color:#6c7883;font-size:12px;margin-top:22px}.progress{height:6px;background:#0b0e12;border-radius:3px;margin:6px 0 26px;overflow:hidden}.progress div{height:100%;background:#e8b33d;transition:width .25s ease-out}.q-count{color:#6c7883;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.q-text{font-size:24px;font-weight:800;color:#fff;margin:8px 0 24px;line-height:1.2}.opt{display:block;width:100%;box-sizing:border-box;text-align:left;margin-bottom:10px;padding:16px 18px;min-height:56px;border:1px solid #2c343d;border-radius:12px;background:#1b2129;color:#cfd6dd;font-size:16px;cursor:pointer}.opt:active{background:#232c36;border-color:#d8232a}textarea.free{width:100%;box-sizing:border-box;min-height:110px;resize:none;background:#1b2129;border:1px solid #2c343d;border-radius:12px;color:#cfd6dd;font:inherit;padding:14px 16px;margin-bottom:12px}.row2{display:flex;gap:10px}.row2 .btn{margin-top:0}.forge{text-align:center;margin-top:90px}.spinner{width:54px;height:54px;margin:0 auto 26px;border-radius:50%;border:4px solid #2c343d;border-top-color:#d8232a;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{border:1px solid #2c343d;border-radius:16px;overflow:hidden;background:#171c22;margin-bottom:14px}.card .head{display:flex;gap:16px;padding:18px;background:#1b2129;align-items:center}.portrait{width:108px;height:108px;border-radius:12px;background:#232c36;flex:none}.codename{font-size:24px;font-weight:900;color:#fff;letter-spacing:.04em}.arch{color:#e8b33d;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.legend{color:#9aa6b1;font-size:14px;margin-top:8px;font-style:italic}.card .body{padding:16px 18px 18px}.sect{color:#6c7883;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:14px 0 8px}.statrow{display:grid;grid-template-columns:92px 1fr 26px;gap:10px;align-items:center;margin-bottom:7px}.statrow .nm{font-size:12px;color:#9aa6b1;letter-spacing:.05em}.statrow .bar{height:10px;background:#0b0e12;border-radius:5px;overflow:hidden}.statrow .bar div{height:100%;background:linear-gradient(90deg,#d8232a,#e8b33d)}.statrow .val{font-size:13px;font-weight:700;color:#fff;text-align:right}.trait{display:flex;gap:10px;margin-bottom:8px;align-items:baseline}.trait .tag{flex:none;font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:6px}.trait .tag.ab{background:#0e8ba822;color:#58c7de}.trait .tag.wk{background:#d8232a22;color:#ef7d81}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.chips button{border:1px solid #3a4550;background:#1b2129;color:#cfd6dd;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer}.chips button.on{border-color:#e8b33d;color:#e8b33d}label.fld{display:block;margin-bottom:12px;color:#9aa6b1;font-size:13px}label.fld input[type=email],label.fld input[type=date]{display:block;width:100%;box-sizing:border-box;margin-top:6px;background:#1b2129;border:1px solid #2c343d;border-radius:10px;color:#cfd6dd;font:inherit;padding:13px 14px}label.consent{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:13px;color:#9aa6b1}.err{color:#ef7d81;font-size:13px;min-height:18px;margin-bottom:8px}.rankline{display:flex;align-items:baseline;gap:10px;border:1px solid #2c343d;border-radius:12px;background:#171c22;padding:12px 16px;margin-bottom:12px}.rank-name{color:#e8b33d;font-weight:800;font-size:17px;letter-spacing:.04em}.rank-value{color:#fff;font-weight:700;font-size:17px}.rank-games{color:#6c7883;font-size:12px;margin-left:auto}.histrow{display:flex;justify-content:space-between;gap:10px;padding:12px 4px;border-bottom:1px solid #232c36;font-size:14px}.histrow .res.win{color:#6fd08c;font-weight:700}.histrow .res.loss{color:#ef7d81;font-weight:700}.histrow .res.draw{color:#9aa6b1;font-weight:700}.danger{color:#ef7d81!important;border-color:#5b2a2d!important}
