.character-name-row{display:flex;gap:10px;align-items:center;min-width:0}.character-name-row input{min-width:0;flex:1;width:0}.character-name-row button{flex:none;white-space:nowrap;min-height:44px;padding:10px 13px}.character-name-help{font-size:.85rem;color:#c4d7cf;margin:0}.lobby-learning-actions{display:flex;gap:10px;flex-wrap:wrap;align-self:start}.lobby-learning-actions a,.lobby-learning-actions button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;min-height:44px}.lobby-learning-actions svg{width:21px;height:21px;flex:none}
.friend-invite-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #b5a263;border-radius:24px;background:#123d35;color:#eaf2db;box-shadow:0 20px 80px #0009;overflow:auto}.friend-invite-dialog::backdrop{background:#071d19bf;backdrop-filter:blur(4px)}.friend-invite-dialog header{position:sticky;top:0;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;width:auto;max-width:none;margin:0;background:#10362f;border-bottom:1px solid #b5a26355;z-index:2}.friend-invite-dialog h2{margin:3px 0;font-size:1.5rem}.friend-invite-dialog header small{color:#d8c887}.friend-invite-body{padding:8px 22px 0}.friend-invite-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.friend-invite-grid button{position:relative;padding:0;overflow:hidden;border:2px solid #749a8770;background:#0c2f29;border-radius:13px;min-width:0;box-shadow:none}.friend-invite-grid img{display:block;width:100%;height:74px;object-fit:cover}.friend-invite-grid span{display:block;padding:8px 3px;font-weight:bold}.friend-invite-grid b{display:none;position:absolute;right:5px;top:5px;border-radius:50%;background:#ead58b;color:#183b2c;width:22px;height:22px}.friend-invite-grid button[aria-pressed=true]{border-color:#ead58b;box-shadow:0 0 0 2px #e8d68a44}.friend-invite-grid button[aria-pressed=true] b{display:block}.friend-invite-dialog label{margin-top:16px;display:grid;gap:6px}.friend-invite-dialog [hidden]{display:none!important}.friend-invite-note{font-size:.86rem;line-height:1.7;color:#c2d6cb}.friend-invite-dialog footer{position:sticky;bottom:0;padding:14px 22px;background:#10362f;border-top:1px solid #b5a26355;text-align:right}.friend-invite-dialog footer button{width:100%;min-height:46px}.friend-invite-dialog button:focus-visible{outline:3px solid #fff3ac;outline-offset:3px}#friend-invite-status:empty{display:none}
@media(max-width:650px){.lobby-learning-actions{width:100%;flex-wrap:nowrap}.lobby-learning-actions>*{flex:1;justify-content:center;font-size:.9rem;padding:10px 8px}.lobby-intro{flex-wrap:wrap}.lobby-intro>div:first-child{width:100%}.friend-invite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-invite-grid img{height:65px}.friend-invite-dialog header{padding:12px 16px}.friend-invite-body{padding:0 16px}.friend-invite-dialog footer{padding:12px 16px}.friend-invite-dialog h2{font-size:1.3rem}.character-name-row{gap:7px}.character-name-row button{font-size:.86rem;padding:10px}}