.topbar{flex-wrap:wrap}.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #72d8fb;border-radius:10px;background:#122e40;color:#eafaff;font-family:inherit;font-size:14px;font-weight:700;line-height:1.25;cursor:pointer;margin-left:auto;white-space:normal;text-align:center}.topbar .primary-nav{margin-left:auto}.account-dialog{width:min(700px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;background:#101c2c;color:#edf5fc;border:1px solid #405972;border-radius:18px;padding:24px;box-sizing:border-box;box-shadow:0 24px 100px #0009}.account-dialog::backdrop{background:#020811c9}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-close{width:44px;height:44px;border:0;border-radius:50%;background:#24364d;color:white;font-size:26px;cursor:pointer}.account-dialog h2{margin:14px 0;font-size:clamp(24px,4vw,34px);line-height:1.2;overflow-wrap:anywhere}.account-dialog p{font-size:16px;line-height:1.5}.account-dialog .account-note{font-size:14px;color:#b6c9da}.account-dialog .text-button{margin-top:18px;min-height:44px;color:#83d7ff;border:0;background:none;text-decoration:underline;cursor:pointer;font-size:14px}.account-dialog [role=alert]{color:#ffadad}.account-links{display:flex;gap:12px;flex-wrap:wrap}.fighter-name-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:12px;align-items:start;margin:24px 0 16px}.fighter-name-columns label{display:grid;gap:8px;font-size:14px;font-weight:700;min-width:0}.fighter-name-columns small{font-size:12px;font-weight:400;color:#b6c9da;min-height:18px}.fighter-name-columns input,.fighter-name-columns select{box-sizing:border-box;width:100%;min-width:0;background:#091522;border:1px solid #4a637b;border-radius:8px;color:#f5f8fc;padding:10px;font-size:16px;line-height:1.4}.fighter-name-columns input{min-height:46px}.fighter-name-columns select{height:230px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.fighter-name-columns option{padding:12px 8px;min-height:44px}.fighter-name-preview{padding:18px;border:1px solid #486a86;border-radius:12px;background:#193148;text-align:center}.fighter-name-preview span{display:block;color:#b3d3eb;font-size:14px;margin-bottom:8px}.fighter-name-preview strong{display:block;font-size:clamp(20px,4vw,30px);line-height:1.3;overflow-wrap:anywhere}.account-dialog :focus-visible,.account-button:focus-visible{outline:3px solid #f5d15d;outline-offset:3px}.account-dialog .action{min-height:46px}.account-dialog [data-google-signin]{min-height:44px;margin:24px 0}
@media(max-width:700px){.topbar .account-button{max-width:148px;font-size:14px;padding:9px 10px}.account-dialog{padding:16px}.fighter-name-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:7px}.fighter-name-columns input{padding:9px 6px}.fighter-name-columns select{padding:5px;height:234px;font-size:16px}.fighter-name-columns option{padding:12px 5px}.fighter-name-columns small{line-height:1.4}.account-links .action{flex:1 1 180px}}
@media(max-width:390px){.topbar .brand{gap:8px}.topbar .brand-logo{max-width:40px;max-height:40px}.topbar .brand-name,.topbar .brand b{font-size:20px}.topbar .brand small,.topbar .brand-sub{font-size:12px}.topbar .account-button{max-width:132px}.fighter-name-columns{grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr) minmax(0,.9fr)}}

.fighter-nickname-column{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:8px}.fighter-nickname-column legend{padding:0;font-size:14px;font-weight:700;margin-bottom:8px}.fighter-nickname-list{height:230px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;border:1px solid #4a637b;border-radius:8px;background:#091522;scroll-padding:8px}.fighter-name-columns .fighter-nickname-list label{position:relative;display:block;font-weight:500;cursor:pointer}.fighter-nickname-list input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0;border:0}.fighter-nickname-list span{display:flex;align-items:center;min-height:44px;padding:10px 9px;font-size:14px;line-height:1.3;box-sizing:border-box;overflow-wrap:anywhere}.fighter-nickname-list input:checked+span{background:#234e69;color:#fff;box-shadow:inset 3px 0 #86dcff;font-weight:700}.fighter-nickname-list input:focus-visible+span{outline:2px solid #f5d15d;outline-offset:-3px}.fighter-name-columns>label>small{margin:0}
