dialog.overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(520px,calc(100% - 32px));height:fit-content;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);box-shadow:0 18px 70px #0006}
dialog.overlay::backdrop{background:#15191bcc;backdrop-filter:blur(5px)}
.overlay>.overlay-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 18px 14px 26px;min-width:0;background:var(--panel);border-bottom:1px solid var(--line)}
.overlay-header>.overlay-title{min-width:0;flex:1;margin:0;font-size:20px;line-height:1.45;overflow-wrap:anywhere}
.overlay-header>.overlay-close{align-self:flex-start;position:static;display:inline-flex;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text)}
.overlay-header>.overlay-close:hover{color:var(--bright);border-color:var(--orange);background:#ce80390b;transform:none}
.overlay-close>.icon{width:20px;height:20px}
.overlay>.overlay-body{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;padding:22px 26px;overscroll-behavior:contain}
.overlay-body>p{margin:0;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.overlay>.overlay-actions{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0;padding:16px 26px 22px;border-top:1px solid var(--line)}
.overlay>.overlay-actions>.btn{flex:0 1 auto;min-width:0;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere}
.overlay.profile-preview{width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
.overlay.profile-preview .profile-head{padding:0 0 24px}
.overlay.profile-preview .profile-head>.btn{margin-left:0}
.overlay.add-friend-dialog .form{max-width:none;margin:0}
.overlay.add-friend-dialog .form-actions{justify-content:flex-end}
.overlay.game-inspect{width:min(820px,calc(100% - 40px));max-width:calc(100% - 40px);max-height:calc(100dvh - 40px)}
.game-inspect .game-inspect-layout{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);align-items:center;gap:28px;min-width:0}
.game-inspect .game-inspect-visual{width:100%;max-width:290px;min-width:0;aspect-ratio:126/174;margin:0;justify-self:center}
.game-inspect .game-inspect-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0}
.game-inspect-copy>.game-inspect-name{margin:0;font-size:23px;line-height:1.45;text-align:left;overflow-wrap:anywhere}
.game-inspect-copy>.card-stats{justify-content:flex-start;gap:8px;width:100%}
.game-inspect-copy .card-values,.game-inspect-copy .card-abilities{justify-content:flex-start;flex-wrap:wrap;gap:7px}
.game-inspect-copy>.muted{margin:0;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.game-inspect-copy>.text-btn{font-size:11px;line-height:1.6;min-height:40px;margin-top:4px}
@media(max-width:600px){dialog.overlay,.overlay.game-inspect,.overlay.profile-preview{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.overlay>.overlay-header{padding:12px 12px 12px 18px;gap:12px}.overlay-header>.overlay-title{font-size:17px}.overlay>.overlay-body{padding:18px}.overlay>.overlay-actions{padding:14px 18px 18px;gap:10px}.game-inspect .game-inspect-layout{grid-template-columns:minmax(0,1fr);gap:22px}.game-inspect .game-inspect-visual{width:min(190px,65vw)}.game-inspect .game-inspect-copy{gap:16px}.game-inspect-copy>.game-inspect-name{font-size:20px}.overlay.profile-preview .profile-head{padding-bottom:20px}}
@media(max-height:540px) and (min-width:601px){.game-inspect .game-inspect-layout{grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:start}.game-inspect .game-inspect-visual{max-width:190px}.overlay>.overlay-header{padding-block:10px}.overlay>.overlay-body{padding-block:16px}}
/* Developed by Flexxi */