body{margin:0;-webkit-tap-highlight-color:transparent}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-page .login-box{width:100%;max-width:360px;margin:0}.content-wrapper{min-height:calc(100vh - 57px);min-height:calc(100dvh - 57px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.page-head h1{margin:0;font-size:1.35rem;font-weight:600}.page-head-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.page-head-actions .form-control{width:180px;min-height:34px;height:34px}.card-tight .card-body{padding:.85rem 1rem}.card-tight .card-header{padding:.55rem 1rem}.games-table tbody tr.game-row{cursor:pointer}.games-table tbody tr.game-row:hover{background:#f4f6f9}.game-row-mobile{padding:.75rem 1rem;border-bottom:1px solid #e9ecef;cursor:pointer}.game-row-mobile:active{background:#f4f6f9}.game-mobile-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;font-size:.85rem}.game-mobile-meta span{color:#6c757d;display:block;font-size:.75rem}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1035;background:#00000073}body.sidebar-open .sidebar-overlay{display:block}.main-header .nav-link{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.form-control{min-height:38px}.game-icon,.game-icon-sm,.game-icon-lg{object-fit:cover;flex-shrink:0;border-radius:8px}.game-icon{width:40px;height:40px}.game-icon-sm{width:32px;height:32px;border-radius:6px}.game-icon-lg{width:72px;height:72px;border-radius:10px}.game-icon-placeholder{display:flex;align-items:center;justify-content:center;background:#e9ecef;color:#6c757d}.apyg-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:1rem}.apyg-modal{background:#fff;border-radius:8px;width:100%;max-width:520px;max-height:90vh;overflow:auto;box-shadow:0 10px 40px #0003}.apyg-modal-header,.apyg-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #dee2e6}.apyg-modal-footer{border-bottom:0;border-top:1px solid #dee2e6;justify-content:flex-end;gap:.5rem}.apyg-modal-body{padding:1rem}.apyg-modal-body .form-group{margin-bottom:.75rem}@media(max-width:767.98px){.content-wrapper>.content{padding-left:.5rem!important;padding-right:.5rem!important}.page-head-actions{width:100%}.page-head-actions .form-control{flex:1;width:auto}body:not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .content-wrapper,body:not(.sidebar-mini-md):not(.sidebar-mini-xs).sidebar-collapse .main-header{margin-left:0!important}}.faq-code{background:#1e293b;color:#e2e8f0;padding:.85rem 1rem;border-radius:8px;font-size:.8rem;overflow-x:auto;white-space:pre}.metric-chips{display:flex;flex-wrap:wrap;gap:.4rem}.metric-chip{border:1.5px solid;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;background:#fff;cursor:pointer;transition:transform .1s ease}.metric-chip:hover{transform:translateY(-1px)}.metric-chip.active{box-shadow:0 2px 8px #0000001f}.time-range-picker{display:inline-flex;flex-wrap:wrap;gap:.25rem;background:#f1f3f5;border-radius:8px;padding:.2rem}.time-range-btn{border:none;background:transparent;color:#495057;font-size:.78rem;font-weight:600;padding:.3rem .55rem;border-radius:6px;cursor:pointer;line-height:1.2;white-space:nowrap}.time-range-btn:hover{background:#ffffffb3;color:#212529}.time-range-btn.active{background:#fff;color:#0d6efd;box-shadow:0 1px 3px #0000001a}.time-range-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.time-range-nav{display:inline-flex;align-items:center;gap:.25rem;max-width:100%}.time-range-nav-btn{width:28px;height:28px;border:1px solid #dee2e6;background:#fff;border-radius:6px;font-size:1.1rem;line-height:1;cursor:pointer;color:#495057;padding:0}.time-range-nav-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.time-range-nav-btn:disabled{opacity:.4;cursor:default}.time-range-nav-label{font-size:.82rem;font-weight:600;color:#343a40;min-width:7.5rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .25rem}.metrics-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-bottom:.75rem}.card-body.table-responsive thead th{position:sticky;top:0;background:#fff;z-index:1;box-shadow:inset 0 -1px #dee2e6}.metric-tile{border:1px solid;border-radius:10px;padding:.65rem .75rem;height:100%}.metric-tile-label{font-size:.75rem;color:#495057;margin-bottom:.15rem}.metric-tile-value{font-size:1.35rem;font-weight:700;line-height:1.2}.rank-badge{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background:#e9ecef;color:#495057}.rank-badge.rank-1{background:#ffc107;color:#212529}.rank-badge.rank-2{background:#ced4da;color:#212529}.rank-badge.rank-3{background:#fd7e14;color:#fff}@supports (padding: max(0px)){.main-header{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}