html.dark-mode{--background: #121722;--surface: #1a2130;--surface-light: #242d42;--text-primary: #F2F5FA;--text-secondary: #E1E6F2;--text-muted: #2A303E;--gradient-surface: linear-gradient(135deg, rgba(26, 33, 48, .5) 0%, rgba(18, 23, 34, .5) 100%);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}html.dark-mode .navbar{background:var(--surface);border-bottom:1px solid rgba(255,255,255,.1)}html.dark-mode .text-dark,html.dark-mode .offcanvas-header .btn-close,html.dark-mode .offcanvas-header .header-btn{color:#fff!important}html.dark-mode .card{border:1px solid rgba(255,255,255,.1)}html.dark-mode .btn-outline{border:1px solid rgba(255,255,255,.2)}html.dark-mode .btn-outline:hover{background:#ffffff1a;border-color:#ffffff4d}html.dark-mode .btn-outline:active{background:#ffffff26}html.dark-mode .page-footer{border-top:1px solid rgba(255,255,255,.1)}html.dark-mode .page-footer .footer-link:hover{background:#ffffff0d}html.dark-mode .page-footer .btn-outline-light{border-color:#fff3}html.dark-mode .page-footer .btn-outline-light:hover{background:#ffffff1a;border-color:#ffffff4d}html.dark-mode .bg-game{background:#1e2537;border:1px solid rgba(78,143,251,.15)}html.dark-mode .bg-game .card-body{color:#fff}html.dark-mode .text-game-light{color:#9fb4e7}html.dark-mode .bg-game-light{background:#9fb4e7}html.dark-mode a{color:#fff}html.dark-mode .list-group-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}html.dark-mode .form-control::placeholder{color:#90a6dc!important}html.dark-mode .tippy-item:hover{background:#ffffff0d}html.dark-mode .tippy-divider{background:#ffffff1a}html.dark-mode .footer-link,html.dark-mode .settings-nav a.nav-link{background:#202e3c}html.dark-mode .settings-nav a.nav-link.active,html.dark-mode .settings-nav a.nav-link:hover{background:#283a4b;color:#fff!important}html.dark-mode .text-muted{color:#a6b1bd!important}html.dark-mode #empty-state{background:#ffffff0d;border:1px dashed rgba(255,255,255,.2)}html.dark-mode .form-control,html.dark-mode .btn-form-control,html.dark-mode .form-select{background-color:#1e253a;border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 2px 4px #0000001a}html.dark-mode .form-control:hover,html.dark-mode .btn-form-control:hover,html.dark-mode .form-select:hover{background-color:#212a42;border-color:#fff3}html.dark-mode .form-control:focus,html.dark-mode .btn-form-control:focus,html.dark-mode .form-select:focus{background-color:#232b43;box-shadow:0 0 0 2px #4e8ffb4d,0 2px 6px #0003;color:#fff;border-color:#4e8ffb80}html.dark-mode .form-control::placeholder,html.dark-mode .btn-form-control::placeholder,html.dark-mode .form-select::placeholder{color:#ffffff80}html.dark-mode .form-control:disabled,html.dark-mode .btn-form-control:disabled,html.dark-mode .form-select:disabled{background-color:#252e44;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}html.dark-mode .form-text{color:#fff9}html.dark-mode .console:hover{box-shadow:0 10px 30px #0000004d}html.dark-mode .console .console-icon{color:#ffffffb3}html.dark-mode .console:hover .console-icon{color:#ffffffe6}html.dark-mode .active-console{background:linear-gradient(135deg,#0f5132e6,#0f5132bf)!important;box-shadow:0 0 20px #3cd78a4d!important}html.dark-mode .active-console .console-icon{color:#fff}html.dark-mode .active-console:hover{box-shadow:0 0 25px #3cd78a66!important}html.dark-mode .game{color:#fff}html.dark-mode .game:hover{background-color:#ffffff0d!important}html.dark-mode .game .game-dropdown{color:#ffffffb3}html.dark-mode .game:hover .game-dropdown{color:#fff}html.dark-mode .empty-games-message{color:#ffffffb3}html.dark-mode .offcanvas{background:#1a2130cc!important;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a}html.dark-mode .offcanvas:after{background:linear-gradient(90deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 50%,transparent 100%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}html.dark-mode .offcanvas .offcanvas-header{border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff08}html.dark-mode .offcanvas .offcanvas-header .offcanvas-title{color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.3)}html.dark-mode .offcanvas .offcanvas-header .header-btn:hover{background-color:#ffffff1a}html.dark-mode .offcanvas .offcanvas-header .header-btn.active{background-color:#4e8ffb4d}html.dark-mode .offcanvas .offcanvas-header .header-btn.active:hover{background-color:#4e8ffb66}html.dark-mode .offcanvas .offcanvas-body{background:#ffffff03}html.dark-mode .offcanvas-backdrop{background:#00000080!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html.dark-mode .sidebar-heading{color:#fff9;text-shadow:0 1px 2px rgba(0,0,0,.1)}html.dark-mode .search-container .search-icon{color:#fff9}html.dark-mode .sidebar-search{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6}html.dark-mode .sidebar-search:focus{background:#ffffff26;color:#fff}html.dark-mode .sidebar-search::placeholder{color:#ffffff80}html.dark-mode .sidebar-item{color:#fffc}html.dark-mode .sidebar-item:hover{background:#ffffff1a;color:#fff}html.dark-mode .sidebar-item.active{background:#4e8ffb33;color:#fff}html.dark-mode .sidebar-item.active .sidebar-badge{background:#4e8ffbcc;color:#fff}html.dark-mode .sidebar-badge{background:#ffffff26;color:#fffc}html.dark-mode .sidebar-item:hover .sidebar-icon{color:#ffffffe6}html.dark-mode .console-list-container{background:#ffffff0d;scrollbar-color:rgba(255,255,255,.2) transparent}html.dark-mode .console-list-container::-webkit-scrollbar-track{background:#ffffff1a}html.dark-mode .console-list-container::-webkit-scrollbar-thumb{background:#ffffff4d}html.dark-mode .console-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}html.dark-mode .share-container .sidebar-share{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc}html.dark-mode .share-container .sidebar-share:focus{background:#ffffff26;color:#fff;border-color:var(--primary)}html.dark-mode .share-container .share-button{background:#ffffff1a;color:var(--primary)}html.dark-mode .share-container .share-button:hover{background:#4e8ffb33}html.dark-mode .modal-content{background-color:var(--surface);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}html.dark-mode .modal-header .modal-title,html.dark-mode .modal-body{color:#fff}html.dark-mode .game-suggestions-container{background:var(--surface);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 15px -3px #0000004d}html.dark-mode .game-suggestions-container .suggestion-item:hover{background-color:#ffffff0d!important}html.dark-mode .game-suggestions-container .game-suggestion-title{color:#fff}html.dark-mode .game-suggestions-container .game-suggestion-meta{color:#fff9}html.dark-mode .game-suggestions-container .game-suggestion-date{color:#fff}html.dark-mode .game-tooltip{background:var(--surface);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}html.dark-mode .game-tooltip .game-tooltip-image-placeholder{background:linear-gradient(135deg,#ffffff14,#ffffff0d)}html.dark-mode .game-tooltip .game-tooltip-image-placeholder i{color:#fff6}html.dark-mode .game-tooltip .game-tooltip-title{color:#fff}html.dark-mode .game-tooltip .game-tooltip-meta{color:#ffffffb3}html.dark-mode .game-tooltip .game-tooltip-rating{color:#ffc107}html.dark-mode .game-tooltip .game-tooltip-summary{color:#fffc}html.dark-mode .game-tooltip .game-tooltip-btn:hover{box-shadow:0 2px 8px #4e8ffb66}html.dark-mode .game-tooltip .game-tooltip-image{box-shadow:0 4px 8px #0000004d}html.dark-mode .game-tooltip .text-muted{color:#fff9!important}html.dark-mode .game-tooltip .text-dark{color:#ffffffe6!important}html.dark-mode .tippy-box[data-theme~=game-tooltip]{background:transparent;border:none;box-shadow:none;z-index:9999!important}html.dark-mode .tippy-box[data-theme~=game-tooltip] .tippy-content{background:transparent;border:none;box-shadow:none}html.dark-mode .list-group-item,html.dark-mode .game-title{overflow:visible!important}html.dark-mode .activity-item:nth-child(odd){background-color:#ffffff08}html.dark-mode .activity-item:nth-child(2n){background-color:#ffffff03}html.dark-mode .activity-item:hover{background-color:#ffffff0d!important}html.dark-mode .delete-confirmation-overlay{background:#0009;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%)}html.dark-mode .delete-confirmation-modal{background:#1a2130d9;backdrop-filter:blur(35px) saturate(250%);-webkit-backdrop-filter:blur(35px) saturate(250%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}html.dark-mode .delete-confirmation-modal:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05,#ffffff03)}html.dark-mode .delete-confirmation-icon{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 8px 20px #ff6b6b66}html.dark-mode .delete-confirmation-title{color:#fffffff2}html.dark-mode .delete-confirmation-subtitle{color:#ffffffb3}html.dark-mode .delete-confirmation-btn-cancel{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}html.dark-mode .delete-confirmation-btn-cancel:hover{background:#ffffff26;box-shadow:0 4px 12px #0003}html.dark-mode .delete-confirmation-btn-cancel:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}html.dark-mode .delete-confirmation-btn-danger{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 4px 12px #ff6b6b66}html.dark-mode .delete-confirmation-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#f44);box-shadow:0 6px 16px #ff6b6b80}html.dark-mode .delete-confirmation-btn-danger:active:not(:disabled){box-shadow:0 2px 8px #ff6b6b66}html.dark-mode .delete-confirmation-btn-danger:disabled{opacity:.7;cursor:not-allowed;transform:none}html.dark-mode .modal-backdrop{background:#0009!important;backdrop-filter:blur(25px) saturate(200%)!important;-webkit-backdrop-filter:blur(25px) saturate(200%)!important;opacity:0!important;transition:all .3s cubic-bezier(.25,.46,.45,.94)!important}html.dark-mode .modal-backdrop.show{opacity:1!important}html.dark-mode .modal-content{background:#1a2130d9;backdrop-filter:blur(45px) saturate(300%);-webkit-backdrop-filter:blur(45px) saturate(300%);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.25,.46,.45,.94)}html.dark-mode .modal-content:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05,#ffffff03)}html.dark-mode .modal-header{border-bottom:1px solid rgba(255,255,255,.1)}html.dark-mode .modal-header .modal-title{color:#fffffff2}html.dark-mode .modal-header .btn-close{background:#ffffff1a}html.dark-mode .modal-header .btn-close:hover{background:#ffffff26}html.dark-mode .modal-body .form-label{color:#ffffffe6}html.dark-mode .modal-body .form-control,html.dark-mode .modal-body .form-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6}html.dark-mode .modal-body .form-control:focus,html.dark-mode .modal-body .form-select:focus{background:#ffffff26;border-color:var(--primary);box-shadow:0 0 0 3px #4e8ffb33}html.dark-mode .modal-body .form-control::placeholder,html.dark-mode .modal-body .form-select::placeholder{color:#ffffff80}html.dark-mode .modal-footer{border-top:1px solid rgba(255,255,255,.1)}html.dark-mode .modal-footer .btn-outline{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}html.dark-mode .modal-footer .btn-outline:hover{background:#ffffff26;box-shadow:0 4px 12px #0003}html.dark-mode .modal-footer .btn-outline:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}html.dark-mode .modal-footer .btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);box-shadow:0 4px 12px #4e8ffb66}html.dark-mode .modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,#2a5fcc 100%);box-shadow:0 6px 16px #4e8ffb80}html.dark-mode .modal-footer .btn-primary:active:not(:disabled){box-shadow:0 2px 8px #4e8ffb66}html.dark-mode .game-suggestions-container{background:#1a2130f2;backdrop-filter:blur(30px) saturate(250%);-webkit-backdrop-filter:blur(30px) saturate(250%);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0006}html.dark-mode .game-suggestions-container .suggestion-item{border-bottom:1px solid rgba(255,255,255,.05)}html.dark-mode .game-suggestions-container .suggestion-item:hover{background:#4e8ffb33!important}html.dark-mode .game-suggestions-container .suggestion-item .game-suggestion-title{color:#fffffff2}html.dark-mode .game-suggestions-container .suggestion-item .game-suggestion-meta{color:#ffffffb3}html.dark-mode .game-controls-menu{background:#1a2130e6;backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}html.dark-mode .game-controls-menu:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05,#ffffff03)}html.dark-mode .game-controls-btn{color:#ffffffe6}html.dark-mode .game-controls-btn:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}html.dark-mode .game-controls-btn:hover{box-shadow:0 4px 12px #0003}html.dark-mode .game-controls-btn:active{box-shadow:0 2px 6px #0003}html.dark-mode .game-controls-title{color:#fffffff2}html.dark-mode .game-controls-subtitle{color:#ffffffb3}html.dark-mode .game-controls-btn-danger .game-controls-icon{background:linear-gradient(135deg,#ff6b6b,#ff5252);box-shadow:0 2px 8px #ff6b6b66}html.dark-mode .game-controls-btn-danger:hover .game-controls-icon{box-shadow:0 4px 12px #ff6b6b80}html.dark-mode .game-controls-btn-action .game-controls-icon{background:linear-gradient(135deg,#3cd78a,#2fc77a);box-shadow:0 2px 8px #3cd78a66}html.dark-mode .game-controls-btn-action:hover:not(:disabled) .game-controls-icon{box-shadow:0 4px 12px #3cd78a80}html.dark-mode .game-controls-btn-action:disabled{opacity:.7;cursor:not-allowed;transform:none}html.dark-mode .game-controls-btn-action:disabled .game-controls-icon{transform:none;box-shadow:0 2px 8px #3cd78a66}html.dark-mode .game-controls-divider{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}html.dark-mode .liquid-glass-card{background:var(--surface);border:1px solid rgba(78,143,251,.15);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a}html.dark-mode .liquid-glass-card:before{background:linear-gradient(135deg,#4e8ffb0d,#4e8ffb05,#4e8ffb0d)}html.dark-mode .liquid-glass-card:hover{box-shadow:0 20px 40px #0009,0 8px 16px #0000004d,inset 0 1px #ffffff26;border-color:#4e8ffb40}html.dark-mode .liquid-glass-card .card-header .console-title .console-link .console-name{color:var(--text-primary)}html.dark-mode .liquid-glass-card .card-header .console-title .console-link:hover .console-arrow{color:var(--primary)}html.dark-mode .liquid-glass-card .card-stats .stat-item .stat-number{color:var(--text-primary)}html.dark-mode .liquid-glass-card .card-stats .stat-item .stat-label{color:var(--text-secondary)}html.dark-mode .liquid-glass-card .card-stats .stat-divider{background:linear-gradient(to bottom,transparent 0%,rgba(78,143,251,.2) 20%,rgba(78,143,251,.2) 80%,transparent 100%)}html.dark-mode .liquid-glass-card .card-content .section-header{color:var(--text-primary)}html.dark-mode .liquid-glass-card .card-content .section-header i{color:var(--primary)}html.dark-mode .liquid-glass-card .card-content .games-container{background:var(--surface-light);border:none;overflow:visible;position:relative}html.dark-mode .liquid-glass-card .card-content .games-container .card.bg-game{overflow:visible}html.dark-mode .liquid-glass-card .card-content .games-container .card.bg-game .list-group{overflow-x:visible}html.dark-mode .liquid-glass-card .card-content .games-container .card.bg-game .list-group::-webkit-scrollbar-track{background:#4e8ffb0d}html.dark-mode .liquid-glass-card .card-content .games-container .card.bg-game .list-group::-webkit-scrollbar-thumb{background:#4e8ffb4d}html.dark-mode .liquid-glass-card .card-content .games-container .card.bg-game .list-group::-webkit-scrollbar-thumb:hover{background:#4e8ffb80}html.dark-mode .liquid-glass-card .game{color:var(--text-primary);background:#4e8ffb1a;border:1px solid rgba(78,143,251,.1)}html.dark-mode .liquid-glass-card .game:hover{background:#4e8ffb33!important;box-shadow:0 2px 8px #4e8ffb4d;border-color:#4e8ffb4d}html.dark-mode .liquid-glass-card .game .game-dropdown{color:var(--text-secondary)}html.dark-mode .liquid-glass-card .game:hover .game-dropdown{color:var(--primary)}html.dark-mode .liquid-glass-card.console-section .card-header .section-title .section-name{color:var(--text-primary)}html.dark-mode .liquid-glass-card.console-section .card-header .section-title .section-name i{color:var(--primary)}html.dark-mode .liquid-glass-card.console-section .card-header .section-title .add-game-btn{background:#4e8ffb1a;border:1px solid rgba(78,143,251,.2);color:var(--primary)}html.dark-mode .liquid-glass-card.console-section .card-header .section-title .add-game-btn:hover{background:#4e8ffb33;border-color:#4e8ffb4d}