.side-modal,.side-modal-content,body.modal-open,html.modal-open{overflow:hidden;height:100%}:root{--bg-modal:#14141F;--bg-sidebar:#1C1D29;--bg-summary:#23253A;--bg-summary-hover:#2E2F4B;--text-primary:#E4E4E7;--text-highlight:#FFD100;--text-hover:#FFFFFF;--divider:#343544;--scroll-thumb:transparent;--scroll-track:transparent}.btn-open{position:fixed;top:80px;left:20px;z-index:1001;padding:.5rem 1rem;background:var(--text-highlight);border:none;border-radius:4px;color:#222;font-weight:700;cursor:pointer}.side-modal{position:fixed;top:0;left:0;width:360px;max-width:100vw;background:rgba(0,0,0,.6);transform:translateX(-100%);transition:transform .3s;z-index:1000;will-change:transform}.side-modal.open{transform:translateX(0)}.side-modal-content{width:100%;background:var(--bg-modal);display:flex;flex-direction:column}.game-accordion>summary,.modal-header{display:flex;background:var(--bg-summary)}.modal-header{padding:1rem;border-bottom:1px solid var(--text-highlight);justify-content:space-between;align-items:center}.game-accordion,.service-list>li{border-bottom:1px solid var(--divider)}.modal-header h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--text-highlight);letter-spacing:.5px}.close-btn{font-size:1.5rem;cursor:pointer;color:#ccc;transition:color .2s}.close-btn:hover,.service-list a:hover{color:var(--text-hover)}.cat-accordion ul li a:hover,.game-accordion>summary,.service-list a,.sub-accordion>summary::after{color:var(--text-highlight)}.modal-sidebar{flex:1;background:var(--bg-sidebar);color:var(--text-primary);padding:1rem;font-family:'Segoe UI',sans-serif;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.modal-sidebar li,.modal-sidebar ul{list-style:none;margin:0;padding:0}.game-accordion{margin-bottom:1.5rem}.game-accordion>summary{align-items:center;padding:.75rem 1rem .75rem 2.5rem;border-radius:4px;font-weight:700;cursor:pointer;position:relative;transition:background .2s}.cat-accordion ul li a,.service-list a{text-decoration:none;transition:color .2s}.cat-accordion>summary:hover,.game-accordion>summary:hover,.sub-accordion>summary:hover{background:var(--bg-summary-hover)}.game-accordion>summary::-webkit-details-marker{display:none}.game-accordion>summary::after{content:'+';position:absolute;right:1rem;font-size:1.1rem;line-height:1;transition:transform .2s}.cat-accordion>summary::after,.sub-accordion>summary::after{position:absolute;right:1rem;font-size:1rem;line-height:1;transition:transform .2s}.cat-accordion[open]>summary::after,.game-accordion[open]>summary::after{content:'−'}.service-list{margin-top:.75rem;padding-left:1.5rem}.service-list>li{padding:.5rem 0}.service-list a{font-weight:600}.cat-accordion{margin-bottom:.75rem}.cat-accordion>summary,.sub-accordion>summary{display:flex;align-items:center;padding:.5rem .75rem .5rem 2.5rem;background:var(--bg-summary);border-radius:4px;font-size:.95rem;font-weight:700;color:var(--text-highlight);cursor:pointer;position:relative;transition:background .2s}.cat-accordion>summary::-webkit-details-marker{display:none}.cat-accordion>summary::after{content:'+'}.cat-accordion ul{margin-top:.5rem;margin-left:1.5rem}.cat-accordion ul li{margin-bottom:.5rem}.cat-accordion ul li a{color:var(--text-primary);font-size:.95rem}.modal-sidebar::-webkit-scrollbar{width:8px}.modal-sidebar::-webkit-scrollbar-track{background:var(--scroll-track)}.modal-sidebar::-webkit-scrollbar-thumb{background-color:red;border-radius:3px;border:2px solid var(--bg-sidebar)}.btn-browse{position:fixed;top:20px;left:20px;z-index:10001;padding:.5rem 1rem;background:var(--text-highlight);color:#222;font-weight:700;border:none;border-radius:24px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:background .2s,transform .2s}.btn-browse:hover{background:#e6c500;transform:translateY(-1px)}.sub-accordion>summary::-webkit-details-marker{display:none}.sub-accordion>summary::before{content:none}.sub-accordion>summary::after{content:'+'}.sub-accordion[open]>summary::after{content:'–'}body.modal-open{margin-left:0!important}.active-service{font-weight:700;color:red;text-decoration:underline}@media (min-width:1024px){html.modal-open .vs-page__main{margin-left:360px;width:calc(100% - 360px);transition:margin-left .3s,width .3s}}@media (max-width:1023px){.side-modal{width:100vw}.side-modal.open{width:100%}html.modal-open .vs-page__main{margin-left:0!important;width:100%!important}}