/* Global shell, header, footer and shared content wrappers. */

:root{
    --bg-1: #eadfe8;
    --bg-2: #eadfe8;
    --bg-3: #eadfe8;

    --panel: #ffffff;
    --panel-strong: #ffffff;

    --stroke: #e2cfe8;
    --white-soft: #ffffff;
    --text-soft: #6d5a73;
--purple-1: #8e2bb2;
    --purple-2: #64156f;
    --purple-3: #74208e;

    --yellow-1: #f4be00;
    --yellow-2: #d8a300;

    --mustard-1: #f4be00;
    --mustard-2: #e0a800;
    --mustard-3: #c89200;
    --mustard-soft: rgba(244, 190, 0, 0.18);
    --mustard-line: #efbf1a;
    --mustard-line-strong: #e5b10a;

    --text-dark: #6b217d;
    --text-dark-2: #4e155d;
    --border-soft: #e4d1ea;
}

*{
    box-sizing: border-box;
}

html{
    min-height: 100%;
    background: #64156f;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body{
    margin: 0;
    overflow-x: hidden;
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--text-dark);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,0.08), transparent 28%),
        radial-gradient(circle at top right, rgba(255,255,255,0.05), transparent 24%),
        linear-gradient(180deg, var(--purple-1) 0%, var(--purple-3) 45%, var(--purple-2) 100%);
}

.container{
    width: min(1540px, calc(100% - 78px));
    margin: 0 auto;
}

.top-shell{
    padding: 20px 18px 0;
    position: relative;
    z-index: 100;
}

.site-message-stack{
    position: fixed;
    left: 50%;
    top: var(--gsc-message-stack-top, 92px);
    z-index: 2147483000;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: min(calc(100vw - 28px), 520px);
    transform: translateX(-50%);
    pointer-events: none;
}

.site-message-stack:empty{
    display: none;
}


.site-message-stack > .single-game-inline-toast{
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: auto !important;
    max-width: 100% !important;
}

.site-message-stack > .single-game-inline-toast:not(.is-visible){
    display: none !important;
}


/* Header */
.site-header{
    width: min(1180px, calc(100% - 6px));
    margin: 0 auto;
    padding: 14px 18px;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
        linear-gradient(180deg, var(--purple-1) 0%, var(--purple-2) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-top: 5px solid var(--mustard-line);
position: relative;
}

.header-top{
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
    gap: 16px;
}

.header-left,
.header-right{
    position: relative;
    display: flex;
    align-items: center;
}

.header-right{
    justify-content: flex-end;
    gap: 10px;
}

.site-logo{
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.site-logo img{
    display: block;
    max-width: 340px;
    width: 100%;
    height: auto;
}

.menu-toggle,
.search-toggle{
    width: 48px;
    height: 48px;
    border: 2px solid var(--mustard-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    transition: 0.2s ease;
}

.menu-toggle:hover,
.search-toggle:hover{
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.18);
    border-color: #ffd15a;
}

.search-toggle svg{
    width: 22px;
    height: 22px;
    fill: #fff4c7;
    display: block;
}

/* Popup / dropdown system */
.header-dropdown,
.search-dropdown{
    background: transparent;
    border: 0;
    position: absolute;
    top: calc(100% + 12px);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 8px, 0);
    pointer-events: none;
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s linear 0.16s;
    will-change: opacity, transform;
    contain: layout paint style;
    z-index: 50;
}

.header-dropdown{
    left: 0;
    width: 340px;
}

.search-dropdown{
    right: 0;
    width: 360px;
}

.header-dropdown.is-open,
.search-dropdown.is-open{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    transition-delay: 0s;
}

.header-panel{
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(250,245,252,0.98) 100%);
    border: 1px solid rgba(142, 43, 178, 0.10);
    border-top: 3px solid var(--mustard-line);
    border-radius: 22px;
-webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    overflow: hidden;
}

.header-panel-menu,
.header-panel-search{
    padding: 14px;
}

.header-panel-section + .header-panel-section{
    margin-top: 14px;
}

.header-panel-section-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.header-panel-section-head span{
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: #7d35b2;
    opacity: 0.95;
}

.mobile-only-block{
    display: none;
}

