@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=DM+Sans&family=Inter:wght@400;700&family=Inter+Tight:wght@400;500&family=Figtree&display=swap";.auth-page{background:var(--color-cream);width:100%;height:100vh;display:flex;overflow:hidden}.auth-form-side{flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;gap:32px;width:50%;padding:20px 60px 40px;display:flex;overflow-y:auto}.auth-welcome{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;max-width:100%;height:85vh;padding:60px 80px;display:flex}.auth-welcome-logo{flex-shrink:0;width:100%}.auth-welcome-logo img{width:100%;height:auto}.auth-welcome-bottom{width:100%;margin-top:auto}.auth-tagline{font-family:var(--font-heading-regular);color:var(--color-red);margin-bottom:24px;font-size:36px;line-height:1.15}.auth-buttons{gap:12px;width:100%;display:flex}.auth-buttons .btn{letter-spacing:1.5px;flex:1;min-height:52px;padding:16px 32px;font-size:15px}.btn-gray{color:var(--color-white);background:#7a7a7a;border:none;border-radius:12px}.btn-gray:hover{background:#8a8a8a}.auth-form-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;display:flex}.auth-logo-small{height:56px;margin-bottom:8px}.auth-logo-small img{height:100%}.auth-form-header{text-align:center}.auth-form-title{font-family:var(--font-mono);color:var(--color-gray-dark);letter-spacing:2px;margin-bottom:8px;font-size:16px;font-weight:400}.auth-form-subtitle{font-family:var(--font-mono);color:var(--color-gray);letter-spacing:.5px;font-size:13px}.auth-form{flex-direction:column;gap:16px;width:100%;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-heading-regular);color:var(--color-gray-dark);font-size:14px}.auth-form .input{background:var(--color-gray-bg-light);border:1px solid var(--color-gray-border);font-family:var(--font-mono);color:var(--color-gray-dark);border-radius:8px;padding:12px 14px;font-size:14px}.auth-form .input::placeholder{color:var(--color-gray-lighter);font-family:var(--font-mono)}.auth-form .input:focus{border-color:var(--color-red);background:var(--color-white)}.auth-submit{letter-spacing:2px;width:100%;margin-top:4px;padding:14px 24px;font-size:14px}.auth-remember-row{justify-content:space-between;align-items:center;width:100%;display:flex}.remember-label{font-family:var(--font-mono);color:var(--color-gray-dark);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.remember-label input[type=checkbox]{accent-color:var(--color-gray-dark);width:16px;height:16px}.forgot-link{font-family:var(--font-mono);color:var(--color-gray-dark);cursor:pointer;font-size:13px;text-decoration:underline}.field-error{font-family:var(--font-mono);color:var(--color-red);margin-top:-4px;font-size:12px;line-height:1.4}.auth-link{font-family:var(--font-mono);color:var(--color-gray);text-align:center;font-size:13px}.auth-link a{color:var(--color-gray-dark);cursor:pointer;text-decoration:underline}.signup-avatar-wrap{cursor:pointer;width:80px;height:80px;position:relative}.signup-avatar-placeholder{background:var(--color-gray-bg);border:2px solid var(--color-gray-border);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.signup-avatar-img{object-fit:cover;border:2px solid var(--color-gray-border);border-radius:50%;width:80px;height:80px}.signup-avatar-edit{background:var(--color-red);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-4px;right:-8px}.signup-tabs{gap:8px;display:flex}.signup-tab{font-family:var(--font-mono);cursor:pointer;border:2px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray);border-radius:8px;padding:8px 24px;font-size:13px;transition:all .2s;transform:rotate(-2deg)}.signup-tab:nth-child(2){transform:rotate(1deg)}.signup-tab:nth-child(3){transform:rotate(-1deg)}.signup-tab.active{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-gray-dark)}.signup-tab.done{background:var(--color-green-soft);border-color:var(--color-green-soft);color:var(--color-gray-dark)}.signup-bio{resize:vertical;min-height:60px}.terms-label{font-family:var(--font-mono);color:var(--color-gray-dark);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.terms-label input[type=checkbox]{accent-color:var(--color-gray-dark);width:16px;height:16px}.terms-link{cursor:pointer;text-decoration:underline}.cover-grid-side{flex-direction:row;flex:0 0 50%;gap:10px;width:50%;padding:10px;display:flex;overflow:hidden}.cover-grid-column{flex:1;min-width:0;height:100vh;position:relative;overflow:hidden}.cover-grid-scroll{flex-direction:column;gap:10px;display:flex}.cover-grid-card{aspect-ratio:3/4;border:3px solid var(--color-red);background:linear-gradient(160deg, var(--color-peach) 0%, var(--color-terra-cotta-lightest) 40%, var(--color-cream) 100%);border-radius:16px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.cover-grid-card:nth-child(5n+2){border-color:var(--color-terra-cotta)}.cover-grid-card:nth-child(7n+3){border-color:var(--color-green)}.cover-grid-card:nth-child(11n+5){border-color:var(--color-blue-bright)}.cover-grid-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.cover-grid-card img.loaded{opacity:1}.cover-grid-scroll-1{animation:40s linear infinite gridScrollUp}.cover-grid-scroll-2{animation:45s linear infinite gridScrollDown}.cover-grid-scroll-3{animation:50s linear infinite gridScrollUp}@keyframes gridScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes gridScrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (width<=768px){.cover-grid-side{display:none}.auth-form-side{flex:1;max-width:100%;padding:20px}.auth-welcome{height:auto}.auth-tagline{font-size:24px}.auth-buttons{flex-direction:column;width:100%}.auth-buttons .btn{width:100%}}.reset-page{background:var(--color-cream);justify-content:center;align-items:center;min-height:100vh;display:flex}.reset-card{flex-direction:column;align-items:center;gap:24px;width:90%;max-width:420px;padding:40px;display:flex}.reset-logo{width:200px}.reset-logo img{width:100%;height:auto}.reset-title{font-family:var(--font-mono);text-align:center;font-size:24px}.reset-subtitle{font-family:var(--font-mono);color:var(--color-gray);text-align:center;font-size:16px}.password-field{width:100%;position:relative}.password-field .input{padding-right:40px}.password-toggle{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.reset-back{font-family:var(--font-mono);margin-top:12px;font-size:13px}.reset-back a{color:var(--color-red)}.success-popup{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-content{background:var(--color-white);text-align:center;border-radius:16px;width:90%;max-width:400px;overflow:hidden}.success-header{background:var(--color-red);color:var(--color-white);justify-content:space-between;align-items:center;padding:20px;font-family:HF Gesco Regular,Georgia,serif;font-size:32px;display:flex}.success-header .close-x{color:var(--color-white);cursor:pointer;background:0 0;border:none;font-size:24px}.success-body{padding:32px}.success-body h3{margin:16px 0 8px;font-family:HF Gesco Regular,Georgia,serif;font-size:24px}.success-body p{font-family:var(--font-mono);color:var(--color-gray);margin-bottom:24px;font-size:14px}.success-buttons{justify-content:center;gap:12px;display:flex}@media (width<=480px){.success-header{padding:16px;font-size:20px}.success-body,.reset-card{padding:24px 16px}.success-buttons{flex-wrap:wrap}}.onboarding-page{background:var(--color-cream);justify-content:center;align-items:center;min-height:100vh;display:flex}.onboarding{background:var(--color-white);border-radius:20px;width:90%;max-width:640px;padding:40px;box-shadow:0 8px 32px #00000014}.onboarding-logo{text-align:center;margin-bottom:8px}.onboarding-logo img{height:32px}.steps{justify-content:center;gap:8px;margin-bottom:32px;display:flex}.step-dot{background:var(--color-gray-border);border-radius:50%;width:10px;height:10px}.step-dot.active{background:var(--color-red)}.step-dot.done{background:var(--color-green)}.onboarding-title{text-transform:uppercase;text-align:center;margin-bottom:8px;font-family:HF Gesco Regular,Georgia,serif;font-size:22px}.onboarding-subtitle{text-align:center;color:var(--color-gray);margin-bottom:28px;font-size:14px}.game-pick-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.game-pick{cursor:pointer;aspect-ratio:2/3;border:3px solid #0000;border-radius:10px;transition:border-color .2s;position:relative;overflow:hidden}.game-pick.selected{border-color:var(--color-red)}.game-pick img{object-fit:cover;width:100%;height:100%;display:block}.game-pick-check{background:var(--color-red);width:24px;height:24px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:none;position:absolute;top:6px;right:6px}.game-pick.selected .game-pick-check{display:flex}.user-card-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.user-card{background:var(--color-gray-bg);text-align:center;border-radius:12px;padding:16px}.user-card img{object-fit:cover;border-radius:50%;width:48px;height:48px;margin-bottom:8px}.user-card-name{margin-bottom:4px;font-size:14px;font-weight:500}.user-card-games{color:var(--color-gray);margin-bottom:8px;font-size:12px}.user-card .follow-btn{background:var(--color-red);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:13px}.completion{text-align:center;padding:20px 0}.completion-emoji{margin-bottom:16px;font-size:64px}.completion-title{text-transform:uppercase;margin-bottom:8px;font-family:HF Gesco Regular,Georgia,serif;font-size:28px}.completion-text{color:var(--color-gray);margin-bottom:24px;font-size:14px}.onboarding-footer{justify-content:space-between;align-items:center;display:flex}.step-counter{color:var(--color-gray);font-size:13px}@media (width<=768px){.onboarding{padding:24px}.game-pick-grid{grid-template-columns:repeat(3,1fr)}.user-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.onboarding{width:95%;padding:20px 16px}.game-pick-grid,.user-card-grid{grid-template-columns:repeat(2,1fr)}.onboarding-title{font-size:18px}}.sidebar{background:var(--color-cream);z-index:40;flex-direction:column;align-items:center;gap:8px;width:120px;padding:16px 12px;display:flex;position:fixed;top:56px;bottom:0;left:0}.sidebar-item{cursor:pointer;width:96px;color:var(--color-gray-dark);border:2px solid var(--color-gray-border);background:var(--color-white);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{border-color:var(--color-gray)}.sidebar-item.active{background:var(--color-red);border-color:var(--color-red);color:var(--color-white)}.sidebar-label{font-family:var(--font-mono);letter-spacing:.5px;font-size:11px}@media (width<=768px){.sidebar{display:none}}.header{background:var(--color-red);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{cursor:pointer;background:0 0;border:none;height:28px;padding:0}.header-logo img{height:100%}.header-actions{align-items:center;gap:12px;display:flex}.header-add-btn{font-family:var(--font-mono);letter-spacing:1.5px;border:2px solid var(--color-white);color:var(--color-white);cursor:pointer;background:0 0;border-radius:8px;padding:8px 20px;font-size:12px;transition:background .2s}.header-add-btn:hover{background:#ffffff26}.header-icon-btn{cursor:pointer;color:var(--color-white);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:relative}.header-icon-btn:hover{background:#ffffff26}.header-badge{font-family:var(--font-mono);background:var(--color-white);color:var(--color-red);text-align:center;border-radius:8px;min-width:16px;padding:0 5px;font-size:10px;line-height:16px;position:absolute;top:2px;right:0}@media (width<=768px){.header{padding:0 16px}.header-add-btn{display:none}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{height:calc(56px + env(safe-area-inset-bottom));background:var(--color-white);border-top:1px solid var(--color-gray-border);z-index:50;padding-top:6px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-gray);flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 16px;font-family:HF Gesco Regular,Georgia,serif;font-size:11px;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--color-red)}}.section{margin-bottom:40px}.section-header-caps{font-family:var(--font-heading);color:var(--color-gray-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-size:22px}.ambassador-card-v2{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:16px;align-items:flex-start;gap:24px;padding:24px;display:flex}.ambassador-game-cover{cursor:pointer;border-radius:16px;flex-shrink:0;width:200px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026}.ambassador-game-cover img{border-radius:12px;width:100%;height:auto;display:block}.ambassador-info{flex:1}.ambassador-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ambassador-avatar-sm{object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px}.ambassador-name-v2{font-family:var(--font-heading);color:var(--color-gray-dark);font-size:17px;font-weight:700}.badge-ambassador-sm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;background:var(--color-red);color:var(--color-white);border-radius:4px;padding:3px 8px;font-size:10px;display:inline-block}.btn-follow{font-family:var(--font-mono);border:2px solid var(--color-red);background:var(--color-red);color:var(--color-white);cursor:pointer;border-radius:6px;margin-left:auto;padding:6px 16px;font-size:12px}.btn-follow:hover{opacity:.9}.ambassador-quote-v2{font-family:var(--font-body);color:var(--color-gray-medium);margin-bottom:12px;font-size:14px;line-height:1.6}.ambassador-actions{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.read-more-link{font-family:var(--font-mono);color:var(--color-gray);cursor:pointer;font-size:13px}.read-more-link:hover{color:var(--color-red)}.btn-add-library{letter-spacing:.5px;background:var(--color-green);border-color:var(--color-green);float:right;margin-top:8px;padding:10px 20px;font-size:12px}.btn-add-library:hover{background:var(--color-green-dark);border-color:var(--color-green-dark)}.ambassador-picks-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.ambassador-picks-label{font-family:var(--font-mono);color:var(--color-gray);margin-left:8px;font-size:13px;font-style:italic}.prompt-card{background:var(--color-cream);border:2px solid var(--color-gray-border);text-align:center;border-radius:16px;padding:32px}.prompt-icon{margin-bottom:12px;font-size:40px}.prompt-text{font-family:var(--font-heading-regular);color:var(--color-gray-dark);margin-bottom:20px;font-size:22px}.prompt-btn{letter-spacing:1px;padding:10px 24px;font-size:12px}@media (width<=768px){.ambassador-card-v2{flex-direction:column}.ambassador-game-cover{width:100%;max-width:200px}.section{margin-bottom:28px}}@media (width<=480px){.prompt-text{font-size:18px}.prompt-card{padding:24px 16px}.section{margin-bottom:24px}}.discover-search-section{margin-bottom:16px}.discover-search-wrap{width:100%;max-width:480px;position:relative}.discover-search-icon{color:var(--color-gray);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.discover-search-input{border:1px solid var(--color-gray-border);background:var(--color-white);width:100%;font-family:var(--font-mono);color:var(--color-gray-dark);border-radius:10px;outline:none;padding:12px 14px 12px 42px;font-size:14px;transition:border-color .2s}.discover-search-input::placeholder{color:var(--color-gray-lighter)}.discover-search-input:focus{border-color:var(--color-red)}.discover-categories{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.discover-pill{font-family:var(--font-mono);cursor:pointer;border:2px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray);white-space:nowrap;border-radius:20px;padding:6px 16px;font-size:13px;transition:all .2s}.discover-pill:hover{border-color:var(--color-gray);color:var(--color-gray-dark)}.discover-pill.active{background:var(--color-red);border-color:var(--color-red);color:var(--color-white)}.discover-empty{font-family:var(--font-mono);color:var(--color-gray);text-align:center;padding:32px 0;font-size:14px}@media (width<=768px){.discover-search-wrap{max-width:100%}.discover-categories{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.discover-categories::-webkit-scrollbar{display:none}}.search-bar{align-items:center;gap:12px;display:flex}.search-input{flex:1}.search-count{color:var(--color-gray);margin-bottom:16px;font-size:14px}.search-status{color:var(--color-gray);padding:24px 0;font-size:14px}@media (width<=480px){.search-bar{flex-direction:column}.search-bar .btn{width:100%}}.journal-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.journal-page-header .section-header{margin-bottom:0}.journal-empty-sub{color:var(--color-gray);margin-top:-8px;margin-bottom:16px;font-size:14px}.journal-list{flex-direction:column;gap:16px;max-width:720px;display:flex}.journal-card{background:var(--color-white);border:1px solid var(--color-gray-border);cursor:pointer;border-radius:12px;padding:20px;transition:border-color .2s}.journal-card:hover{border-color:var(--color-gray-lighter)}.journal-card-top{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.journal-card-cover{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:64px}.journal-card-cover-placeholder{background:var(--color-gray-bg);border-radius:6px;flex-shrink:0;width:48px;height:64px}.journal-card-meta{flex:1;min-width:0}.journal-card-game{font-size:15px;font-weight:600}.journal-card-genre{background:var(--color-gray-bg);color:var(--color-gray);border-radius:4px;margin:4px 0;padding:2px 8px;font-size:11px;display:inline-block}.journal-card-date{color:var(--color-gray);margin-top:2px;font-size:12px}.journal-card-delete{color:var(--color-gray-light);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:16px}.journal-card-delete:hover{color:var(--color-gray-medium)}.journal-card-content{color:var(--color-gray-medium);font-size:14px;line-height:1.6}@media (width<=768px){.journal-page-header{flex-wrap:wrap;gap:12px}.journal-card{padding:16px}}@media (width<=480px){.journal-page-header .btn{width:100%}}.profile-banner{background:linear-gradient(135deg, var(--color-peach) 0%, var(--color-terra-cotta-light) 40%, var(--color-terra-cotta-lightest) 70%, var(--color-cream) 100%);height:200px;position:relative}.profile-banner-edit{background:var(--color-white);border:1px solid var(--color-gray-border);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;top:16px;right:16px}.profile-info{align-items:flex-end;gap:24px;margin-top:-50px;margin-bottom:16px;padding:0 32px;display:flex}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{object-fit:cover;border:4px solid var(--color-yellow);background:var(--color-cream);border-radius:50%;width:110px;height:110px}.profile-edit-avatar{background:var(--color-red);width:28px;height:28px;color:var(--color-white);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;bottom:4px;right:4px}.profile-right{flex:1;justify-content:flex-end;align-items:center;gap:24px;padding-bottom:8px;display:flex}.profile-stats-row{gap:24px;display:flex}.profile-stat{font-family:var(--font-mono);color:var(--color-gray);font-size:13px}.profile-stat strong{color:var(--color-gray-dark);margin-right:4px}.profile-edit-btn{letter-spacing:1px;padding:8px 16px!important;font-size:12px!important}.profile-name{font-family:var(--font-heading);color:var(--color-gray-dark);margin-bottom:24px;padding:0 32px;font-size:32px}.profile-tabs{gap:0;margin-bottom:24px;padding:0 32px;display:flex}.profile-tab{font-family:var(--font-mono);letter-spacing:1px;text-align:center;cursor:pointer;border:2px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray);flex:1;padding:14px;font-size:13px;transition:all .2s}.profile-tab:first-child{border-radius:8px 0 0 8px}.profile-tab:last-child{border-radius:0 8px 8px 0}.profile-tab.active{background:var(--color-red);border-color:var(--color-red);color:var(--color-white)}.profile-section{padding:0 32px}.collections-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.collections-title{font-family:var(--font-heading);color:var(--color-gray-dark);font-size:22px}.collections-add-btn{letter-spacing:1px;padding:8px 16px!important;font-size:12px!important}.library-filters{gap:8px;margin-bottom:20px;display:flex}.empty-state-title{font-family:var(--font-heading);color:var(--color-gray-dark);margin-bottom:8px;font-size:18px}.empty-state-text{font-family:var(--font-mono);color:var(--color-gray);margin-bottom:16px;font-size:13px}.btn-orange{background:var(--color-orange);color:var(--color-white);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:12px}.btn-orange:hover{background:var(--color-orange-dark)}.journal-entry{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px;display:flex}.journal-entry img{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:64px}.journal-game-name{margin-bottom:4px;font-size:14px;font-weight:600}.journal-text{color:var(--color-gray-medium);font-size:14px;line-height:1.6}.journal-delete{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;font-size:18px}.journal-delete:hover{opacity:1}@media (width<=768px){.profile-info{flex-direction:column;align-items:center}.profile-right{justify-content:center;padding-top:12px}.profile-tabs,.profile-section{padding:0 16px}.profile-name{text-align:center;padding:0 16px}}.game-back-btn{font-family:var(--font-heading);color:var(--color-gray-dark);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:24px;padding:0;font-size:20px;display:inline-flex}.game-back-arrow{background:var(--color-red);width:36px;height:36px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:inline-flex}.game-hero-v2{align-items:flex-start;gap:48px;margin-bottom:48px;display:flex}.game-hero-text{flex:1;min-width:0}.game-title-v2{font-family:var(--font-heading);color:var(--color-gray-dark);margin-bottom:8px;font-size:32px;line-height:1.2}.game-release{font-family:var(--font-mono);color:var(--color-gray);margin-bottom:24px;font-size:13px}.game-section-title{font-family:var(--font-heading);color:var(--color-gray-dark);text-transform:uppercase;margin-bottom:12px;font-size:18px}.game-story{font-family:var(--font-body);color:var(--color-gray-medium);margin-bottom:32px;font-size:14px;line-height:1.7}.game-inline-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px;display:grid}.game-inline-label{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-gray-dark);margin-bottom:8px;font-size:14px}.game-inline-value{font-family:var(--font-mono);color:var(--color-gray-medium);font-size:13px;line-height:1.5}.game-igdb-link{font-family:var(--font-mono);letter-spacing:1px;border:2px solid var(--color-red);color:var(--color-red);border-radius:8px;margin-bottom:24px;padding:10px 24px;font-size:12px;text-decoration:none;display:inline-block}.game-igdb-link:hover{background:var(--color-terra-cotta-lightest)}.game-hero-cover-v2{flex-shrink:0;width:320px}.game-cover-wrap{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.game-cover-wrap img{width:100%;display:block}.game-cover-add{background:var(--color-red);width:44px;height:44px;color:var(--color-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;bottom:16px;right:16px}.game-cover-add:hover{opacity:.9}.game-cover-placeholder{aspect-ratio:3/4;background:var(--color-gray-bg);border-radius:16px;width:100%}.game-info-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px;display:grid}.game-info-card{background:var(--color-peach);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex}.game-info-card-label{font-family:var(--font-heading);text-transform:uppercase;color:var(--color-gray-dark);margin-bottom:16px;font-size:14px}.game-info-card-value{font-family:var(--font-mono);color:var(--color-gray-medium);font-size:13px;line-height:1.5}@media (width<=768px){.game-hero-v2{flex-direction:column-reverse}.game-hero-cover-v2{width:100%;max-width:300px}.game-inline-grid{grid-template-columns:1fr}.game-info-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.game-info-grid{grid-template-columns:1fr}}.settings-title{font-family:var(--font-heading-regular);color:var(--color-gray-dark);margin-bottom:32px;font-size:28px}.settings-section{margin-bottom:32px}.settings-section-title{font-family:var(--font-mono);color:var(--color-gray);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:14px}.settings-card{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;padding:24px}.settings-avatar-row{border-bottom:1px solid var(--color-gray-border);align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.settings-avatar{object-fit:cover;border:2px solid var(--color-gray-border);border-radius:50%;width:56px;height:56px}.settings-avatar-name{font-family:var(--font-heading-regular);color:var(--color-gray-dark);margin-bottom:2px;font-size:16px}.settings-avatar-hint{font-family:var(--font-mono);color:var(--color-gray);font-size:12px}.settings-form{flex-direction:column;gap:16px;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-label{font-family:var(--font-heading-regular);color:var(--color-gray-dark);font-size:14px}.settings-input{background:var(--color-gray-bg-light);border:1px solid var(--color-gray-border);font-family:var(--font-mono);color:var(--color-gray-dark);border-radius:8px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.settings-input:focus{border-color:var(--color-red);background:var(--color-white)}.settings-input[readonly]{opacity:.6;cursor:not-allowed}.settings-textarea{resize:vertical;min-height:60px}.settings-save-msg{font-family:var(--font-mono);color:var(--color-green-dark);font-size:13px}.settings-save-btn{align-self:flex-start;padding:10px 24px;font-size:13px}.settings-row{border-bottom:1px solid var(--color-gray-border);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 0;transition:background .15s;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:hover{opacity:.8}.settings-row-label{font-family:var(--font-mono);color:var(--color-gray-dark);font-size:14px}.settings-row-danger .settings-row-label{color:var(--color-red)}.settings-row-danger svg{stroke:var(--color-red)}@media (width<=768px){.settings-card{padding:16px}.settings-avatar-row{margin-bottom:16px;padding-bottom:16px}.settings-save-btn{text-align:center;width:100%}}.admin-page{background:var(--color-cream);max-width:900px;min-height:100vh;margin:0 auto;padding:40px 24px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.admin-title{font-family:var(--font-heading);color:var(--color-gray-dark);font-size:28px}.admin-subtitle{font-family:var(--font-mono);color:var(--color-gray);margin-bottom:32px;font-size:13px}.admin-page-tabs{gap:4px;display:flex}.admin-tab{font-family:var(--font-mono);border:1px solid var(--color-gray-border);background:var(--color-white);cursor:pointer;color:var(--color-gray);border-radius:8px;padding:8px 20px;font-size:13px;transition:all .2s}.admin-tab.active{background:var(--color-gray-dark);color:var(--color-white);border-color:var(--color-gray-dark)}.admin-sections{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.admin-section-wrap{align-items:flex-start;gap:12px;display:flex}.admin-reorder{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding-top:16px;display:flex}.admin-reorder-btn{border:1px solid var(--color-gray-border);cursor:pointer;width:28px;height:24px;color:var(--color-gray);background:0 0;border-radius:4px;justify-content:center;align-items:center;font-size:10px;display:flex}.admin-reorder-btn:disabled{opacity:.3;cursor:default}.admin-reorder-pos{font-family:var(--font-mono);color:var(--color-gray-light);font-size:11px}.admin-section-card{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;flex:1;transition:opacity .2s;overflow:hidden}.admin-section-card.disabled{opacity:.5}.admin-section-header{background:var(--color-gray-bg-light);border-bottom:1px solid var(--color-gray-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.admin-section-drag{color:var(--color-gray-light);cursor:grab;font-size:14px}.admin-section-type-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;background:var(--color-red);color:#fff;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:10px}.admin-section-title-input{font-family:var(--font-heading-regular);color:var(--color-gray-dark);background:0 0;border:none;outline:none;flex:1;font-size:15px}.admin-toggle{flex-shrink:0;width:40px;height:22px;position:relative}.admin-toggle input{opacity:0;width:0;height:0}.admin-toggle-slider{background:var(--color-gray-lighter);cursor:pointer;border-radius:11px;transition:background .2s;position:absolute;inset:0}.admin-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.admin-toggle input:checked+.admin-toggle-slider{background:var(--color-green)}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translate(18px)}.admin-section-body{flex-direction:column;gap:12px;padding:16px;display:flex}.admin-field-row{align-items:center;gap:12px;display:flex}.admin-field-row label{font-family:var(--font-mono);color:var(--color-gray);flex-shrink:0;min-width:100px;font-size:12px}.admin-input{font-family:var(--font-mono);border:1px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray-dark);border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px}.admin-input:focus{border-color:var(--color-red)}.admin-input-sm{max-width:80px}.admin-select{font-family:var(--font-mono);border:1px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray-dark);border-radius:6px;outline:none;padding:8px 12px;font-size:13px}.admin-textarea{font-family:var(--font-mono);border:1px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray-dark);resize:vertical;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:13px}.admin-textarea:focus{border-color:var(--color-red)}.admin-btn{font-family:var(--font-mono);border:1px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray-dark);cursor:pointer;white-space:nowrap;border-radius:6px;padding:8px 16px;font-size:12px}.admin-btn:hover{background:var(--color-gray-bg-light)}.admin-btn-primary{background:var(--color-red);color:#fff;border-color:var(--color-red)}.admin-btn-primary:hover{background:#b22400}.admin-btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.admin-btn-danger:hover{background:#fff0f0}.admin-section-footer{border-top:1px solid var(--color-gray-border);background:var(--color-gray-bg-light);gap:8px;padding:12px 16px;display:flex}.admin-add-btn{margin-top:8px}.admin-add-form{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;align-items:center;gap:8px;padding:16px;display:flex}.admin-game-search{margin-top:8px}.admin-game-results{border:1px solid var(--color-gray-border);border-radius:8px;max-height:240px;margin-top:8px;overflow-y:auto}.admin-game-result{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.admin-game-result:hover{background:var(--color-gray-bg-light)}.admin-game-result img{object-fit:cover;border-radius:4px;width:32px;height:42px}.admin-game-name{font-family:var(--font-heading-regular);color:var(--color-gray-dark);font-size:13px}.admin-game-meta{font-family:var(--font-mono);color:var(--color-gray);font-size:11px}.admin-selected-games{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.admin-game-chip{font-family:var(--font-mono);background:var(--color-gray-bg);border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.admin-game-chip button{cursor:pointer;color:var(--color-gray);background:0 0;border:none;font-size:12px}.admin-posts-editor{flex-direction:column;gap:12px;display:flex}.admin-post-card{border:1px solid var(--color-gray-border);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}@font-face{font-family:HF Gesco Bold;src:url(/fonts/HFGesco-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:HF Gesco Regular;src:url(/fonts/HFGesco-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:HF Gesco Light;src:url(/fonts/HFGesco-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:GT America Mono;src:url(/fonts/GTAmericaMono-Regular.ttf)format("truetype");font-weight:400;font-display:swap}:root{--font-heading:"HF Gesco Bold", Georgia, serif;--font-heading-regular:"HF Gesco Regular", Georgia, serif;--font-heading-light:"HF Gesco Light", Georgia, serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"GT America Mono", "Courier New", monospace;--font-logo:"HF Gesco Bold", Georgia, serif;--color-red:#c62e07;--color-red-bright:#ef2f15;--color-red-dark:#b0200c;--color-terra-cotta:#dd8167;--color-terra-cotta-light:#f9b3a9;--color-terra-cotta-lighter:#fbd0cb;--color-terra-cotta-lightest:#fdeae7;--color-orange:#fa9b18;--color-orange-dark:#e89320;--color-yellow:#f4cf03;--color-yellow-light:#ffdc8a;--color-gold:#ffb505;--color-gold-dark:#b88100;--color-amber:#eba500;--color-peach:#fde9c3;--color-cream:#fffdeb;--color-green:#79bc90;--color-green-dark:#1e6c30;--color-green-medium:#2ea84a;--color-green-bright:#268838;--color-green-success:#17db4e;--color-green-soft:#b7dcc0;--color-green-light:#cfe8d5;--color-green-lighter:#eaf5ed;--color-green-lightest:#f5faf6;--color-blue-primary:#0205d3;--color-blue-royal:#0947d7;--color-blue-bright:#1e6df6;--color-blue-purple:#401fc1;--color-blue-soft:#afcef8;--color-blue-light:#d5e5fb;--color-blue-lighter:#ebf3ff;--color-blue-lightest:#f5faff;--color-purple:#513edf;--color-purple-light:#625dfe;--color-purple-deep:#341a9e;--color-purple-navy:#0c29ab;--color-purple-soft:#bdc3f4;--color-purple-lighter:#d8dbf9;--color-purple-lightest:#e9ebfb;--color-black:#000;--color-dark-gray:#252525;--color-navy-text:#091747;--color-gray-dark:#1a1a1a;--color-gray-medium:#525252;--color-gray:#8a8a8a;--color-gray-cool:#9597a1;--color-gray-light:#a6a6a6;--color-gray-lighter:#c7c7c7;--color-gray-border:#e3e3e5;--color-gray-bg:#f2f2f2;--color-gray-bg-light:#f7f7f7;--color-white:#fff;--color-success:#17db4e;--color-alert:#fab515;--color-danger:#b0200c;--color-destructive:red}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-cream);color:var(--color-gray-dark);min-height:100vh;font-family:HF Gesco Regular,Georgia,serif;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5{letter-spacing:.3px;font-family:HF Gesco Regular,Georgia,serif}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;min-width:0;max-width:1400px;margin-top:56px;margin-left:120px;padding:40px}.main-area{flex:1;min-width:0;margin-top:56px;margin-left:120px;padding-bottom:40px}.btn{cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 24px;font-family:HF Gesco Regular,Georgia,serif;font-size:14px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--color-red);color:var(--color-white);border-color:var(--color-red)}.btn-primary:hover{background:#b22400}.btn-outline{background:var(--color-cream);color:var(--color-red);border:2px solid var(--color-red)}.btn-outline:hover{background:var(--color-peach)}.btn-green{background:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.btn-orange{background:var(--color-orange);color:var(--color-white);border-color:var(--color-orange)}.pill{cursor:pointer;background:var(--color-cream);border:2px solid;border-radius:20px;padding:6px 16px;font-family:HF Gesco Regular,Georgia,serif;font-size:13px;transition:all .2s}.pill-played{border-color:var(--color-green);color:var(--color-green)}.pill-played.active{background:var(--color-green);color:var(--color-white)}.pill-playing{border-color:var(--color-orange);color:var(--color-orange)}.pill-playing.active{background:var(--color-orange);color:var(--color-white)}.pill-want{border-color:var(--color-red);color:var(--color-red)}.pill-want.active{background:var(--color-red);color:var(--color-white)}.card{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;overflow:hidden}.game-card{cursor:pointer;border-radius:8px;transition:transform .2s;position:relative;overflow:hidden}.game-card:hover{transform:scale(1.02)}.game-card img{object-fit:cover;width:100%;height:100%;display:block}.game-card .add-btn{background:var(--color-red);width:32px;height:32px;color:var(--color-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;bottom:8px;right:8px}.avatar{object-fit:cover;border:3px solid var(--color-white);border-radius:50%;width:80px;height:80px}.avatar-sm{width:40px;height:40px}.avatar-lg{width:120px;height:120px}.badge-ambassador{background:var(--color-yellow);color:var(--color-dark-gray);border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-family:HF Gesco Regular,Georgia,serif;font-size:12px;display:inline-flex}.reactions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reaction-btn{background:var(--color-gray-bg);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:14px;transition:background .2s;display:flex}.reaction-btn:hover{background:var(--color-gray-border)}.reaction-btn span{color:var(--color-gray);font-size:12px}.section-header{color:var(--color-gray-dark);margin-bottom:16px;font-family:HF Gesco Regular,Georgia,serif;font-size:24px}.game-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.game-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.input{border:1px solid var(--color-gray-border);background:var(--color-white);color:var(--color-gray-dark);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:HF Gesco Regular,Georgia,serif;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--color-red)}.input::placeholder{color:var(--color-gray-light)}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:16px;width:90%;max-width:480px;padding:24px;position:relative}.modal-close{cursor:pointer;color:var(--color-gray);background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:16px}.empty-state{text-align:center;border:2px dashed var(--color-orange);border-radius:12px;padding:48px 24px}.empty-state-emoji{margin-bottom:12px;font-size:48px}.empty-state-text{color:var(--color-gray);margin-bottom:16px;font-size:16px}@media (width<=1024px){.game-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.main-content{padding:24px 16px calc(64px + env(safe-area-inset-bottom));max-width:none;margin-left:0}.main-area{padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0}.game-grid{grid-template-columns:repeat(3,1fr);gap:12px}.game-grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.game-card .add-btn{width:36px;height:36px}.modal{padding:20px 16px}.modal .pill{padding:5px 12px;font-size:12px}.input,input,textarea,select{font-size:16px}}@media (width<=480px){.main-content{padding:16px 12px calc(72px + env(safe-area-inset-bottom))}.game-grid,.game-grid-4{grid-template-columns:repeat(2,1fr)}.section-header{font-size:20px}.empty-state{padding:32px 16px}}