.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-cream);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;background:0 0;border:none;padding:0;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,.auth-link-btn{color:var(--color-gray-dark);cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.input--readonly{background:var(--color-gray-bg);color:var(--color-gray);-webkit-user-select:none;user-select:none;align-items:center;display:flex}.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 (prefers-reduced-motion:reduce){.cover-grid-scroll-1,.cover-grid-scroll-2,.cover-grid-scroll-3{animation:none}}@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-cream);text-align:center;border-radius:16px;width:90%;max-width:400px;overflow:hidden}.success-header{background:var(--color-red);color:var(--color-cream);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-cream);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}}.ob-backdrop{z-index:var(--z-modal);background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ob-modal{background:var(--color-cream);border-radius:24px;flex-direction:column;width:100%;max-width:960px;height:calc(100vh - 48px);padding:40px 48px;display:flex;overflow:hidden;box-shadow:0 24px 80px #0003}.ob-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;margin:0 0 20px;font-size:28px}.ob-steps{flex-shrink:0;align-items:center;gap:0;margin-bottom:8px;display:flex}.ob-step{font-family:var(--font-heading);letter-spacing:.5px;color:var(--color-gray);text-transform:uppercase;white-space:nowrap;cursor:pointer;flex:1;align-items:center;gap:8px;font-size:14px;display:flex}.ob-step--disabled{opacity:.4;cursor:default}.ob-step:first-child{justify-content:flex-start}.ob-step:nth-child(2){justify-content:center}.ob-step:last-child{justify-content:flex-end}.ob-step--active{color:var(--color-gray-dark)}.ob-step__mascot{font-size:32px;line-height:1}.ob-divider{background:var(--color-red);border-radius:2px;flex-shrink:0;width:100%;height:3px;margin-bottom:24px}.ob-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ob-content--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ob-cards-row{flex:1;grid-template-columns:repeat(3,1fr);gap:20px;min-height:0;display:grid}.ob-game-card{border-radius:16px;flex-direction:column;padding:20px 16px;display:flex;position:relative}.ob-game-card--green{border:3.5px solid var(--color-green)}.ob-game-card--orange{border:3.5px solid var(--color-orange)}.ob-game-card--yellow{border:3.5px solid var(--color-yellow)}.ob-game-card__question{font-family:var(--font-heading);color:var(--color-gray-dark);min-height:80px;margin:0 0 12px;font-size:20px;line-height:1.3}.ob-game-card__cover{border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden}.ob-game-card__cover>img{object-fit:cover;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.ob-game-card__remove{width:28px;height:28px;color:var(--color-cream);cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.ob-game-card__remove:hover{background:#000c}.ob-game-card__search{position:absolute;bottom:12px;left:12px;right:12px}.ob-game-card__label{font-family:var(--font-mono);color:var(--color-gray-dark);letter-spacing:.3px;margin-bottom:6px;font-size:13px;display:block}.ob-game-card__input{border:1.5px solid var(--color-gray-border);width:100%;font-family:var(--font-mono);background:var(--color-white);color:var(--color-gray-dark);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:13px}.ob-game-card__input:focus{border-color:var(--color-red)}.ob-game-card__input::placeholder{color:var(--color-gray-light)}.ob-game-card__results{background:var(--color-white);border:1px solid var(--color-gray-border);z-index:var(--z-dropdown);border-radius:10px;max-height:200px;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 16px #0000001a}.ob-game-card__result{cursor:pointer;font-family:var(--font-mono);align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.ob-game-card__result:hover{background:var(--color-gray-bg)}.ob-game-card__result img{object-fit:cover;border-radius:4px;width:32px;height:32px}.ob-heading{font-family:var(--font-heading);color:var(--color-gray-dark);margin:0 0 12px;font-size:24px;line-height:1.3}.ob-subtext{font-family:var(--font-mono);color:var(--color-gray);margin:0 0 24px;font-size:14px;line-height:1.5}.ob-label{font-family:var(--font-mono);color:var(--color-gray-dark);margin:0 0 16px;font-size:14px}.ob-creators-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ob-creator-card{border:3.5px solid var(--color-orange);background:#f4bc501f;border-radius:16px;align-items:center;gap:10px;padding:16px;display:flex;overflow:hidden}.ob-creator-card__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.ob-creator-card__name{font-family:var(--font-heading);text-overflow:ellipsis;min-width:0;color:var(--color-gray-dark);flex:1;font-size:14px;overflow:hidden}.ob-creator-card__follow{background:var(--color-red);width:40px;height:40px;color:var(--color-cream);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.ob-creator-card--followed .ob-creator-card__follow{background:var(--color-green)}.ob-smiley{margin-bottom:24px;line-height:1}.ob-footer{flex-shrink:0;justify-content:flex-end;margin-top:24px;display:flex}.ob-continue{background:var(--color-red);color:var(--color-cream);font-family:var(--font-heading);letter-spacing:1px;cursor:pointer;text-transform:uppercase;border:none;border-radius:12px;padding:14px 48px;font-size:16px}.ob-continue:hover{opacity:.9}.ob-continue--disabled{opacity:.4;cursor:default}@media (width<=768px){.ob-modal{max-width:100%;padding:24px}.ob-cards-row,.ob-creators-row{grid-template-columns:1fr}.ob-step{font-size:11px}}.sidebar{left:0;top:var(--header-height);width:var(--sidebar-width);background:var(--color-cream);border-right:1px solid var(--color-gray-border);z-index:40;flex-direction:column;align-items:center;gap:10px;padding:20px 8px;display:flex;position:fixed;bottom:0}.sidebar-item{cursor:pointer;width:80px;color:var(--color-gray-dark);border:2px solid var(--color-red);background:var(--color-cream);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 6px;text-decoration:none;transition:all .2s;display:flex}.sidebar-item svg{width:24px;height:24px}.sidebar-item:hover{background:#f5e6c8}.sidebar-item.active{background:var(--color-red);border-color:var(--color-red);color:var(--color-cream)}.sidebar-label{font-family:var(--font-heading);letter-spacing:.3px;font-size:11px}@media (width<=768px){.sidebar{display:none}}.header{height:var(--header-height);background:var(--color-red);z-index:50;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{cursor:pointer;background:0 0;border:none;align-items:center;height:28px;padding:0;display:flex}.header-logo img{height:100%}.header-actions{align-items:center;gap:8px;display:flex}.header-add-btn{font-family:var(--font-mono);letter-spacing:1.5px;border:2px solid var(--color-cream);background:var(--color-cream);color:var(--color-gray-dark);cursor:pointer;border-radius:10px;padding:8px 20px;font-size:12px;transition:opacity .2s}.header-add-btn:hover{opacity:.9}.header-icon-btn{background:var(--color-cream);cursor:pointer;color:var(--color-gray-dark);height:36px;font-family:var(--font-mono);border:none;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:12px;transition:opacity .2s;display:flex;position:relative}.header-icon-btn:hover{opacity:.9}.header-badge{font-family:var(--font-mono);color:var(--color-gray-dark);font-size:11px}@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-cream);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-cream);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-cream);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-cream);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-cream)}.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-cream);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:url(/images/banner-placeholder.avif) 50%/cover no-repeat;height:200px;position:relative;overflow:hidden}.profile-banner-edit{background:var(--color-cream);border:2.5px solid var(--color-red);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s;display:flex;position:absolute;top:16px;right:16px}.profile-banner-edit:hover{background:#f5e6c8}.profile-banner-edit img{width:18px;height:18px}.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-cream);border:2.5px solid var(--color-red);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s;display:flex;position:absolute;top:-4px;right:-8px}.profile-edit-avatar:hover{background:#f5e6c8}.profile-edit-avatar img{width:16px;height:16px}.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:12px;margin-bottom:24px;padding:0 32px;display:flex}.profile-tab{font-family:var(--font-mono);letter-spacing:2px;text-align:center;cursor:pointer;border:2.5px solid var(--color-red);background:var(--color-cream);color:var(--color-gray-dark);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;transition:all .2s;display:flex}.profile-tab.active{background:var(--color-red);border-color:var(--color-red);color:var(--color-cream)}.profile-tab-icon{width:18px;height:18px}.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-cream);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-cream);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-cream);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}.game-screenshots{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.game-screenshot{object-fit:cover;aspect-ratio:16/9;border-radius:12px;width:100%}@media (width<=768px){.game-screenshots{grid-template-columns:1fr}.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-cream);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-cream);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-cream);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-cream);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-cream);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}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"GT America Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-terra-cotta:#dd8167;--color-terra-cotta-lightest:#fdeae7;--color-peach:#fde9c3;--color-green-dark:#1e6c30;--color-green-soft:#b7dcc0;--color-surface:#f2f2f2;--color-danger:#b0200c;--font-heading:"HF Gesco Bold", Georgia, serif;--font-heading-regular:"HF Gesco Regular", Georgia, serif;--font-body:"IBM Plex Sans", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@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;--sidebar-width:120px;--header-height:56px;--z-dropdown:10;--z-modal:1000}*,: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,.main-area{margin-left:var(--sidebar-width);margin-right:var(--sidebar-width);margin-top:var(--header-height);flex:1;min-width:0;padding-bottom:40px}.main-content{max-width:1400px;padding: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-cream);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-cream);border-color:var(--color-green)}.btn-orange{background:var(--color-orange);color:var(--color-cream);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-cream)}.pill-playing{border-color:var(--color-orange);color:var(--color-orange)}.pill-playing.active{background:var(--color-orange);color:var(--color-cream)}.pill-want{border-color:var(--color-red);color:var(--color-red)}.pill-want.active{background:var(--color-red);color:var(--color-cream)}.card{background:var(--color-cream);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-cream);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-cream);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-emoji{object-fit:contain;width:20px;height:20px}.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-cream);border-radius:20px;width:90%;max-width:520px;padding:32px;position:relative}.modal-close{background:var(--color-gray-dark);width:36px;height:36px;color:var(--color-cream);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:16px;right:16px}.modal-title{font-family:var(--font-heading);color:var(--color-gray-dark);margin:0 0 24px;font-size:22px}.modal-label{font-family:var(--font-mono);color:var(--color-gray-dark);margin-bottom:8px;font-size:14px;display:block}.modal-input{border:1.5px solid var(--color-gray-border);width:100%;font-family:var(--font-mono);background:var(--color-white);color:var(--color-gray-dark);box-sizing:border-box;border-radius:12px;outline:none;margin-bottom:20px;padding:14px 16px;font-size:14px}.modal-input:focus{border-color:var(--color-red)}.modal-input::placeholder{color:var(--color-gray-light)}.modal-select{border:1.5px solid var(--color-gray-border);width:100%;font-family:var(--font-mono);background:var(--color-white);color:var(--color-gray-dark);appearance:none;box-sizing:border-box;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A8A8A' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:12px;outline:none;margin-bottom:24px;padding:14px 16px;font-size:14px}.modal-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-search-results{border:1px solid var(--color-gray-border);background:var(--color-white);border-radius:12px;max-height:200px;margin-top:-16px;margin-bottom:20px;overflow-y:auto}.modal-search-result{cursor:pointer;font-family:var(--font-mono);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.modal-search-result:hover{background:var(--color-surface)}.modal-search-result img{object-fit:cover;border-radius:4px;width:32px;height:42px}.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;margin-right:0}.main-area{padding-bottom:calc(72px + env(safe-area-inset-bottom));margin-left:0;margin-right: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}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}