.header-dropdown-links{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header-dropdown-links a{
    display: block;
    padding: 14px 15px;
    border-radius: 16px;
    text-decoration: none;
    background: linear-gradient(180deg, #ffffff 0%, #fbf7fd 100%);
    border: 1px solid rgba(142, 43, 178, 0.07);
transition: 0.2s ease;
}

.header-dropdown-links a:hover{
    transform: translateY(-1px);
    border-color: rgba(239, 191, 26, 0.24);
    background: linear-gradient(180deg, #fffdf8 0%, #fbf2dc 100%);
}

.header-link-title{
    display: block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--text-dark);
    margin-bottom: 3px;
}

.header-link-desc{
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: #7f6d86;
}

.desktop-search-input-wrap,
.mobile-search-input-wrap{
    position: relative;
    display: flex;
    align-items: center;
}

.desktop-search-input-wrap svg,
.mobile-search-input-wrap svg{
    position: absolute;
    left: 14px;
    width: 18px;
    height: 18px;
    fill: #8e7a95;
    pointer-events: none;
}

.desktop-search-input-wrap input,
.mobile-search-input-wrap input{
    width: 100%;
    height: 50px;
    padding: 0 16px 0 44px;
    border-radius: 16px;
    border: 1px solid rgba(142, 43, 178, 0.12);
    background: linear-gradient(180deg, #ffffff 0%, #fbf8fd 100%);
    color: var(--text-dark);
    font-size: 14px;
    outline: none;
transition: 0.2s ease;
}

.desktop-search-input-wrap input:focus,
.mobile-search-input-wrap input:focus{
    border-color: rgba(239, 191, 26, 0.90);
}

.desktop-search-input-wrap input::placeholder,
.mobile-search-input-wrap input::placeholder{
    color: #8e7a95;
}

.mobile-menu-search-card{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #faf6fc 100%);
    border: 1px solid rgba(142, 43, 178, 0.08);
}

.menu-toggle{
    flex-direction: column;
    gap: 5px;
}

.menu-toggle span{
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 999px;
    background: #fff4c7;
    transition: 0.2s ease;
}

.menu-toggle.is-active span:nth-child(1){
    transform: translateY(7px) rotate(45deg);
}

.menu-toggle.is-active span:nth-child(2){
    opacity: 0;
}

.menu-toggle.is-active span:nth-child(3){
    transform: translateY(-7px) rotate(-45deg);
}

/* About */
.about-section{
    margin-top: 6px;
}

.about-panel{
    padding: 28px 30px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.08);
    border-top: 5px solid var(--mustard-line);
}

.about-panel h2{
    margin: 0 0 14px;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.18;
    color: #1e2a44;
}

.about-panel p{
    margin: 0;
    font-size: 17px;
    line-height: 1.85;
    color: #6c5a73;
}

/* Footer */
.site-footer{
    margin-top: 44px;
    padding: 26px 0 30px;
    background: transparent;
}

.footer-inner{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)),
        linear-gradient(180deg, var(--purple-1) 0%, var(--purple-2) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    border-top: 5px solid var(--mustard-line);
}

.footer-brand{
    max-width: 620px;
}

.footer-logo{
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}

.footer-logo img{
    display: block;
    max-width: 260px;
    width: 100%;
    height: auto;
}

.footer-brand p{
    margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #f8ebff;
}

.footer-social-links{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    margin-top: 0;
}

.footer-social-links a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(255,255,255,0.08);
    color: #fff4c8;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.footer-social-links a:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,0.14);
    border-color: rgba(255,255,255,0.26);
    color: #ffffff;
}

