:root{--primary-contrast:#0b151e;--secondary-contrast:#0b151e99;--background-gradient:linear-gradient(90deg,#ffca28,#f57c00);--background:#ffca28;--muted:rgba(194,137,3,.3);--surface:#e99e1d;--border:transparent;--top-gradient:#ffffff33;--bottom-gradient-top:#ffffff75;--bottom-gradient-bottom:transparent;--button:#0b151e}.dark-theme{--primary-contrast:#fff;--secondary-contrast:#ffffff99;--background-gradient:linear-gradient(90deg,#0b151e,#0b151e);--background:#0b151e;--muted:rgba(21,39,60,.6);--surface:#112031;--border:#ffffff20;--top-gradient:#1b72e833;--bottom-gradient-top:#1b72e8;--bottom-gradient-bottom:#1b72e850;--button:linear-gradient(90deg,#ffca28,#f57c00)}*{margin:0;font-family:Google Sans}html{background:var(--background)}body{color:var(--primary-contrast);background:var(--background-gradient);min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.dots{pointer-events:none;height:100%;background-image:radial-gradient(circle at center,var(--muted) 2px,transparent 2px);background-size:30px 30px;background-position:12px 12px;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 50%);mask-image:linear-gradient(180deg,#000 0,transparent 50%)}.dots,.top-gradient{position:absolute;top:0;left:0;width:100%}.top-gradient{height:25vh;background:linear-gradient(180deg,transparent 0,var(--top-gradient) 50%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10vw));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 10vw))}.bottom-gradient{position:fixed;bottom:0;width:90%;height:900px;margin-bottom:-550px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;--top:var(--bottom-gradient-top);--bottom:var(--bottom-gradient-bottom);--first:conic-gradient(from 90deg at 0% 50%,var(--top),var(--bottom));--second:conic-gradient(from 270deg at 100% 50%,var(--bottom),var(--top));-webkit-mask-image:radial-gradient(closest-side at 50% 50%,var(--background),transparent);mask-image:radial-gradient(closest-side at 50% 50%,var(--background),transparent);background-image:var(--first),var(--second);background-position-x:0,100%;background-position-y:100%,0;background-repeat:no-repeat;opacity:.4;transform:translateY(-200px) rotate(180deg) translateZ(0);transform-origin:center center}.header{position:absolute;top:4vh;justify-content:center}.header svg{padding:16px 25px}.heading{font-size:48px;font-weight:500;letter-spacing:-2%;text-align:center}.regenerate-button{color:var(--background);background:var(--button)}.back-button{position:fixed;top:32px;left:32px;color:var(--primary-contrast);background-color:var(--surface);display:flex;align-items:center;gap:6px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button{font-size:15px;line-height:1.3;font-weight:500;padding:11px 16px;border-radius:100px;border:none;cursor:pointer;transition:scale .2s,filter .2s}.button:hover{filter:brightness(1.1)}.button:active{scale:.97}.content{margin:120px 12px;justify-content:center;gap:80px}.content,.content header{display:flex;flex-direction:column;align-items:center}.content header{gap:32px}.content header h2{font-size:20px;font-weight:400}.data-container,.features{display:grid;grid-gap:10px;gap:10px}.features{text-wrap:balance}.data-container,.features{grid-template-columns:repeat(2,1fr)}.data-container{text-wrap:pretty}.card{flex-direction:column;padding:24px;gap:12px;max-width:360px}.card h2{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-2%}.card p{font-size:13px;line-height:1.5;letter-spacing:-1%}.card p a,.link{color:var(--primary-contrast);text-decoration:underline;text-underline-offset:2px}.links-container{padding-top:24px;gap:24px}.links,.links-container{display:flex;flex-wrap:wrap}.links{gap:10px}.links a{padding:14px 15px;color:var(--primary-contrast);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;justify-content:center;align-items:center;gap:4px}.card,.links a{position:relative;border-radius:24px;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.card:before,.links a:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(var(--border),transparent 30%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:not(:first-child):after,.links a:not(:first-child):after{content:"";top:0;height:100%;background:var(--surface);position:absolute;pointer-events:none}.card:not(:first-child):after{width:10px;left:-10px;mask:url(/between-cards.svg) no-repeat center/contain;-webkit-mask:url(/between-cards.svg) no-repeat center/contain}.links a:not(:first-child):after{width:30px;left:calc(-20px);mask:url(/between-links.svg) no-repeat center/contain;-webkit-mask:url(/between-links.svg) no-repeat center/contain}@media only screen and (max-width:1023px){.heading{font-size:36px}.back-button{top:10px;left:10px}.data-container,.features{grid-template-columns:1fr}.card:after,.links a:after,.top-gradient{display:none}.bottom-gradient{width:150%;height:400px;margin-bottom:-450px}}.header{justify-content:flex-end;width:100%;padding:0 20px}.auth-page,.header,.header-right{display:flex;align-items:center}.auth-page{justify-content:center;min-height:80vh;padding:20px}.auth-form-container{max-width:400px;width:100%}.auth-form{background:var(--surface);padding:40px;border-radius:24px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-title{font-size:28px;font-weight:600;text-align:center;margin-bottom:8px;color:var(--primary-contrast)}.auth-description{text-align:center;color:var(--secondary-contrast);margin-bottom:24px;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--primary-contrast)}.form-group input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--background);color:var(--primary-contrast);font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#1b72e8}.form-group input:disabled{opacity:.6;cursor:not-allowed}.disabled-input{background:var(--muted)!important}.form-group small{display:block;margin-top:4px;color:var(--secondary-contrast);font-size:12px}.auth-button{width:100%;padding:12px 24px;background:var(--button);color:var(--primary-contrast);border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .3s ease;margin-bottom:24px}.auth-button:hover:not(:disabled){opacity:.9}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center}.auth-link{color:var(--secondary-contrast);text-decoration:none;font-size:14px;display:block;margin-bottom:8px;transition:color .3s ease}.auth-link:hover{color:var(--primary-contrast)}.error-message{padding:12px;margin-bottom:20px;font-size:14px}.success-message{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50}.message,.success-message{padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px}.message.success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50}.message.error{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#f44336}.auth-buttons{display:flex;gap:12px;align-items:center}.login-button,.signup-button{padding:8px 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .3s ease}.login-button{border:1px solid var(--border)}.login-button,.signup-button{color:var(--primary-contrast)}.signup-button{background:var(--button)}.login-button:hover,.signup-button:hover{opacity:.9}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--primary-contrast);cursor:pointer;transition:opacity .3s ease}.user-menu-trigger:hover{opacity:.9}.user-name{font-size:14px;font-weight:500}.user-avatar{width:24px;height:24px;border-radius:50%;background:var(--button);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;min-width:150px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000}.user-menu-item{display:block;padding:8px 12px;color:var(--primary-contrast);text-decoration:none;border-radius:8px;transition:background-color .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.user-menu-item:hover{background:var(--muted)}.logout-item{color:#f44336}.dashboard-page,.profile-page{max-width:1200px;width:100%;padding:40px 20px}.dashboard-content,.profile-content{max-width:1000px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:40px}.dashboard-title,.profile-title{font-size:36px;font-weight:600;margin-bottom:8px;color:var(--primary-contrast)}.dashboard-welcome{color:var(--secondary-contrast);font-size:18px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.dashboard-card,.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-card h2{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--primary-contrast)}.user-info p{margin-bottom:8px;color:var(--secondary-contrast)}.user-info strong{color:var(--primary-contrast)}.cancel-button,.card-button,.edit-button,.save-button{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .3s ease;border:none;text-decoration:none;display:inline-block}.card-button,.edit-button,.save-button{background:var(--button);color:var(--primary-contrast)}.cancel-button{background:var(--muted);color:var(--primary-contrast);margin-left:8px}.cancel-button:hover,.card-button:hover,.edit-button:hover,.save-button:hover{opacity:.9}.quick-links{display:flex;flex-direction:column;gap:8px}.quick-link{color:var(--secondary-contrast);text-decoration:none;padding:8px 12px;border-radius:8px;transition:background-color .3s ease}.quick-link:hover{background:var(--muted);color:var(--primary-contrast)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:16px;gap:16px}.stat-number{display:block;font-size:24px;font-weight:600;color:var(--primary-contrast);margin-bottom:4px}.activity p{margin-bottom:8px;color:var(--secondary-contrast)}.profile-info{flex-direction:column;text-align:center}.profile-avatar,.profile-info{display:flex;align-items:center}.profile-avatar{width:80px;height:80px;border-radius:50%;background:var(--button);justify-content:center;font-size:32px;font-weight:600;margin-bottom:16px}.profile-details h2{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--primary-contrast)}.profile-email{margin-bottom:4px}.profile-email,.profile-uid{color:var(--secondary-contrast)}.profile-uid{font-size:12px;margin-bottom:20px}.profile-form{width:100%;max-width:300px}.profile-actions{display:flex;justify-content:center;margin-top:16px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-spinner{color:var(--secondary-contrast);font-size:16px}@media only screen and (max-width:768px){.header{padding:0 10px}.auth-form{padding:30px 20px}.auth-title{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.dashboard-title,.profile-title{font-size:28px}.stats{grid-template-columns:repeat(3,1fr)}.auth-buttons{flex-direction:column;gap:8px}.user-menu-dropdown{right:auto;left:0}}.hero-section{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.hero-description{font-size:18px;color:var(--secondary-contrast);margin-bottom:32px;line-height:1.6}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button{padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:500;font-size:16px;transition:all .3s ease;border:none;cursor:pointer;display:inline-block}.cta-button.primary{background:var(--button);color:var(--primary-contrast)}.cta-button.secondary{background:transparent;color:var(--primary-contrast);border:1px solid var(--border)}.cta-button:hover{opacity:.9;transform:translateY(-1px)}.card-icon{font-size:48px;margin-bottom:16px;display:block}.card h2{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--primary-contrast)}.card p{color:var(--secondary-contrast);line-height:1.6;font-size:14px}.supported-games{margin-top:60px;text-align:center}.supported-games h2{font-size:24px;font-weight:600;margin-bottom:32px;color:var(--primary-contrast)}.game-category{margin-bottom:32px}.category-header{font-size:18px;font-weight:600;color:var(--primary-contrast);margin-bottom:16px;opacity:.8}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;max-width:800px;margin:0 auto}.game-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;font-weight:500;color:var(--primary-contrast);transition:all .3s ease}.game-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media only screen and (max-width:768px){.hero-actions{flex-direction:column;align-items:center}.cta-button{width:200px}.game-grid{grid-template-columns:repeat(2,1fr)}.hero-description{font-size:16px}}.game-selector{margin-bottom:40px}.selector-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--primary-contrast);text-align:center}.category-section{margin-bottom:30px}.category-title{font-size:16px;font-weight:600;color:var(--primary-contrast);text-align:center;margin-bottom:16px;opacity:.8}.game-tabs{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:1000px;margin:0 auto}.game-tab{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:120px}.game-tab:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.game-tab.active{background:var(--button);border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.game-name{font-size:14px;font-weight:500}.price-display{margin-bottom:40px}.price-header{text-align:center;margin-bottom:30px}.price-title{font-size:24px;font-weight:600;color:var(--primary-contrast);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.price-game-icon{font-size:28px}.price-subtitle{color:var(--secondary-contrast);font-size:14px}.server-dropdown-container{display:flex;justify-content:center;margin-bottom:30px}.server-dropdown{position:relative;min-width:200px}.dropdown-toggle{width:100%;background:var(--surface);border:2px solid var(--border);border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;font-family:inherit;font-size:16px;color:var(--primary-contrast)}.dropdown-toggle:hover{border-color:#3498db;background:var(--muted)}.dropdown-toggle.open{border-color:#3498db;border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-label{font-weight:500}.dropdown-arrow{font-size:12px;transition:transform .3s ease;color:var(--secondary-contrast)}.dropdown-arrow.up{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:2px solid #3498db;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;max-height:200px;overflow-y:auto}.dropdown-item{width:100%;background:transparent;border:none;padding:12px 16px;text-align:left;cursor:pointer;transition:background .2s ease;font-family:inherit;font-size:15px;color:var(--primary-contrast)}.dropdown-item:hover{background:var(--muted)}.dropdown-item.active{background:#3498db;color:#fff;font-weight:500}.dropdown-item.active:hover{background:#2980b9}.server-details{max-width:600px;margin:0 auto}.server-info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:20px}.server-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.server-name{font-size:20px;font-weight:600;margin:0}.trend{font-size:18px;padding:6px 12px;border-radius:8px}.trend-up{background:rgba(76,175,80,.1);color:#4caf50}.trend-down{background:rgba(244,67,54,.1);color:#f44336}.trend-stable{background:hsla(0,0%,62%,.1);color:#9e9e9e}.price-info{margin-bottom:20px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 0;border-bottom:1px solid var(--border)}.price-row:last-child{border-bottom:none;margin-bottom:0}.price-label{font-size:15px;color:var(--secondary-contrast);font-weight:500}.price-amount{font-size:20px;font-weight:700;color:var(--primary-contrast)}.price-amount.lowest{color:#4caf50}.price-amount.average{color:#2196f3}.server-footer{padding-top:16px;border-top:1px solid var(--border)}.update-info{display:flex;justify-content:space-between;align-items:center}.update-date{font-size:13px;color:var(--secondary-contrast)}.update-time{font-size:13px;color:var(--primary-contrast);font-weight:500}.server-actions{text-align:center;margin-bottom:20px}.back-button{background:#6c757d;color:#fff;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;font-family:inherit}.back-button:hover{background:#5a6268;transform:translateY(-1px)}.all-servers-overview{margin-bottom:30px}.overview-title{text-align:center;font-size:20px;font-weight:600;color:var(--primary-contrast);margin-bottom:25px}.servers-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;max-width:1000px;margin:0 auto}.server-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.server-overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.server-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.server-overview-name{font-size:16px;font-weight:600;color:var(--primary-contrast);margin:0}.server-overview-prices{display:flex;justify-content:space-between;margin-bottom:12px}.price-item{display:flex;flex-direction:column;align-items:center;gap:4px}.price-item .price-label{font-size:12px;color:var(--secondary-contrast);font-weight:500}.price-value{font-size:16px;font-weight:700}.price-value.lowest{color:#4caf50}.price-value.average{color:#2196f3}.server-overview-currency{font-size:12px;font-style:italic}.no-data,.server-overview-currency{text-align:center;color:var(--secondary-contrast)}.no-data{padding:60px 20px}.dashboard-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;gap:20px;margin-top:40px;max-width:1000px;margin-left:auto;margin-right:auto}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.info-card h3{font-size:16px;font-weight:600;color:var(--primary-contrast);margin-bottom:16px}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:var(--secondary-contrast);font-size:14px;line-height:1.6;margin-bottom:8px;padding-left:16px;position:relative}.info-card li:before{content:"•";color:var(--primary-contrast);position:absolute;left:0}@media only screen and (max-width:768px){.game-tabs{grid-template-columns:repeat(2,1fr)}.game-tab{min-width:auto;padding:12px 16px}.server-grid{grid-template-columns:1fr}.price-amount{font-size:28px}.dashboard-info{grid-template-columns:1fr}.price-title{font-size:20px}}.game-search{max-width:500px;margin:0 auto 30px}.game-search,.search-input-container{position:relative}.search-input{width:100%;padding:14px 50px 14px 20px;border:1px solid var(--border);border-radius:25px;background:var(--surface);color:var(--primary-contrast);font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#1b72e8;box-shadow:0 0 0 3px rgba(27,114,232,.1)}.search-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.6}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:8px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.15)}.search-result-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid var(--border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--muted)}.result-icon{font-size:20px;margin-right:12px;flex-shrink:0}.result-info{flex:1 1}.result-primary{font-size:14px;font-weight:500;color:var(--primary-contrast);margin-bottom:2px}.result-secondary{font-size:12px}.result-secondary,.result-type{color:var(--secondary-contrast)}.result-type{font-size:11px;background:var(--muted);padding:4px 8px;border-radius:12px;flex-shrink:0}.search-no-results{padding:20px;text-align:center;color:var(--secondary-contrast);font-size:14px}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;margin-top:30px}.chart-title{font-size:18px;font-weight:600;color:var(--primary-contrast);margin-bottom:16px;text-align:center}.chart-legend{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--primary-contrast)}.legend-color{width:16px;height:3px;border-radius:2px}.legend-color.lowest{background:#4caf50}.legend-color.average{background:#2196f3}.chart-wrapper{background:var(--background);border-radius:12px;padding:20px;margin-bottom:20px}.price-chart{width:100%;height:auto}.chart-info{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px}.chart-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{margin-bottom:4px}.stat-value{font-size:16px;font-weight:600}.stat-value.lowest{color:#4caf50}.stat-value.average{color:#2196f3}.chart-no-data{text-align:center;padding:40px;color:var(--secondary-contrast)}.server-card.selected{border-color:#1b72e8;box-shadow:0 0 0 2px rgba(27,114,232,.2)}.server-card{cursor:pointer}@media only screen and (max-width:768px){.chart-container{padding:16px}.chart-legend{align-items:center}.chart-info,.chart-legend{flex-direction:column;gap:12px}}.profile-page{max-width:1000px;width:100%;padding:40px 20px;margin:0 auto}.profile-container{display:flex;flex-direction:column;gap:32px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:var(--secondary-contrast)}.loading-spinner.large{font-size:32px;animation:spin 1s linear infinite}.profile-summary{margin-bottom:8px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;gap:24px}.summary-info{flex:1 1}.summary-nickname{font-size:28px;font-weight:600;color:var(--primary-contrast);margin-bottom:12px}.summary-details{display:flex;flex-wrap:wrap;gap:16px}.summary-games,.summary-join-date,.summary-platform{font-size:14px;color:var(--secondary-contrast);background:var(--muted);padding:6px 12px;border-radius:20px;white-space:nowrap}.summary-stats{gap:24px}.stat-item,.summary-stats{display:flex;align-items:center}.stat-item{flex-direction:column;text-align:center;min-width:80px}.stat-value{font-size:24px;font-weight:700;color:var(--primary-contrast);margin-bottom:4px}.stat-label{font-size:12px;color:var(--secondary-contrast)}.profile-header{text-align:center;margin-bottom:40px}.profile-title{font-size:36px;font-weight:600;margin-bottom:8px;color:var(--primary-contrast)}.profile-subtitle{color:var(--secondary-contrast);font-size:16px;line-height:1.5}.profile-tabs{margin-bottom:24px}.tab-nav{display:flex;gap:8px;background:var(--surface);border-radius:20px;padding:8px;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab-button{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;border-radius:16px;background:transparent;color:var(--secondary-contrast);cursor:pointer;transition:all .3s ease;font-family:inherit;flex:1 1;text-align:left}.tab-button:hover{color:var(--primary-contrast);background:var(--muted)}.tab-button.active{background:var(--button);color:var(--primary-contrast);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.tab-icon{font-size:20px;flex-shrink:0}.tab-content{display:flex;flex-direction:column;gap:2px;min-width:0}.tab-label{font-size:15px;font-weight:600;color:inherit}.tab-description{font-size:12px;color:var(--secondary-contrast);opacity:.8;line-height:1.3}.tab-button.active .tab-description{color:var(--primary-contrast);opacity:.7}.profile-content{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.form-header{text-align:center;margin-bottom:32px}.form-title{font-size:24px;font-weight:600;color:var(--primary-contrast);margin-bottom:8px}.form-subtitle{color:var(--secondary-contrast);font-size:14px;line-height:1.5}.profile-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-input,.form-label{color:var(--primary-contrast)}.form-input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--background);font-size:15px;font-family:inherit;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#1b72e8;box-shadow:0 0 0 3px rgba(27,114,232,.1)}.form-input.error{border-color:#f44336;box-shadow:0 0 0 3px rgba(244,67,54,.1)}.form-input:disabled{opacity:.6;cursor:not-allowed;background:var(--muted)}.input-wrapper{position:relative}.input-status{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;pointer-events:none}.input-status.checking{color:var(--secondary-contrast)}.input-status.success{color:#4caf50}.status-icon{font-size:14px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-group.horizontal{flex-direction:row;flex-wrap:wrap;gap:16px}.radio-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:60px}.radio-option:hover{border-color:#1b72e8;background:var(--muted);transform:translateY(-1px)}.radio-option input[type=radio]{margin:0;width:18px;height:18px;accent-color:#1b72e8}.radio-option input[type=radio]:checked+.radio-content{color:var(--primary-contrast)}.radio-option:has(input[type=radio]:checked){border-color:#1b72e8;background:rgba(27,114,232,.1);box-shadow:0 2px 8px rgba(27,114,232,.2)}.radio-content{display:flex;align-items:center;gap:8px;color:var(--secondary-contrast);transition:color .3s ease}.radio-icon{font-size:20px}.radio-label{font-size:14px;font-weight:500}.radio-option.detailed,.radio-option.detailed .radio-content{flex-direction:column;align-items:flex-start}.radio-option.detailed .radio-content{gap:4px;width:100%}.radio-description{font-size:12px;color:var(--secondary-contrast);opacity:.8}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .3s ease}.checkbox-option:hover{border-color:#1b72e8;background:var(--muted)}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:#1b72e8;flex-shrink:0;margin:2px 0 0}.checkbox-label{display:flex;flex-direction:column;gap:4px;color:var(--primary-contrast);font-size:14px;font-weight:500}.checkbox-icon{font-size:16px;margin-right:6px}.checkbox-description{font-size:12px;color:var(--secondary-contrast);font-weight:400}.form-actions{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.form-actions,.submit-button{display:flex;justify-content:center}.submit-button{padding:12px 32px;background:var(--button);color:var(--primary-contrast);border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;align-items:center;gap:8px;min-width:140px}.submit-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-info{background:var(--muted);border:1px solid var(--border);border-radius:16px;padding:20px;margin-top:32px}.form-info h4{font-size:16px;font-weight:600;color:var(--primary-contrast);margin-bottom:12px;display:flex;align-items:center;gap:8px}.form-info ul{list-style:none;padding:0;margin:0}.form-info li{color:var(--secondary-contrast);font-size:13px;line-height:1.5;margin-bottom:8px;padding-left:16px;position:relative}.form-info li:before{content:"•";position:absolute;left:0}.form-info li strong,.form-info li:before{color:var(--primary-contrast)}.error-message{background:rgba(244,67,54,.1);border:1px solid rgba(244,67,54,.3);color:#f44336;padding:12px 16px;border-radius:8px;margin-top:8px;font-size:13px;line-height:1.4}.error-message.global-error{margin-top:16px;margin-bottom:16px}.add-game-section{background:var(--muted);border:1px solid var(--border);border-radius:16px;padding:24px;margin-bottom:32px}.add-game-controls{display:flex;gap:12px;margin-bottom:12px}.game-select{flex:1 1;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--primary-contrast);font-size:14px;font-family:inherit}.game-select:focus{outline:none;border-color:#1b72e8}.add-button{padding:12px 20px;background:var(--button);color:var(--primary-contrast);border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;white-space:nowrap}.add-button:hover:not(:disabled){filter:brightness(1.1)}.add-button:disabled{opacity:.6;cursor:not-allowed}.limit-info{text-align:center;font-size:13px;color:var(--secondary-contrast)}.favorite-games-list{display:flex;flex-direction:column;gap:16px}.empty-state{text-align:center;padding:60px 20px;color:var(--secondary-contrast)}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{margin-bottom:8px;line-height:1.5}.favorite-game-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease}.favorite-game-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.game-header{justify-content:space-between;padding:20px}.game-header,.game-info{display:flex;align-items:center}.game-info{gap:12px}.game-priority{background:var(--button);color:var(--primary-contrast);font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;min-width:24px;text-align:center}.game-icon{font-size:24px}.game-name{font-size:16px;font-weight:600;color:var(--primary-contrast)}.server-count{font-size:12px;color:var(--secondary-contrast);background:var(--muted);padding:4px 8px;border-radius:12px}.game-actions{display:flex;gap:8px;align-items:center}.expand-button,.priority-button,.remove-button{padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary-contrast);font-size:12px;cursor:pointer;transition:all .3s ease;font-family:inherit}.expand-button:hover,.priority-button:hover:not(:disabled),.remove-button:hover{background:var(--muted);border-color:#1b72e8}.priority-button:disabled{opacity:.4;cursor:not-allowed}.remove-button:hover{border-color:#f44336;color:#f44336}.servers-section{padding:0 20px 20px;border-top:1px solid var(--border);background:var(--muted)}.servers-title{font-size:14px;font-weight:600;color:var(--primary-contrast);margin:20px 0 16px}.servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.server-option{display:flex;align-items:center;gap:12px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .3s ease}.server-option:hover{border-color:#1b72e8;background:rgba(27,114,232,.05)}.server-option.selected{border-color:#1b72e8;background:rgba(27,114,232,.1)}.server-checkbox{width:16px;height:16px;accent-color:#1b72e8}.server-content{display:flex;flex-direction:column;gap:2px}.server-name{font-size:13px;font-weight:500;color:var(--primary-contrast)}.server-price{font-size:11px;color:var(--secondary-contrast)}.no-servers-selected{text-align:center;padding:20px;font-size:13px;color:var(--secondary-contrast);font-style:italic}.settings-sections{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.section-header{justify-content:space-between;padding:20px;border-bottom:1px solid var(--border);background:var(--muted)}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:16px;font-weight:600;color:var(--primary-contrast);margin:0;gap:8px}.section-icon{font-size:18px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#1b72e8}input:checked+.toggle-slider:before{transform:translateX(26px)}.section-content{padding:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--primary-contrast);font-size:14px;font-family:inherit}.form-select:focus{outline:none;border-color:#1b72e8}.setup-indicator{display:inline-block;width:8px;height:8px;background:#f44336;border-radius:50%;margin-left:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.setup-notice{border:1px solid rgba(244,67,54,.3);padding:8px 12px;border-radius:8px;margin-bottom:8px;font-size:12px;text-align:center}.setup-notice,.user-menu-item.highlighted{background:rgba(244,67,54,.1);color:#f44336}.menu-badge{background:#f44336;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:8px}.menu-divider{height:1px;background:var(--border);margin:8px 0}.menu-section-title{font-size:11px;color:var(--secondary-contrast);font-weight:600;padding:4px 12px;text-transform:uppercase;letter-spacing:.5px}.favorite-game{font-size:13px}.menu-item-more{font-size:12px;color:var(--secondary-contrast);padding:4px 12px;text-align:center;font-style:italic}@media only screen and (max-width:768px){.profile-page{padding:20px 10px}.profile-content{padding:24px 16px}.summary-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px}.summary-details{flex-direction:column;gap:8px}.summary-stats{align-self:stretch;justify-content:space-around}.tab-nav{flex-direction:column;gap:8px;padding:16px}.tab-button{min-width:auto;padding:14px 16px}.tab-description{display:none}.profile-form{max-width:none}.add-game-controls,.radio-group.horizontal{flex-direction:column}.add-game-controls{gap:12px}.game-header{flex-direction:column;gap:16px;align-items:flex-start}.game-actions{align-self:flex-end}.form-row,.servers-grid{grid-template-columns:1fr}.profile-title{font-size:28px}.summary-nickname{font-size:24px}}