@import"https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap";:root{--body-grad-top: rgb(10, 10, 10);--body-grad-mid: hsla(240, 13%, 6%, 1);--body-grad-bottom: rgb(38, 9, 9);--text-color: #FFF;--primary-btn-bg: #FFF;--primary-btn-bg-hover: #c7c7c7;--primary-btn-color: #000;--modal-bg: #121212;--modal-border: #333}body.light-mode{--body-grad-top: hsla(0, 0%, 100%, 1);--body-grad-mid: hsla(240, 24%, 85%, 1);--body-grad-bottom: rgb(210, 212, 255);--text-color: #101010;--primary-btn-bg: #000;--primary-btn-bg-hover: #353535;--primary-btn-color: #FFF;--modal-bg: #FFF;--modal-border: #FFF}*{transition:all .3s}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:200px 75px;min-height:calc(100vh - 400px);background-attachment:fixed;color:var(--text-color);background:linear-gradient(to bottom,var(--body-grad-top) 0%,var(--body-grad-mid) 75%,var(--body-grad-bottom) 100%)}ul{list-style:none;padding:0}a,.text-button{color:var(--text-color);text-decoration:none}p,a,.text-button{font-size:16px}button{background-color:transparent;border:none;padding:0;cursor:pointer}.light-theme svg{color:var(--text-color)}svg{color:var(--text-color)}.logo{max-width:125px}.primary-btn{background-color:var(--primary-btn-bg);padding:10px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px}.primary-btn:hover{background-color:var(--primary-btn-bg-hover)}.primary-btn a,.primary-btn span,.primary-btn svg{color:var(--primary-btn-color)}.secondary-btn{background-color:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text-color);padding:10px 20px;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:8px}.secondary-btn:hover{background-color:#ffffff1a}body.light-mode .secondary-btn{border-color:#0003}body.light-mode .secondary-btn:hover{background-color:#0000000d}.third-party-logo{max-width:35px}@media(max-width:980px){body{min-height:calc(100vh - 280px);padding:140px 15px}}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;min-height:40vh}.main-title{font-size:52px;font-weight:700;margin:0;min-height:1.2em;color:var(--text-color)}.subtitle{font-size:32px;font-weight:300;margin-top:20px;color:#aaa}body.light-mode .subtitle{color:#555}.main-title .cursor{display:inline-block;width:4px;background-color:var(--text-color);animation:blink 1s infinite;margin-left:8px;vertical-align:bottom;height:1em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.main-title{font-size:38px}.subtitle{font-size:24px}}.login-wrapper{display:flex;justify-content:center;width:100%}.login-modal{background-color:var(--modal-bg);border:1px solid var(--modal-border);padding:3rem 2rem;border-radius:16px;box-shadow:0 10px 25px #00000080;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.login-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.login-btn{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-family:Roboto,sans-serif;font-weight:500;cursor:pointer;transition:transform .1s ease,opacity .2s ease;gap:12px}.login-btn:hover{opacity:.9;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.btn-google{background-color:#fff;color:#1f1f1f;border:1px solid #dadce0}.btn-google:hover{background-color:#f7f8f8;border-color:#d2e3fc}.light-mode .btn-google{background-color:#131314;color:#e3e3e3;border:1px solid #5f6368}.light-mode .btn-google:hover{background-color:#202124;border-color:#5f6368}.btn-steam{background-color:#171a21;color:#fff;border:1px solid transparent;font-weight:700;letter-spacing:.5px}.btn-steam:hover{background-color:#2a475e}.btn-steam svg{fill:#fff;color:#fff}.btn-icon{width:20px;height:20px}.not-found{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:100px 0}.not-found h1{font-size:58px;margin:10px 0}.header-wrapper{position:fixed;top:0;left:0;width:100%;z-index:999;transition:all .3s ease;background:transparent}.header-wrapper.scrolled{background-color:#0a0a0abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.light-mode .header-wrapper.scrolled{background-color:#f8f9fabf;border-bottom:1px solid rgba(0,0,0,.1)}.header{display:flex;flex-direction:row;align-items:center;position:relative;padding:0 75px}.header nav{display:flex;flex-direction:row}.header nav .menu-list{width:100%;display:flex;margin:0}.header nav .menu-list li{margin:0 25px}.header nav.left .menu-list li:first-child{margin-left:0}.header nav.right .menu-list li:first-child{margin-right:0}.header nav .menu-list li a,.header nav .menu-list li .text-button{font-size:22px}.header nav .menu-list li a:hover,.header nav .menu-list li .text-button:hover{font-size:25px;color:#ddd}.light-mode .header nav .menu-list li a:hover,.light-mode .header nav .menu-list li .text-button:hover{color:#313131}.logo-wrapper{flex:0 0 auto}.header .logo-wrapper img{max-width:175px}.theme-button{display:flex;justify-content:center;align-items:center;cursor:pointer}.theme-wrapper{position:static}.header-left{flex:1;display:flex;align-items:center;justify-content:flex-start}.header-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:20px}.menu-toggle{display:none;background:none;border:none;color:inherit;cursor:pointer;z-index:1001}.profile-toggle{color:var(--text-color);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-size:22px}.profile-toggle span{margin:0 5px 0 10px}.avatar{max-width:45px;border-radius:50%}.profile-menu{position:relative}.arrow{transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background-color:var(--modal-bg);border:1px solid var(--modal-border);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:160px;z-index:1000;display:flex;flex-direction:column;gap:4px;list-style:none}.profile-dropdown li{margin:0!important}.profile-dropdown li a,.profile-dropdown li .text-button{display:block;text-align:left;padding:8px 12px;font-size:16px!important;border-radius:4px;transition:background-color .2s ease,color .2s ease}.profile-dropdown li a:hover,.profile-dropdown li .text-button:hover{background-color:#ffffff1a;font-size:16px!important;color:var(--text-color)}.light-mode .profile-dropdown li a:hover,.light-mode .profile-dropdown li .text-button:hover{background-color:#0000000d}@media(max-width:980px){.header{padding:0 15px}.header .logo-wrapper img{max-width:125px}.menu-toggle{display:block}.header nav{display:none}}.drawer-container{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden;transition:visibility .3s;z-index:10000}.drawer-container.open{pointer-events:auto;visibility:visible}.drawer-overlay{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease}.drawer-container.open .drawer-overlay{opacity:1}.drawer-content{z-index:10001;position:absolute;top:0;left:0;bottom:0;width:280px;background:#1a1a1a;color:#fff;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;padding:20px;box-shadow:2px 0 8px #0003}body.light-mode .drawer-content{background:#fff;color:#000}.drawer-container.open .drawer-content{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;margin-bottom:2rem}.drawer-close{background:none;border:none;cursor:pointer;color:inherit;padding:5px;display:flex;align-items:center;justify-content:center}.drawer-nav{flex:1}.drawer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.drawer-list a{text-decoration:none;color:inherit;font-size:1.2rem;font-weight:500;display:block}@media(min-width:981px){.drawer-container{display:none}}.drawer-profile{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);position:relative}body.light-mode .drawer-profile{border-color:#0000001a}.drawer-profile .profile-toggle{justify-content:flex-start;font-size:16px}.drawer-profile .profile-dropdown{inset:auto auto 100% 0;margin-bottom:10px}.profile-container{max-width:1200px;margin:100px auto 40px;padding:0 20px;color:var(--text-color, #fff)}.profile-header{display:flex;align-items:center;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-avatar-wrapper{position:relative}.profile-avatar-large{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.1)}.provider-badge{position:absolute;bottom:0;right:10px;background:#4285f4;color:#fff;font-size:12px;padding:4px 8px;border-radius:12px;font-weight:700}.profile-info-display h1{margin:0;font-size:2.5rem}.profile-info-display .username{color:#888;margin:5px 0 0;font-size:1.2rem}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:768px){.profile-content{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}}.profile-card{background:#ffffff08;border-radius:12px;padding:25px;border:1px solid rgba(255,255,255,.05)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0}.icon-btn{background:none;border:none;color:#aaa;cursor:pointer;padding:5px;transition:color .2s}.icon-btn:hover{color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#aaa;font-size:.9rem}.form-group input{width:100%;padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#fff;font-size:1rem;transition:all .2s}.profile-form.disabled input{background:transparent;border-color:transparent;padding-left:0;color:#ddd}.profile-form.active input:focus{border-color:#4285f4;outline:none}.form-actions{display:flex;gap:10px;margin-top:20px}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.tabs button{background:none;border:none;color:#888;padding:10px 15px;cursor:pointer;font-size:1rem;border-bottom:2px solid transparent}.tabs button.active{color:#fff;border-bottom-color:#4285f4}.items-list{list-style:none;padding:0;margin:0}.items-list li{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between}.items-list li.empty{color:#666;font-style:italic}.badge{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:.8rem}.danger-zone{margin-top:30px;border-color:#ff323233}.danger-zone h3{color:#f44}.delete-btn{margin-top:15px;background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.3);padding:10px 20px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.delete-btn:hover{background:#f443}body.light-mode .profile-container{color:#333}body.light-mode .profile-card{background:#fff;border-color:#eee;box-shadow:0 2px 10px #0000000d}body.light-mode .profile-form.disabled input{color:#555}body.light-mode .profile-form input{background:#f5f5f5;border-color:#ddd;color:#333}body.light-mode .items-list li{border-bottom-color:#eee}body.light-mode .badge{background:#eee;color:#555}body.light-mode .tabs{border-bottom-color:#0000001a}body.light-mode .tabs button.active{color:var(--text-color);border-bottom-color:#4285f4}