.footer-links{
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.footer-links a{
    color: #fff2bf;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.footer-links a:hover{
    color: #ffffff;
}

/* Shared content shell used by single, auth, static and 404 pages. */

/* Single Game */
.single-game-page{
    padding-top: 26px;
    padding-bottom: 40px;
}

.single-game-page.container{
    width: min(1360px, calc(100% - 32px));
}

.single-game-card{
    background: transparent;
    color: #111827;
    border-radius: 26px;
    padding: 0;
    border: 0;
}

.single-game-top-shell{
    max-width: 1120px;
    margin: 0 auto 24px;
    padding: 18px 18px 22px;
    border-radius: 26px;
    background: linear-gradient(180deg, #ffffff 0%, #fcf9fe 100%);
    border: 1px solid rgba(122, 45, 160, 0.16);
}

/* =========================
   Üyelik paneli + hesap ikonu
   ========================= */
.header-auth-button{
    width: 48px;
    height: 48px;
    border: 2px solid var(--mustard-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    position: relative;
    transition: 0.2s ease;
}

.header-auth-button:hover{
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.18);
    border-color: #ffd15a;
}

.header-auth-button svg{
    width: 22px;
    height: 22px;
    display: block;
    fill: #fff4c7;
    transition: fill 0.2s ease, transform 0.2s ease;
}

.header-auth-button:hover svg{
    transform: scale(1.03);
}

.header-auth-button.is-logged-in{
    background: linear-gradient(180deg, rgba(255, 208, 82, 0.22), rgba(255, 190, 32, 0.14));
    border-color: rgba(255, 214, 100, 0.98);
}

.header-auth-button.is-logged-in svg{
    fill: #ffe18b;
}

.header-auth-indicator{
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.38);
}

.header-auth-button.is-logged-in .header-auth-indicator{
    background: #f4be00;
}

/* Account menu + member pages */
.header-account-wrap{
    position: relative;
}

.account-dropdown{
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    width: 270px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 40;
}

.account-dropdown.is-open{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.header-panel-account{
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(120, 42, 160, 0.12);
    border-top: 3px solid var(--mustard-line);
}

.header-panel-section-head--account{
    margin-bottom: 12px;
}

.account-dropdown-head{
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(120, 42, 160, 0.10);
}

.account-dropdown-avatar img,
.account-dropdown-avatar .avatar{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid rgba(120, 42, 160, 0.20);
}

.account-dropdown-meta{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.account-dropdown-meta strong{
    color: var(--text-dark);
    font-size: 15px;
    line-height: 1.2;
}

.account-dropdown-meta span{
    color: rgba(60, 35, 81, 0.72);
    font-size: 12px;
}

.header-panel-account--menu-like .header-dropdown-links a{
    display: block;
    padding: 14px 15px;
    border-radius: 16px;
    text-decoration: none;
    background: linear-gradient(180deg, #ffffff 0%, #fbf7fd 100%);
    border: 1px solid rgba(142, 43, 178, 0.07);
transition: 0.2s ease;
}

.header-panel-account--menu-like .header-dropdown-links a:hover{
    transform: translateY(-1px);
    border-color: rgba(239, 191, 26, 0.24);
    background: linear-gradient(180deg, #fffdf8 0%, #fbf2dc 100%);
}

@media (max-width: 991px) {
    .account-dropdown{
        width: 250px;
    }
}

@media (max-width: 767px) {
    .header-auth-button{
        display: none;
    }
}

/* Footer and global layout refinements. */
.footer-right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    margin-left: auto;
}

.footer-bottom{
    padding-top: 12px;
    padding-bottom: 0;
}

.footer-copyright{
    margin: 0;
    text-align: center;
    color: rgba(255, 244, 200, 0.92);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .footer-right{
        width: 100%;
        align-items: flex-start;
    }

    .footer-links{
        gap: 14px;
    }

    .footer-social-links{
        width: 100%;
    }

    .footer-social-links a{
        min-height: 36px;
        padding: 8px 13px;
    }

    .footer-bottom{
        padding-top: 10px;
        padding-bottom: 0;
    }
}

.auth-page-layout--member > *,
.auth-page-layout--guest > *,
.member-sidebar-profile > *,
.member-content-head > *,
.member-dashboard-grid > *,
.member-sidebar-stats > *,
.avatar-manager-card > *,
.game-comments-lockbox > *,
.header-top > *{
    min-width: 0;
}

.member-sidebar-meta h1,
.member-content-head h2{
    margin-top: 0;
}

.member-sidebar-meta p,
.member-content-head p{
    max-width: 100%;
}

.header-top > *,
.header-left > *,
.header-right > *,
.footer-inner > *,
.footer-bottom > *,
.top-shell > *,
.section-head > *,
.games-grid > *,
.home-games-grid > *,
.category-grid > *,
.related-games-grid > *,
.member-games-grid > *,
.single-game-header > *,
.single-game-header-main > *,
.single-game-header-tools > *,
.single-game-meta-strip > *,
.single-game-description-toolbar > *,
.game-comment-card > *,
.game-comment-actions > *{
    min-width: 0;
}

.game-tile-title,
.category-name,
.single-game-title,
.header-link-title,
.header-link-desc,
.game-comment-author,
.game-comment-content,
.game-comment-reply,
.game-comment-edit,
.game-comment-edit-button,
.game-comment-mention,
.static-page-title{
    overflow-wrap: anywhere;
    word-break: break-word;
}

img,
svg,
video,
canvas,
iframe{
    max-width: 100%;
}

/* Global background and overflow normalization. */
html,
body{
    background: linear-gradient(180deg, var(--purple-1) 0%, var(--purple-3) 45%, var(--purple-2) 100%) !important;
}

@supports (content-visibility: auto) {
    .game-tile,
.category-card,
.about-panel,
.game-comments-section{
        content-visibility: auto;
    }

    .game-tile{
        contain-intrinsic-size: 210px 210px;
    }

    .category-card{
        contain-intrinsic-size: 120px 112px;
    }

    .game-comments-section{
        contain-intrinsic-size: 420px;
    }
}

html.gsc-low-end-device .header-dropdown,
html.gsc-low-end-device .search-dropdown,
html.gsc-low-end-device .account-dropdown{
    transition: none;
    transform: none;
}

html.gsc-low-end-device .header-panel,
html.gsc-low-end-device .header-panel-account{
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

@media (max-width: 768px) {
    html.gsc-low-end-device .menu-toggle,
html.gsc-low-end-device .search-toggle,
html.gsc-low-end-device .menu-toggle span,
html.gsc-low-end-device .header-dropdown-links a{
        transition: none;
    }
}

/* Global UI text overflow hardening */
:where(.header-dropdown-links a, .header-panel-section-head, .account-dropdown-head, .account-dropdown-meta, .footer-brand, .footer-right, .footer-links, .footer-social-links, .section-head, .category-card, .single-game-header-main, .single-game-header-tools, .single-game-meta-strip, .single-game-meta-chips, .single-game-share-menu, .single-game-description-toolbar, .single-game-rating-box, .single-game-inline-toast, .game-comments-head, .game-comment-meta-row, .game-comment-author-line, .game-comment-actions, .game-comments-lockbox, .game-comments-lock-content, .game-comments-lock-actions, .auth-switcher, .auth-card-head, .auth-alert, .member-sidebar-profile, .member-sidebar-meta, .member-sidebar-stats, .member-content-head, .member-dashboard-card, .member-empty-state, .member-empty-actions, .avatar-manager-card, .static-page-head, .static-page-content) > *{
    min-width: 0;
}

:where(.header-panel-section-head span, .header-link-title, .header-link-desc, .footer-brand p, .footer-links a, .footer-social-links a, .footer-copyright, .section-head h1, .section-head h2, .section-head p, .category-name, .single-game-title, .single-game-rating-text, .single-game-rating-text strong, .single-game-meta-chip, .single-game-share-menu a, .single-game-share-copy, .game-warning, .single-game-inline-toast, .game-comments-title, .game-comment-author, .game-comment-time, .game-comment-content, .game-comment-content p, .game-comment-content a, .game-comment-mention, .game-comment-reply a, .game-comment-edit a, .game-comment-edit-button, .game-comment-vote-button, .game-comments-lock-content strong, .game-comments-lock-content p, .auth-card-head h1, .auth-card-head h2, .auth-card-head p, .auth-form-footnote, .auth-inline-badge, .auth-alert, .member-sidebar-meta h1, .member-sidebar-meta p, .member-stat-card strong, .member-stat-card span, .member-sidebar-link, .member-content-head h2, .member-content-head p, .member-dashboard-card strong, .member-dashboard-card span, .member-empty-state h3, .member-empty-state p, .pagination .page-numbers, .static-page-title, .static-page-content, .static-page-content p, .static-page-content li, .static-page-content blockquote, .static-page-content a){
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.header-dropdown-links a,
.single-game-share-menu a,
.single-game-share-copy,
.single-game-meta-chip,
.member-sidebar-link,
.game-comment-submit,
.game-comment-submit-secondary,
.game-comment-vote-button{
    white-space: normal;
    line-height: 1.35;
}

.footer-social-links a,
.auth-switcher-link,
.auth-submit-button,
.auth-submit-button-secondary,
.auth-link-button,
.auth-form-remove-avatar .auth-submit-button,
.auth-form-remove-avatar .auth-submit-button-secondary,
.member-empty-actions .game-comment-submit,
.pagination .page-numbers,
.single-game-rating-text,
.single-game-inline-toast{
    white-space: normal;
    line-height: 1.35;
    text-align: center;
}

/* Scoped overflow handling for navigation, member and content surfaces. */
:where(.header-panel, .account-dropdown, .account-dropdown-head, .header-dropdown-links, .header-dropdown-links a, .auth-page-shell, .auth-page-panel, .auth-page-panel--guest, .auth-page-top-shell, .member-sidebar-card, .member-content-card, .member-sidebar-profile, .member-sidebar-nav, .member-sidebar-link, .member-sidebar-stats, .member-stat-card, .avatar-manager-card, .avatar-manager-actions, .auth-form, .auth-form-compact, .auth-field, .auth-field span, .auth-field input, .auth-field textarea, .games-grid, .home-games-grid, .category-grid, .related-games-grid, .member-games-grid, .single-game-content, .single-game-header, .single-game-header-main, .single-game-description-box, .single-game-description-toolbar, .single-game-meta-strip, .single-game-meta-chips, .single-game-share-menu, .game-comments-section, .game-comment-card, .game-comment-content, .game-comments-lockbox, .game-comments-lock-content, .footer-inner, .footer-bottom, .footer-links, .footer-social-links, .static-page-shell, .static-page-head, .static-page-content){
    min-width: 0;
}

:where(.header-dropdown-links a, .header-link-title, .header-link-desc, .account-dropdown-meta, .account-dropdown-meta strong, .account-dropdown-meta span, .member-sidebar-meta, .member-sidebar-meta h1, .member-sidebar-meta p, .member-stat-card span, .member-stat-card strong, .member-sidebar-link, .auth-field span, .auth-field input, .auth-field textarea, .auth-alert, .auth-card-head p, .single-game-meta-chip, .single-game-share-menu a, .single-game-share-copy, .single-game-inline-toast, .game-comment-author, .game-comment-time, .game-comment-content, .game-comment-content p, .game-comment-content a, .game-comments-lock-content p, .game-comments-lock-content strong, .footer-links a, .footer-social-links a, .footer-brand p, .footer-copyright, .static-page-content, .static-page-content p, .static-page-content li, .static-page-content blockquote, .static-page-content a){
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.account-dropdown-avatar,
.account-dropdown-meta,
.member-sidebar-avatar,
.member-sidebar-meta{
    min-width: 0;
}

.account-dropdown-meta,
.member-sidebar-meta{
    flex: 1 1 auto;
    width: 100%;
}

.account-dropdown-meta strong,
.account-dropdown-meta span,
.member-sidebar-display-name{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-sidebar-display-name,
.member-sidebar-username{
    width: 100%;
    max-width: 100%;
}

.member-sidebar-link,
.header-dropdown-links a,
.single-game-share-menu a,
.single-game-share-copy,
.single-game-meta-chip,
.game-comment-submit,
.game-comment-submit-secondary,
.game-comment-vote-button,
.auth-submit-button,
.auth-submit-button-secondary,
.auth-link-button,
.auth-form-remove-avatar .auth-submit-button,
.auth-form-remove-avatar .auth-submit-button-secondary,
.member-empty-actions .game-comment-submit,
.pagination .page-numbers,
.single-game-inline-toast{
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 640px) {
    .account-dropdown-head,
.member-sidebar-profile{
        min-width: 0;
    }

    .account-dropdown-meta,
.member-sidebar-meta{
        min-width: 0;
    }
}