@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(-10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:IBM Plex Sans,sans-serif}:root{--sidebar-width: 240px;--topbar-height: 48px}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");z-index:9999}.workspace{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh;overflow:hidden;transition:grid-template-columns .2s ease}.workspace.sidebar-collapsed{grid-template-columns:60px 1fr}.sidebar{grid-row:1 / -1;display:flex;flex-direction:column;background:#0e0e10;border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line) transparent;position:relative}.sidebar-header{padding:.75rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text)}.brand-icon{width:1.75rem;height:1.75rem;color:var(--primary)}.brand-text{font-family:Chakra Petch,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.05em}.sidebar.collapsed{width:60px;min-width:60px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-section-title,.sidebar.collapsed .game-name,.sidebar.collapsed .sidebar-footer .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.5rem}.sidebar.collapsed .sidebar-game-link{justify-content:center;padding:.35rem}.sidebar.collapsed .sidebar-game-link .game-name{display:none}.sidebar.collapsed .sidebar-game-link .game-dot{margin:0}.sidebar.collapsed .sidebar-header{padding:.75rem .5rem;display:flex;justify-content:center}.sidebar.collapsed .sidebar-footer{padding:.5rem}.sidebar.collapsed~.main-area{margin-left:0}.sidebar-nav{display:flex;flex-direction:column;padding:.5rem;gap:.15rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--muted);font-size:.85rem;transition:all .1s ease}.nav-item:hover{background:var(--bg-elevated);color:var(--text)}.nav-item.active{background:var(--primary);color:#fff}.nav-icon{font-size:1rem;width:1.25rem;text-align:center}[data-admin-link]{display:none}.nav-label{font-weight:500}.sidebar-section{padding:.5rem;border-top:1px solid var(--line);flex:1;overflow-y:auto}.sidebar-section-title{font-family:Chakra Petch,sans-serif;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:.4rem .6rem;margin:0}.sidebar-games{display:flex;flex-direction:column;gap:.1rem}.sidebar-game-link{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text-soft);font-size:.8rem;transition:all .1s ease}.sidebar-game-link:hover{background:var(--bg-elevated);color:var(--text)}.sidebar-game-link.active{background:var(--bg-panel);color:var(--primary)}.game-dot{width:6px;height:6px;border-radius:50%;background:var(--line);flex-shrink:0}.sidebar-game-link.active .game-dot{background:var(--primary)}.sidebar-footer{padding:.5rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.15rem}.sidebar-edge-toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);width:12px;height:48px;background:var(--bg-panel, hsl(240 5% 14%));border:1px solid var(--line, hsl(30 4% 22%));border-right:none;border-radius:var(--radius-sm, 4px) 0 0 var(--radius-sm, 4px);color:var(--muted, hsl(30 8% 55%));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:11;padding:0}.sidebar-edge-toggle:hover{background:var(--bg-elevated, hsl(240 5% 12%));color:var(--primary, hsl(18 80% 55%));width:14px}.sidebar-edge-arrow{transition:transform .2s ease}.sidebar.collapsed .sidebar-edge-arrow{transform:rotate(180deg)}button.sidebar-toggle.sidebar-toggle-mobile{display:none!important}@media(max-width:768px){button.sidebar-toggle.sidebar-toggle-mobile{display:flex!important}.sidebar-edge-toggle{display:none}}.main-area{display:flex;flex-direction:column;overflow:hidden}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:var(--topbar-height);padding:0 1rem;background:var(--bg-soft);border-bottom:1px solid var(--line);flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:.75rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border:1px solid var(--line);color:var(--text);font-size:1.3rem;font-weight:700;cursor:pointer;width:36px;height:36px;border-radius:var(--radius-sm);transition:all .15s ease;flex-shrink:0;position:relative;z-index:101}.sidebar-toggle:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.sidebar-toggle[data-icon=open]{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-toggle[data-icon=open]:hover{background:#cf4e17}.breadcrumbs{display:flex;gap:.3rem;font-family:Chakra Petch,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs span{color:var(--line)}.top-bar-center{flex:1;max-width:400px;position:relative}.global-search{width:100%;padding:.4rem .75rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:.85rem;font-family:IBM Plex Sans,sans-serif}.global-search:focus{outline:none;border-color:var(--primary)}.global-search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;margin-top:4px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden}.search-suggestion{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line-soft);transition:background .1s;cursor:pointer}.search-suggestion:last-child{border-bottom:none}.search-suggestion:hover,.search-suggestion.active{background:var(--bg-elevated)}.search-sug-icon{font-size:.9rem;flex-shrink:0}.search-sug-text{flex:1;min-width:0;display:flex;flex-direction:column}.search-sug-name{font-size:.82rem;font-weight:600;font-family:Chakra Petch,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-sug-sub{font-size:.7rem;color:var(--muted)}.search-sug-all{font-family:Chakra Petch,sans-serif;font-size:.72rem;font-weight:600;color:var(--primary);justify-content:flex-start}.top-bar-right{display:flex;align-items:center;gap:.5rem}.top-points{font-family:Chakra Petch,sans-serif;font-size:.75rem;font-weight:700;color:var(--primary);letter-spacing:.05em;white-space:nowrap}.top-btn{padding:.35rem .75rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-family:Chakra Petch,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:transform .1s ease}.top-btn:hover{transform:translate(1px,1px)}.top-btn-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-size:1rem;text-decoration:none;transition:all .15s ease}.top-btn-icon:hover{border-color:var(--primary);color:var(--primary)}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90}.sidebar-overlay.visible{display:block}@media(max-width:768px){.workspace{grid-template-columns:1fr}.sidebar{position:fixed;left:calc(-1 * var(--sidebar-width));top:0;bottom:0;width:var(--sidebar-width);z-index:100;transition:left .2s ease}.sidebar.open{left:0}.top-bar-center{display:none}.content{padding:1rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}::selection{background:#e868304d;color:var(--text)}a{color:inherit}img{max-width:100%}.genre-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.filter-btn{padding:.4rem .8rem;background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-soft);font-family:Chakra Petch,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .15s ease}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}