@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#0a0f1c;--bg-secondary:#111827;--bg-card:rgba(17,24,39,.7);--bg-navbar:rgba(10,15,28,.65);--bg-card-hover:rgba(31,41,55,.85);--bg-glass:hsla(0,0%,100%,.03);--bg-input:hsla(0,0%,100%,.05);--accent:#66c0f4;--accent-hover:#7dd3fc;--accent-dim:rgba(102,192,244,.15);--accent-gradient:linear-gradient(135deg,#66c0f4,#4f93ce);--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.15);--danger:#ef4444;--success:#22c55e;--warning:#f59e0b;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 8px 32px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(102,192,244,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*{box-sizing:border-box;padding:0;margin:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;position:relative;width:100%}body{background-image:radial-gradient(ellipse at 20% 0,rgba(102,192,244,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(79,147,206,.05) 0,transparent 50%)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.truncate{text-overflow:ellipsis}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.block{display:block}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.bg-transparent{background:transparent}.border-none{border:none}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.flex-shrink-0,.shrink-0{flex-shrink:0}.items-center{display:flex!important;align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.rounded-full,.rounded-full img{border-radius:var(--radius-full)!important}.max-w-\[120px\]{max-width:120px}@media (max-width:450px){.max-w-\[120px\]{max-width:60px}}.max-w-\[150px\]{max-width:150px}.max-w-700{max-width:700px}.w-full{width:100%}.object-cover{object-fit:cover}.cursor-help{cursor:help}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.resize-none{resize:none}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1_5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-1{margin-right:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-8{padding:2rem}.pb-12{padding-bottom:3rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-muted{color:var(--text-muted)}.text-inherit{color:inherit}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-accent{color:var(--accent)}.text-warning{color:var(--warning)}.text-center{text-align:center}.align-middle{vertical-align:middle}.no-underline{text-decoration:none}.navbar-brand-icon{margin-right:4px}.divider-v{width:1px;height:16px;background:var(--border);margin:0 4px}.transition-colors{transition:color var(--transition-fast)}.hide-text-mobile{display:inline}.show-icon-mobile{display:none;font-size:1.25rem;vertical-align:middle}@media (max-width:768px){.hide-text-mobile{display:none!important}.show-icon-mobile{display:inline-block!important}}@keyframes popupFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease forwards}@keyframes spin{to{transform:rotate(1turn)}}@keyframes loading-bar{0%{transform:translateX(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateX(100%);opacity:0}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full)}.spinner,.spinner-xs{animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}.spinner-xs{width:12px;height:12px;border:1.5px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full)}.spinner-lg{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .6s linear infinite;display:inline-block;vertical-align:middle;flex-shrink:0}.animate-spin{animation:spin 1s linear infinite}.global-loading-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);z-index:9999;animation:loading-bar 2s ease-in-out infinite;box-shadow:0 0 10px var(--accent)}.loading-page{min-height:50vh}.loading-overlay,.loading-page{display:flex;align-items:center;justify-content:center}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,15,28,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;border-radius:var(--radius-md);opacity:0;pointer-events:none}.is-loading-content,.loading-overlay{transition:opacity var(--transition-normal)}.is-loading-content{position:relative;min-height:400px}.is-loading-content.is-pending{opacity:.7;pointer-events:none}.loading-text{font-size:.875rem;font-weight:600;color:var(--accent);margin-top:.75rem;text-shadow:0 0 10px rgba(102,192,244,.3)}.is-pending{opacity:.6;filter:blur(1px);pointer-events:none}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.animate-status-pulse{animation:statusPulse 2s cubic-bezier(.4,0,.6,1) infinite}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-navbar);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.06);padding:0 2rem;height:64px;justify-content:space-between;margin-bottom:2rem}.navbar,.navbar-brand{display:flex;align-items:center}.navbar-brand{gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none}.navbar-links{display:flex;align-items:center;gap:.25rem}.navbar-link{padding:.5rem 1rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none}.navbar-link.active,.navbar-link:hover{color:var(--text-primary);background:var(--bg-glass)}.navbar-right{gap:1rem}.navbar-right,.navbar-user{display:flex;align-items:center}.navbar-user{gap:.5rem}.navbar-avatar{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid var(--accent-dim)}.navbar-username{font-size:.875rem;font-weight:500;color:var(--text-primary)}@media (max-width:768px){.navbar{padding:0 .5rem;height:56px;gap:.25rem}.navbar-brand span{display:inline-block}.navbar-brand{padding:0;margin-right:.125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon{font-size:1.625rem}.navbar-container{gap:.75rem!important;flex:1 1;min-width:0}.navbar-link{padding:.4rem .5rem}.navbar-right{gap:.5rem;flex-shrink:0}.navbar-username{display:none}.navbar-avatar{width:32px!important;height:32px!important;margin-right:0}.navbar-user{gap:.75rem}.divider-v{display:none}.navbar .btn-logout-mobile,.navbar .btn-steam{padding:0;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border)}}@media (max-width:640px){.navbar{padding:0 .75rem!important;height:56px!important;gap:0!important}.navbar-container{gap:0!important;flex:0 1!important}.navbar-right{gap:.25rem!important;flex:1 1;justify-content:flex-end}.nav-text,.navbar-links,.navbar-username{display:none!important}.navbar-brand{font-size:1.125rem!important;white-space:nowrap;margin-right:.5rem}.navbar-user{gap:.375rem!important}.divider-v{display:none!important}}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-content{visibility:hidden;position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(5px);width:max-content;max-width:240px;background:rgba(17,24,39,.98);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-hover);padding:.75rem;border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;line-height:1.4;opacity:0;z-index:10001;box-shadow:0 10px 30px rgba(0,0,0,.5);pointer-events:none;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.tooltip-container.is-end .tooltip-content{left:auto;right:0;transform:translateY(5px)}.tooltip-container.is-end .tooltip-content:after{left:auto;right:6px;transform:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(17,24,39,.98)}.tooltip-container:focus-within .tooltip-content,.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-container:focus-within .tooltip-content:not(.is-end),.tooltip-container:hover .tooltip-content:not(.is-end){transform:translateX(-50%) translateY(0)}.tooltip-container.is-end:focus-within .tooltip-content,.tooltip-container.is-end:hover .tooltip-content{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{background:rgba(239,68,68,.15);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.25)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-glass)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-steam{background:linear-gradient(135deg,#171a21,#1b2838);color:#c7d5e0;border:1px solid rgba(199,213,224,.15);font-weight:600;padding:.75rem 1.5rem}.btn-steam:hover:not(:disabled){background:linear-gradient(135deg,#1b2838,#2a475e);border-color:var(--accent);color:#fff;box-shadow:0 0 15px rgba(102,192,244,.2)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.game-search-no-results{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.95rem}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:.625rem .875rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.char-counter{display:flex;justify-content:flex-end;font-size:.75rem;margin-top:.25rem;color:var(--text-muted)}.char-counter.limit-reached{color:var(--danger)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-select option{background-color:var(--bg-secondary);color:var(--text-primary)}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin:0;outline:none}.form-checkbox:checked{background:var(--accent);border-color:var(--accent)}.form-checkbox:checked:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin-top:-2px}.form-checkbox:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.share-option-container{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.share-option-container:hover{background:hsla(0,0%,100%,.08);border-color:var(--border-hover)}.share-option-content{display:flex;flex-direction:column;gap:.25rem}.share-option-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.share-option-desc{font-size:.8125rem;color:var(--text-muted)}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.category-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(102,192,244,.2);white-space:nowrap;flex-shrink:0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.page{padding:2rem 0 4rem}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{font-size:.9375rem;color:var(--text-secondary)}.grid{display:grid;grid-gap:1.25rem;gap:1.25rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem}@media (max-width:768px){.responsive-grid{grid-template-columns:1fr}}.wishlist-card{display:flex;flex-direction:column;gap:1rem;position:relative;min-width:0}.card-click-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.wishlist-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;position:relative;z-index:2;pointer-events:none}.wishlist-card-header .user-card-trigger{pointer-events:auto}.wishlist-card-header>div:first-child{min-width:0;flex:1 1}.wishlist-card-author{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0;width:100%;position:relative;z-index:3;pointer-events:none}.wishlist-card-author .user-card-trigger{pointer-events:auto}.wishlist-card-author-avatar{border-radius:var(--radius-full);background:var(--bg-input);object-fit:cover}.wishlist-card-author-name{font-size:.8125rem;font-weight:500;color:var(--text-secondary);max-width:18ch;display:inline-block;vertical-align:middle}.wishlist-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:.5rem}.wishlist-card-desc,.wishlist-card-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wishlist-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;min-height:2.625rem}.wishlist-card-desc,.wishlist-card-games{position:relative;z-index:2;pointer-events:none}.wishlist-card-games{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;min-height:58px}.wishlist-card-games::-webkit-scrollbar{height:3px}.wishlist-card-games::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.game-thumb{flex-shrink:0;width:120px;height:56px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);background:var(--bg-input);transition:all var(--transition-fast)}.game-thumb:hover{border-color:var(--accent);transform:scale(1.05)}.wishlist-card-footer{justify-content:space-between;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border);position:relative;z-index:2;pointer-events:auto}.wishlist-card-footer,.wishlist-card-stats{display:flex;align-items:center;gap:1rem}.wishlist-card-stat{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-muted)}@media (max-width:768px){.wishlist-card{padding:1rem}.game-thumb{width:100px;height:47px}}.game-item{display:flex;align-items:stretch;gap:0;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal);overflow:hidden;padding:0;position:relative}.game-item:hover{border-color:var(--accent-dim);background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-item-main-link{color:inherit;text-decoration:none;display:flex;align-items:flex-start;gap:1.25rem;flex:1 1;min-width:0;padding:.75rem;transition:background var(--transition-fast)}.game-item-main-link:hover{color:inherit}.wishlist-detail-game-wrap{position:relative;width:120px;height:56px;overflow:hidden;border-radius:4px 0 0 4px}.game-item-actions{padding-right:.5rem}.game-item-image{width:100%;height:100%;object-fit:cover}.game-item-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.game-item-name{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.game-item-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-item-price{font-size:.9375rem;font-weight:700;color:#beee11;white-space:nowrap}.game-item-free{color:var(--accent);font-weight:500}.steamdb-link{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.03);border:1px solid var(--border);color:var(--text-muted);transition:all var(--transition-fast);text-decoration:none;margin-left:.5rem}.steamdb-link:hover{background:hsla(0,0%,100%,.08);border-color:var(--accent);color:var(--accent)}.discount-badge{display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:700;padding:.25rem .375rem;border-radius:2px;line-height:1;min-width:38px}.discount-positive{background:#a2d92d;color:#000}.discount-negative{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.discount-none{background:hsla(0,0%,100%,.05);color:var(--text-muted)}.game-item-actions{display:flex;align-items:center;gap:1rem;padding:0 .75rem .75rem}@media (min-width:641px){.game-item-actions{padding:0 .75rem 0 0}}.game-item-price-unavailable{background:hsla(0,0%,100%,.05);padding:4px 8px;border-radius:4px}.game-item-price-unavailable,.price-disclaimer{color:var(--text-muted);font-style:italic;font-size:.75rem}.price-disclaimer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);text-align:right;opacity:.8}.reveal-price-btn{padding:4px 12px;font-size:.75rem;height:auto}.price-refresh-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;transition:all var(--transition-fast);border-radius:50%;opacity:.6}.price-refresh-btn:hover:not(:disabled){color:var(--accent);background:hsla(0,0%,100%,.05);opacity:1}.price-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.game-item,.game-item-main-link{flex-direction:column;align-items:stretch}.game-item-main-link{gap:.5rem;padding:.75rem}.wishlist-detail-game-wrap{width:100%;height:140px;border-radius:var(--radius-sm)}.game-item-actions{width:100%;justify-content:space-between;padding:0 .75rem .75rem}.steamdb-text{display:inline}.steamdb-link{margin-left:auto}}.game-search{position:relative}.game-search-results{position:absolute;top:100%;left:0;right:0;z-index:50;max-height:300px;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);margin-top:.25rem}.game-search-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border)}.game-search-item:last-child{border-bottom:none}.game-search-item:hover{background:var(--bg-glass)}.game-search-item-image{width:80px;height:37px;object-fit:cover;border-radius:4px;flex-shrink:0}.game-search-item-name{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.search-icon-wrapper{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{padding-left:2.5rem}.search-spinner-wrapper{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.game-search-item-img-wrap{position:relative;width:60px;height:28px;border-radius:2px;overflow:hidden;flex-shrink:0}.selected-games{display:flex;flex-direction:column;gap:.5rem}.selected-game{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border)}.selected-game-image{width:80px;height:37px;object-fit:cover;border-radius:4px;flex-shrink:0}.selected-game-img-wrap{position:relative;width:60px;height:28px;border-radius:2px;overflow:hidden;flex-shrink:0}.selected-game-name{flex:1 1;font-size:.8125rem;font-weight:500}.selected-game-remove{padding:.25rem;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.selected-game-remove:hover{color:var(--danger);background:rgba(239,68,68,.1)}.comments-section{margin-top:1.5rem}.comments-title{font-size:1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.comment-form{display:flex;gap:.5rem;margin-bottom:1.5rem}.comment-form .form-input{flex:1 1}.comment-item{display:flex;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.comment-item:last-child{border-bottom:none}.comment-avatar{width:32px;height:32px;border-radius:var(--radius-full);flex-shrink:0}.comment-body{flex:1 1;min-width:0}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.comment-author{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.comment-time{font-size:.75rem;color:var(--text-muted)}.comment-content{font-size:.875rem;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.comment-actions{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.comment-input-area{flex:1 1;min-height:40px;resize:none}.comment-edit-area{min-height:60px;resize:none}.comment-action-btn{padding:.25rem .5rem;font-size:.75rem;color:var(--text-muted)}.comment-meta-text{color:var(--text-muted);font-size:.875rem;padding:1rem 0}.like-button{cursor:pointer;display:inline-flex;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative;min-width:3rem}.like-button,.like-button-icon-wrap{align-items:center;justify-content:center}.like-button-icon-wrap{display:flex;width:14px;height:14px;flex-shrink:0}.comment-action-btn .like-button-icon-wrap{width:14px;height:14px}.like-button:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary);transform:translateY(-1px)}.like-button:disabled{opacity:.6;cursor:not-allowed}.like-button.is-liked{color:var(--danger)}.like-button.is-liked:hover:not(:disabled){background:rgba(239,68,68,.1);color:#f87171}.like-button svg{transition:transform var(--transition-fast)}.like-button:active:not(:disabled) svg{transform:scale(.85)}.like-button.is-liked svg{filter:drop-shadow(0 0 5px rgba(239,68,68,.3))}.like-button.cooldown-active{position:relative;overflow:hidden;filter:grayscale(.5);cursor:not-allowed}.like-cooldown-overlay{position:absolute;bottom:0;left:0;right:0;height:2px;background:hsla(0,0%,100%,.1);z-index:10}.like-cooldown-progress{height:100%;background:var(--accent);transition:width .03s linear;box-shadow:0 0 5px var(--accent)}.like-error-popup{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:.375rem .875rem;background:var(--danger);color:#fff;font-size:.8125rem;font-weight:500;border-radius:var(--radius-full);white-space:nowrap;z-index:1100;pointer-events:none;animation:popupFadeIn .2s ease forwards}.detail-actions .like-button{padding:.375rem .75rem;border:1px solid var(--border);background:var(--bg-glass);font-size:.8125rem;line-height:normal;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.detail-actions .like-button:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-card-hover)}.detail-actions .like-button.is-liked{border-color:rgba(239,68,68,.2)}.category-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.category-pill{padding:.375rem 1rem;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.8125rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.category-pill.active,.category-pill:hover{border-color:var(--accent);color:var(--accent)}.category-pill.active{background:var(--accent-dim)}.mobile-filter-btn{display:none;width:100%;justify-content:space-between;align-items:center}.category-panel{display:block;width:100%}.feed-filter-nav{width:100%}@media (min-width:769px){.mobile-categories{display:none!important}}@media (max-width:768px){.category-panel{display:none;width:100%}.category-panel.open{display:block;margin-top:1rem}.feed-filter-head{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem!important}.form-select{flex:1 1;width:auto;padding:.5rem 1.75rem .5rem .75rem}.form-select,.mobile-filter-btn{font-size:.8125rem;height:38px;box-sizing:border-box}.mobile-filter-btn{flex:0 0 110px;padding:.5rem .75rem;display:inline-flex;align-items:center;justify-content:space-between;gap:.25rem}.filter-arrow{display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid;opacity:.4;margin-left:.5rem;transition:transform .2s ease}.mobile-filter-btn[aria-expanded=true] .filter-arrow{transform:rotate(180deg)}}.hero{text-align:center;padding:5rem 0 3rem}.hero-compact{padding-bottom:2rem}.hero-desktop-only{display:block}.hero-title{font-size:3rem;font-weight:800;line-height:1.15;margin-bottom:1.25rem;background:linear-gradient(135deg,#e5e7eb,#66c0f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem}.landing-preview{margin-bottom:0}.landing-preview-header{margin-bottom:1.5rem}.landing-preview-title{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.landing-browse-all-wrap{display:flex;justify-content:center;margin-top:2rem}.landing-browse-all{display:inline-flex;align-items:center;gap:.375rem;color:var(--accent);font-size:.9rem;font-weight:500;text-decoration:none;transition:gap var(--transition-fast),color var(--transition-fast)}.landing-browse-all:hover{color:var(--accent-hover);gap:.625rem}.landing-section-divider{border:none;border-top:1px solid var(--border);margin:2.5rem 0}@media (max-width:640px){.hero-desktop-only{display:none}.landing-preview{padding-top:1.25rem}.landing-preview-header{margin-bottom:1rem}.landing-preview-title{font-size:1rem}.landing-section-divider{margin:1.75rem 0}.container{padding:0 1rem}}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.empty-state-desc{font-size:.875rem;margin-bottom:1.5rem}.feed-footer{margin-top:2rem;padding-bottom:4rem;text-align:center;animation:fadeIn .6s ease-out}.feed-footer-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin-bottom:3rem;width:100%}.feed-footer-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feed-footer-icon{font-size:1.5rem;margin-bottom:.5rem;filter:drop-shadow(0 0 8px var(--accent-dim))}.feed-footer-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.feed-footer-desc{font-size:.875rem;color:var(--text-muted);max-width:300px;margin-bottom:1rem}.feed-footer-actions{display:flex;align-items:center;justify-content:center;gap:1rem}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-full);border:3px solid var(--accent);box-shadow:var(--shadow-glow)}.profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-info h1{font-size:1.5rem;font-weight:700}.profile-info p{font-size:.875rem;color:var(--text-muted)}.detail-header{margin-bottom:2rem}.detail-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;word-break:break-word;overflow-wrap:break-word}.detail-meta{gap:1rem;margin-bottom:1rem}.detail-actions,.detail-meta{display:flex;align-items:center;flex-wrap:wrap}.detail-actions{gap:.5rem}.detail-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;white-space:pre-wrap}.wishlist-detail-author-img{position:relative;width:32px;height:32px;border-radius:50%;overflow:hidden}.wishlist-detail-date{font-size:.8125rem;color:var(--text-muted)}@media (max-width:768px){.detail-title{font-size:1.5rem}}.share-actions{display:flex;align-items:center;gap:.375rem}.btn-icon{padding:.375rem;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.share-btn{position:relative}.share-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:.375rem .75rem;background:var(--success);color:#fff;font-size:.75rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);margin-bottom:.5rem}.share-tooltip.visible{opacity:1}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:4rem 0 2rem;margin-top:4rem}.footer-container{display:flex;flex-direction:column;gap:2rem}.footer-content{display:flex;justify-content:space-between;gap:4rem;flex-wrap:wrap}.footer-brand{flex:1 1;min-width:250px}.footer-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;display:block}.footer-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.footer-legal{flex:1.5 1;min-width:300px;display:flex;flex-direction:column;gap:1.25rem}.legal-notice{font-size:.8125rem;color:var(--text-secondary);line-height:1.6;opacity:.8}.valve-disclaimer{font-size:.75rem;color:var(--text-secondary);font-style:italic;transition:transform var(--transition-fast)}@media (max-width:640px){.footer{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.developer-badge-container{display:inline-flex;align-items:center;gap:.325rem;vertical-align:middle;cursor:default;border-radius:var(--radius-full)}.developer-badge-shield{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 2px rgba(59,130,246,.4));transition:all var(--transition-normal);position:relative;border-radius:50%;will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);isolation:isolate;overflow:visible}.developer-badge-container:hover .developer-badge-shield{transform:translateZ(0) scale(1.15);filter:drop-shadow(0 0 12px rgba(59,130,246,.9)) drop-shadow(0 0 4px rgba(255,255,255,.5))}.developer-badge-svg{width:100%;height:100%}.shield-shimmer-path{transform:rotate(-15deg);animation:shield-shimmer 3s cubic-bezier(.4,0,.2,1) infinite}@keyframes shield-shimmer{0%{transform:translate(-150%,-150%) rotate(-15deg)}35%{transform:translate(150%,150%) rotate(-15deg)}to{transform:translate(150%,150%) rotate(-15deg)}}.developer-badge-label{font-size:.75rem;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(96,165,250,.3)}.developer-badge-sm .developer-badge-shield{width:1.25rem;height:1.25rem;padding:.125rem}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{width:100%;max-width:450px;background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:dialogContentIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dialogContentIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.dialog-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.dialog-body{padding:1.5rem}.dialog-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem}.btn-close,.dialog-footer{background:transparent;display:flex}.btn-close{color:var(--text-muted);cursor:pointer;border:none;font-size:1.5rem;align-items:center;justify-content:center;transition:color var(--transition-fast)}.btn-close:hover{color:var(--text-primary)}.user-card-trigger{display:inline-block;vertical-align:middle;cursor:pointer;transition:opacity var(--transition-fast);outline:none;pointer-events:auto;max-width:100%}.user-card-trigger:hover{opacity:.8;background:hsla(0,0%,100%,.05)}.user-card-popover{position:fixed;z-index:9999;width:320px;max-width:calc(100vw - 32px);background:var(--bg-secondary);background:rgba(26,30,39,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-hover);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 50px rgba(0,0,0,.6);overflow:hidden;animation:userCardFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes userCardFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-card-header{height:60px;background:var(--accent-gradient);opacity:.8}.user-card-body{padding:0 1.25rem 1.25rem;position:relative}.user-card-avatar-wrapper{margin-top:-45px;margin-bottom:.75rem;position:relative;display:flex;justify-content:flex-start;padding-left:.5rem}.user-card-avatar{width:80px;height:80px;border-radius:var(--radius-full);border:4px solid #1a1e27;background:var(--bg-secondary);box-shadow:var(--shadow-md);box-sizing:border-box;display:block}.user-card-avatar img{border-radius:var(--radius-full)}.user-card-content{display:flex;flex-direction:column;gap:.25rem}.user-card-primary-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);word-break:break-word}.user-card-secondary-name{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.user-card-steam-id{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);font-family:monospace}.user-card-actions{margin-top:1.25rem}.user-card-settings{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center}.mobile-bottom-nav{display:none}@media (max-width:640px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:var(--bg-navbar);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-top:1px solid hsla(0,0%,100%,.06);z-index:1000;align-items:center;justify-content:space-around;padding:0 1rem env(safe-area-inset-bottom)}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary);font-size:10px;text-decoration:none;transition:all .2s;flex:1 1;padding:8px 0}.bottom-nav-link.active{color:var(--accent)}.bottom-nav-icon{font-size:20px}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.language-switcher{display:flex;align-items:center;gap:.25rem}.lang-btn{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.lang-btn.active,.lang-btn:hover{border-color:var(--accent);color:var(--accent)}.lang-btn.active{background:var(--accent-dim)}.divider{color:var(--border);margin:0 .25rem}@media (max-width:768px){.language-switcher{gap:0!important}.lang-btn{padding:2px 3px!important;font-size:.7rem!important}.language-switcher .divider{margin:0 1px;font-size:.6rem}}.btn-steam-official{display:inline-flex!important;align-items:center;justify-content:center;transition:transform .2s ease;text-decoration:none!important;cursor:pointer;width:-moz-fit-content;width:fit-content;padding:0;background:transparent;border:none;border-radius:4px;overflow:hidden}.btn-steam-official img{display:block;height:32px;width:auto;transition:transform .2s ease}.btn-steam-official:hover{transform:scale(1.05)}.btn-steam-official:active{transform:scale(1.02)}.btn-hero.btn-steam-official img{height:46px}@media (max-width:640px){.btn-steam-official img{height:30px}.btn-hero.btn-steam-official img{height:46px}}