.app-sidebar{width:240px;flex-shrink:0;height:100%;background:var(--dark-base-secondary);border-right:1px solid var(--neutral-800);display:flex;flex-direction:column;z-index:50;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1)}.app-sidebar--collapsed{width:56px}.app-sidebar__label{opacity:1;white-space:nowrap;overflow:hidden;max-width:180px;transition:opacity .1s ease,max-width .22s cubic-bezier(.4,0,.2,1)}.app-sidebar--collapsed .app-sidebar__label{opacity:0;max-width:0;pointer-events:none}.app-sidebar__topbar{display:flex;align-items:center;height:var(--header-height);padding:0 var(--spacing-sm) 0 var(--spacing-md);border-bottom:1px solid var(--neutral-800);flex-shrink:0;gap:var(--spacing-xs)}.app-sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:var(--neutral-600);cursor:pointer;flex-shrink:0;transition:color .15s ease,background .15s ease}.app-sidebar__collapse-btn:hover{color:var(--neutral-300);background:rgba(255,255,255,.04)}.app-sidebar__collapse-btn svg{transition:transform .22s cubic-bezier(.4,0,.2,1);flex-shrink:0}.app-sidebar--collapsed .app-sidebar__collapse-btn svg{transform:rotate(180deg)}.app-sidebar--collapsed .app-sidebar__topbar{flex-direction:column;align-items:center;height:auto;padding:var(--spacing-sm) 0;gap:var(--spacing-xs)}.app-sidebar__tabs{display:flex;gap:var(--spacing-xs);flex:1;min-width:0;flex-shrink:0}.app-sidebar__tab-icon{flex-shrink:0}.app-sidebar__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:6px var(--spacing-sm);border-radius:6px;font-size:var(--text-sm);font-weight:600;border:1px solid var(--neutral-800);background:var(--neutral-900);color:var(--neutral-400);cursor:pointer;transition:all .15s ease;text-decoration:none}.app-sidebar__tab:not(.app-sidebar__tab--active){border-color:color-mix(in srgb,var(--accent-100) 30%,var(--neutral-800));color:var(--neutral-400)}.app-sidebar__tab--scratch:not(.app-sidebar__tab--active){border-color:color-mix(in srgb,var(--scratch-accent-100) 30%,var(--neutral-800))}@media (hover:hover){.app-sidebar__tab:not(.app-sidebar__tab--active):hover{color:white;border-color:var(--accent-100);background:var(--accent-100)}.app-sidebar__tab--scratch:not(.app-sidebar__tab--active):hover{color:white;border-color:var(--scratch-accent-100);background:var(--scratch-accent-100)}}.app-sidebar__tab--active{color:var(--foreground);background:var(--neutral-700);border-color:var(--neutral-600)}.app-sidebar__tab--disabled{color:var(--neutral-400);background:var(--neutral-900);border:1px solid var(--neutral-800);cursor:not-allowed}.app-sidebar__tab-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:white;background:var(--accent-100);padding:2px 5px;border-radius:4px;line-height:1.3}.app-sidebar--collapsed .app-sidebar__tabs{flex-direction:column;padding:0;gap:2px}.app-sidebar--collapsed .app-sidebar__tab{flex:none;width:36px;height:36px;padding:0;margin:0 auto;border-radius:var(--radius-btn);border:none;background:transparent;gap:0}.app-sidebar--collapsed .app-sidebar__tab--active{background:var(--neutral-700)}.app-sidebar--collapsed .app-sidebar__tab-badge{display:none}.app-sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-sidebar__section{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.app-sidebar__section-title{display:flex;align-items:center;gap:6px;font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--neutral-600);padding:var(--spacing-xs) var(--spacing-lg)}.app-sidebar__section-badge{font-size:9px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:9999px;line-height:1;white-space:nowrap}.app-sidebar__section-badge--scratch{color:var(--scratch-accent-100);background:color-mix(in oklch,var(--scratch-accent-100) 15%,transparent)}.app-sidebar__section-badge--games{color:var(--accent-200);background:color-mix(in oklch,var(--accent-200) 15%,transparent)}.app-sidebar--collapsed .app-sidebar__section-title{opacity:0;height:0;padding:0;overflow:hidden}.app-sidebar__nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:.85rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--neutral-400);background:transparent;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden;text-decoration:none}.app-sidebar__nav-item:hover{background:rgba(255,255,255,.04);color:var(--neutral-100)}.app-sidebar__nav-item--active,.app-sidebar__nav-item--active:hover{color:var(--neutral-100);background:var(--neutral-900)}.app-sidebar__nav-item--disabled{opacity:.35;cursor:default;pointer-events:none}.app-sidebar__soon-badge{margin-left:auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);background:var(--neutral-800);padding:1px 6px;border-radius:4px;line-height:1.4}.app-sidebar__nav-item img{filter:brightness(0) invert(.65);transition:filter .15s ease}.app-sidebar__nav-item:hover img{filter:brightness(0) invert(.9)}.app-sidebar__nav-item--active img{filter:brightness(0) invert(1)}.app-sidebar__separator{display:none}.app-sidebar--collapsed .app-sidebar__nav-item{justify-content:center;gap:0;width:36px;height:36px;padding:0;margin:0 auto;border-radius:var(--radius-btn)}.app-sidebar--collapsed .app-sidebar__nav-item img{width:20px;height:20px}.app-sidebar__nav-item svg{flex-shrink:0;opacity:.7}.app-sidebar__nav-item--active svg{opacity:1}@media (max-width:1023px){.app-sidebar{position:fixed;top:0;left:0;bottom:var(--mobile-bottom-bar-height,56px);height:auto;width:240px!important;transform:translateX(-100%);transition:transform .2s ease-out;z-index:100}.app-sidebar--open{transform:translateX(0)}.app-sidebar__collapse-btn{display:none}.app-sidebar__overlay{position:fixed;inset:0;bottom:var(--mobile-bottom-bar-height,56px);background:rgba(0,0,0,.6);z-index:99}}@media (min-width:1024px){.app-sidebar__overlay{display:none}}.sidebar-cta{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--spacing-md);margin:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);padding:var(--spacing-lg);border-radius:12px;text-decoration:none;position:relative;min-height:110px;cursor:pointer}.sidebar-cta--games{background:linear-gradient(135deg,var(--accent-300) 0,var(--accent-100) 100%)}.sidebar-cta--scratch{background:linear-gradient(135deg,var(--scratch-accent-300) 0,var(--scratch-accent-100) 100%)}.sidebar-cta__img{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:100px;height:100px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}.sidebar-cta--games .sidebar-cta__img{width:112px;height:112px;top:-65px}.sidebar-cta__text{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-xs);position:relative;z-index:1}.sidebar-cta__title{font-family:var(--font-display);font-variation-settings:"wdth" 500;font-weight:800;font-size:1.15rem;line-height:1.15;text-transform:uppercase;color:white}.sidebar-cta__desc{font-size:var(--text-xs);color:rgba(255,255,255,.7);line-height:1.3}.sidebar-cta__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-md);background:white;color:var(--accent-300);font-weight:700;font-size:var(--text-sm);border:none;border-radius:var(--radius-btn);cursor:pointer;width:fit-content;position:relative;z-index:1;transition:opacity .15s ease}.sidebar-cta--scratch .sidebar-cta__btn{color:var(--scratch-accent-300)}.app-sidebar--collapsed .sidebar-cta{display:none}.app-sidebar__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--neutral-800)}.app-sidebar__socials{display:flex;align-items:center;gap:var(--spacing-xs)}.app-sidebar__social{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-btn);border:1px solid var(--neutral-800);background:var(--neutral-900);color:var(--neutral-400);transition:color .15s ease,background .15s ease;text-decoration:none}.app-sidebar__social:hover{color:var(--neutral-100);background:var(--neutral-800)}.app-sidebar__footer-expanded{display:flex;align-items:center;gap:var(--spacing-xs)}.app-sidebar--collapsed .app-sidebar__footer{justify-content:center;padding:var(--spacing-sm)}.app-sidebar--collapsed .app-sidebar__footer-expanded{display:none}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-bottom-bar-height,56px);background:var(--dark-base-primary);border-top:1px solid var(--neutral-800);align-items:stretch;z-index:101;padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:1023px){.mobile-bottom-bar{display:flex}}.mobile-bottom-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--neutral-500);font-size:.625rem;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:color .15s ease;padding:6px 4px;text-decoration:none}.mobile-bottom-bar__item:active{background:rgba(255,255,255,.04)}.mobile-bottom-bar__item img,.mobile-bottom-bar__item svg{opacity:.6;filter:brightness(0) invert(.5)}.mobile-bottom-bar__item--active{color:var(--accent-200)}.mobile-bottom-bar__item--active img,.mobile-bottom-bar__item--active svg{opacity:1;filter:brightness(0) invert(.7)}