:root{--mobile-tap-min:44px;--mobile-input-h:48px;--mobile-nav-width:85vw;--mobile-nav-max:320px;--z-mobile-modal:320;--z-mobile-overlay:315}body.nav-open,body.mobile-modal-open{overflow:hidden;touch-action:none}@media (max-width:767px){html{font-size:16px}body{line-height:1.55}h1{font-size:var(--font-size-3xl);line-height:1.2}h2{font-size:var(--font-size-2xl);line-height:1.25}h3{font-size:var(--font-size-xl);line-height:1.3}h4{font-size:var(--font-size-lg);line-height:1.35}.page-header{padding-bottom:var(--space-4)}.main-content a:not(.btn):not(.nav-link):not(.dropdown-item):not(.nav-icon-link):not(.navbar-logo):not(.tab):not(.user-menu-trigger){text-decoration:underline;text-underline-offset:2px}.text-muted{color:var(--color-text-secondary)}}@media (max-width:767px){.btn,.btn-sm{min-height:var(--mobile-tap-min);min-width:var(--mobile-tap-min);padding-left:var(--space-4);padding-right:var(--space-4);font-size:var(--font-size-base)}.btn-lg{min-height:52px;font-size:var(--font-size-lg)}.nav-link,.dropdown-item{min-height:var(--mobile-tap-min);display:flex;align-items:center;padding-left:var(--space-4);padding-right:var(--space-4)}.nav-icon-link{min-height:var(--mobile-tap-min);min-width:var(--mobile-tap-min);display:inline-flex;align-items:center;justify-content:center}.nav-icon{width:20px;height:20px}.checkbox,.radio{width:22px;height:22px}.inline-form button,.inline-form .btn{margin-top:var(--space-2);margin-bottom:var(--space-2)}}@media (max-width:767px){.container{padding-left:var(--space-4);padding-right:var(--space-4);max-width:100%}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:1fr!important}.layout-sidebar,.dashboard-layout,.profile-layout,.settings-layout{display:block!important}.layout-sidebar>.sidebar,.dashboard-layout>.sidebar,.profile-layout>.sidebar,.settings-layout>.sidebar{position:static!important;width:100%!important;margin-top:var(--space-6);left:auto;transform:none}.card{padding:var(--space-4);border-radius:var(--radius-md)}.card-body{padding:var(--space-4)}.card-header{padding:var(--space-4)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer{padding-top:var(--space-6);padding-bottom:var(--space-8);font-size:var(--font-size-sm);text-align:center}.footer .container{padding:0 var(--space-4)}.footer a{display:inline-block;padding:var(--space-2) var(--space-3)}}@media (max-width:767px){.navbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-body);border-bottom:1px solid var(--color-border)}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);min-height:56px}.navbar-brand{position:static;display:flex;align-items:center;gap:var(--space-2);width:100%}.site-logo{max-height:32px}.navbar-logo{margin-right:auto}.navbar-mobile-guest-actions{display:flex;gap:var(--space-2);flex-shrink:0}.navbar-mobile-guest-actions .btn{min-height:40px;min-width:0;padding:0 var(--space-3);font-size:var(--font-size-sm)}.navbar-menu .navbar-actions>a[href="/login"],.navbar-menu .navbar-actions>a[href="/register"]{display:none}.navbar-toggle{display:flex;position:static;align-self:center}.navbar-toggle[aria-expanded="true"] .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-toggle[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0}.navbar-toggle[aria-expanded="true"] .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar-menu{position:fixed;top:0;left:0;bottom:0;width:var(--mobile-nav-width);max-width:var(--mobile-nav-max);height:100vh;height:100dvh;background:var(--color-bg-card);border-right:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-4);overflow-y:auto;transform:translateX(-105%);transition:transform var(--transition-base);z-index:var(--z-mobile-modal);display:flex;flex-direction:column;gap:var(--space-4)}.navbar-menu.open{transform:translateX(0);display:flex}.navbar-links{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.nav-link{width:100%;justify-content:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-lg)}.nav-link:hover{background:var(--color-bg-hover)}.nav-dropdown{width:100%;position:static;display:block!important}.nav-dropdown>button{width:100%;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--font-size-lg)}.nav-dropdown .user-menu-dropdown{position:static!important;display:none;min-width:0!important;width:100%;box-shadow:none;border:none;padding:0 0 var(--space-2) var(--space-6);background:#fff0}.nav-dropdown .user-menu-dropdown.open{display:block}.nav-dropdown .user-menu-dropdown .dropdown-item{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.navbar-actions{width:100%;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.navbar-search{order:-1;width:100%;display:flex;gap:var(--space-2)}.navbar-search-input{flex:1;min-height:var(--mobile-input-h);font-size:var(--font-size-base)}.navbar-search-btn{min-width:var(--mobile-tap-min)}.user-menu{width:100%;position:static}.user-menu-trigger{width:100%;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.user-menu-name{flex:1}.user-menu-dropdown{position:static!important;width:100%;box-shadow:none}.user-menu-dropdown.open{display:block!important;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-2)}.user-menu-dropdown .dropdown-item{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.nav-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .55);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:var(--z-mobile-overlay)}body.nav-open .nav-overlay{opacity:1;pointer-events:auto}}html.is-mobile-ua .theme-switcher-item,html.is-mobile-ua #themeSwitcherGuest{display:none!important}.navbar-mobile-guest-actions{display:none}@media (max-width:767px){.form-input,.form-select,textarea.form-input{width:100%;min-height:var(--mobile-input-h);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4)}textarea.form-input{min-height:120px}.form-row{flex-direction:column;gap:var(--space-4)}.form-col{flex:1 1 100%;width:100%}.form-label{font-size:var(--font-size-base);margin-bottom:var(--space-2)}}.mobile-intro-modal{display:none;position:fixed;inset:0;background:var(--color-bg-modal-overlay);z-index:var(--z-mobile-modal);align-items:center;justify-content:center;padding:var(--space-4)}.mobile-intro-modal.open{display:flex}.mobile-intro-card{background:var(--color-bg-card);border:1px solid var(--color-primary);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);max-width:480px;width:100%;color:var(--color-text-primary);text-align:left}.mobile-intro-logo{display:flex;justify-content:center;margin-bottom:var(--space-5)}.mobile-intro-logo img{max-height:64px;max-width:70%;height:auto;width:auto;object-fit:contain}.mobile-intro-card h2{margin-top:0;margin-bottom:var(--space-4);font-size:var(--font-size-2xl);color:var(--color-primary);text-align:center}.mobile-intro-card p{margin-bottom:var(--space-5);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary)}.mobile-intro-actions{display:flex;justify-content:center}.mobile-intro-actions .btn{min-height:48px;min-width:160px}@media (max-width:575px){.mobile-intro-modal{padding:0;align-items:stretch}.mobile-intro-card{border-radius:0;border:none;max-width:none;height:100dvh;height:100vh;display:flex;flex-direction:column;justify-content:center}}.desktop-only-notice{display:none}@media (max-width:767px){.desktop-only-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-toast-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5}.desktop-only-notice-icon{flex-shrink:0;color:var(--color-warning);font-size:var(--font-size-xl)}}@media (max-width:767px){.forum-row,.forum-list-item,.category-forum{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.forum-row .forum-stats,.forum-list-item .forum-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.thread-row,.thread-list-item{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.thread-row .thread-meta,.thread-list-item .thread-meta{flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm)}.post-card,.forum-post{display:flex;flex-direction:row;gap:var(--space-2);padding:var(--space-3);margin-left:0!important}.post-card[data-depth="1"]{border-left:2px solid var(--color-border);padding-left:var(--space-4)}.post-card[data-depth="2"],.post-card[data-depth="3"],.post-card[data-depth="4"],.post-card[data-depth="5"]{border-left:2px solid var(--color-border);padding-left:var(--space-5)}.post-card .vote-widget,.forum-post .vote-widget{flex-shrink:0;min-width:32px;margin-right:0}.post-card .vote-btn{min-height:32px;min-width:32px;font-size:var(--font-size-sm)}.post-card .vote-score{font-size:var(--font-size-sm)}.post-card .post-body,.forum-post .post-body{flex:1;min-width:0;width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.post-card .post-header,.forum-post .post-header{flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm)}.post-card img,.forum-post img,.post-body img,.post-content img{max-width:100%;height:auto}.post-body pre,.post-content pre{overflow-x:auto;max-width:100%;font-size:var(--font-size-sm)}.post-actions,.post-meta,.post-awards,.reaction-bar{flex-wrap:wrap;gap:var(--space-2);opacity:1!important}.wysiwyg-editor,.wysiwyg,.post-editor,.thread-compose textarea{min-height:200px}.editor-toolbar{flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2)}.editor-toolbar .btn,.editor-toolbar button{min-height:40px;min-width:40px;padding:var(--space-2)}.msg-list-item,.conversation-row{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.msg-list-item .avatar,.conversation-row .avatar{flex-shrink:0}.msg-conv-header{position:sticky;top:56px;z-index:var(--z-sticky);background:var(--color-bg-body);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.msg-conv-messages{padding:var(--space-3);overflow-y:auto}.msg-conv-composer,.message-compose{position:sticky;bottom:0;background:var(--color-bg-body);border-top:1px solid var(--color-border);padding:var(--space-3);display:flex;gap:var(--space-2);align-items:flex-end}.msg-conv-composer textarea,.message-compose textarea{flex:1;min-height:48px;max-height:30vh;resize:none}.profile-header{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.profile-header .avatar-xl{width:96px;height:96px}.tab-list,.profile-tabs,.settings-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-1);padding-bottom:var(--space-1);scrollbar-width:none}.tab-list::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar,.settings-tabs::-webkit-scrollbar{display:none}.tab,.profile-tabs>a,.settings-tabs>a{flex-shrink:0;min-height:var(--mobile-tap-min);padding:var(--space-3) var(--space-4);white-space:nowrap}.friend-grid,.friends-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--space-3)}.friend-card{padding:var(--space-3)}.stats-totals,.stat-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-tile,.stat-card{padding:var(--space-3);text-align:center}.stat-tile .stat-value,.stat-card .stat-value{font-size:var(--font-size-2xl)}.leaderboard,.top-list{display:flex;flex-direction:column;gap:0}.leaderboard-row,.top-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);min-height:var(--mobile-tap-min)}.leaderboard-row .rank,.top-list-row .rank{flex-shrink:0;min-width:2rem;font-variant-numeric:tabular-nums}.leaderboard-row .name,.top-list-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row .metric,.top-list-row .metric{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.online-list,.last-callers{display:flex;flex-direction:column}.online-user,.last-caller-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.file-list,.file-grid,.files-table{display:flex!important;flex-direction:column;gap:0}.file-row,.file-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.file-card .file-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.file-card .file-actions{margin-top:var(--space-2)}.files-table thead{display:none}.files-table tbody,.files-table tr,.files-table td{display:block;width:100%}.files-table tr{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.files-table td{padding:var(--space-1) 0}.event-grid,.achievements-grid,.bbs-list,.bbs-grid{grid-template-columns:1fr!important;display:grid;gap:var(--space-3)}.event-card,.achievement-card,.bbs-card{padding:var(--space-4)}.achievement-card .achievement-icon,.event-card .event-icon{font-size:2rem}.breadcrumbs{flex-wrap:wrap;gap:var(--space-1);font-size:var(--font-size-sm);padding:var(--space-2) 0}.table-scroll,.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.card-body img,.card-body video{max-width:100%;height:auto}.card-body pre{overflow-x:auto;max-width:100%}.card-body table{display:block;overflow-x:auto;max-width:100%}}