@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;align-items:center;max-width:80%;display:flex}.auth-welcome-logo{min-width:320px;max-width:100%;min-height:240px}.auth-welcome-logo img{width:100%;height:auto}.auth-tagline{font-family:var(--font-heading-regular);color:var(--color-gray-dark);padding-bottom:10px;font-size:38px}.auth-buttons{gap:10px;display:flex}.auth-buttons .btn{min-width:60px;min-height:44px}.auth-form-container{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:400px;display:flex}.auth-logo-small{height:40px;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);text-transform:uppercase;letter-spacing:4px;margin-bottom:8px;font-size:18px;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-form .btn-primary{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-divider{width:100%;color:var(--color-gray-light);font-family:var(--font-mono);align-items:center;gap:12px;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-gray-border);flex:1;height:1px}.google-btn{background:var(--color-white);border:1px solid var(--color-gray-border);width:100%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;cursor:pointer;color:var(--color-gray-dark);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:400;display:flex}.google-btn:hover{background:var(--color-gray-bg-light)}.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}.carousel-side{flex-direction:row;flex:0 0 50%;width:50%;display:flex;overflow:hidden}.carousel-container{flex:1;min-width:0;height:100vh;padding:0 6px;position:relative;overflow:hidden}.carousel{flex-direction:column;gap:10px;display:flex}.carousel-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}.carousel-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.carousel-card img.loaded{opacity:1}.carousel-1{animation:25s linear infinite scrollUp}.carousel-2{animation:30s linear infinite scrollDown}.carousel-3{animation:35s linear infinite scrollUp}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (width<=768px){.carousel-side{display:none}.auth-form-side{max-width:100%;padding:20px}.auth-tagline{text-align:center;font-size:32px}.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: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}.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}.sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-border);z-index:50;flex-direction:column;align-items:center;gap:8px;width:72px;padding:16px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{width:40px;height:40px;margin-bottom:24px}.sidebar-logo img{border-radius:8px;width:100%;height:100%}.sidebar-item{cursor:pointer;width:48px;height:48px;color:var(--color-dark-gray);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;transition:background .2s;display:flex}.sidebar-item:hover{background:var(--color-gray-bg)}.sidebar-item.active{background:var(--color-red);color:var(--color-white)}@media (width<=768px){.sidebar{display:none}}.header{background:var(--color-white);border-bottom:1px solid var(--color-gray-border);z-index:40;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:fixed;top:0;left:72px;right:0}.header-logo{height:28px}.header-logo img{height:100%}.header-actions{align-items:center;gap:16px;display:flex}.header-add-btn{padding:6px 14px;font-size:13px}.header-icon-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.header-avatar{object-fit:cover;cursor:pointer;border-radius:50%;width:32px;height:32px}@media (width<=768px){.header{left:0}}.main-content{flex:1;max-width:1080px;margin-top:56px;margin-left:72px;padding:40px 35px}.section{margin-bottom:40px}.ambassador-card{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:16px;align-items:flex-start;gap:20px;padding:24px;display:flex}.ambassador-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px}.ambassador-content{flex:1}.ambassador-name{margin-bottom:4px;font-size:15px;font-weight:600}.ambassador-quote{font-family:var(--font-mono);color:var(--color-gray-medium);font-size:14px;font-style:italic;line-height:1.5}.ambassador-game{cursor:pointer;align-items:center;gap:12px;margin-top:12px;display:flex}.ambassador-game img{object-fit:cover;border-radius:6px;width:48px;height:64px}.community-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.community-card{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;padding:16px}.community-card-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.community-card-body{color:var(--color-gray-medium);margin-bottom:12px;font-size:14px;line-height:1.6}.community-game-tag{background:var(--color-gray-bg);border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 10px;font-size:13px;display:inline-flex}.prompt-card{background:var(--color-peach);text-align:center;border-radius:16px;padding:32px}.prompt-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-gray);margin-bottom:12px;font-size:12px}.prompt-text{color:var(--color-gray-dark);margin-bottom:20px;font-family:HF Gesco Regular,Georgia,serif;font-size:24px}.read-more{color:var(--color-red);cursor:pointer;font-size:13px;font-weight:500}@media (width<=768px){.main-content{margin-left:0}.community-grid{grid-template-columns:1fr}}.profile-banner{background:var(--color-peach);height:200px;position:relative;overflow:hidden}.profile-banner:before{content:"";background:repeating-conic-gradient(var(--color-cream) 0deg 10deg, var(--color-peach) 10deg 20deg);opacity:.4;width:160%;height:300%;position:absolute;bottom:-100%;left:-30%}.profile-info{align-items:flex-end;gap:20px;margin-top:-60px;padding:0 32px;display:flex;position:relative}.profile-avatar-wrap{flex-shrink:0;position:relative}.profile-avatar{border:4px solid var(--color-white);object-fit:cover;background:var(--color-gray-bg);border-radius:50%;width:120px;height:120px}.profile-edit-avatar{background:var(--color-red);border:2px solid var(--color-white);cursor:pointer;width:28px;height:28px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;bottom:4px;right:4px}.profile-details{padding-bottom:8px}.profile-name{text-transform:uppercase;font-family:HF Gesco Regular,Georgia,serif;font-size:24px}.profile-username{color:var(--color-gray);font-size:14px}.profile-stats{gap:20px;margin-top:8px;font-size:14px;display:flex}.profile-stats strong{color:var(--color-gray-dark)}.profile-stats span{color:var(--color-gray)}.profile-actions{gap:8px;margin-left:auto;padding-bottom:8px;display:flex}.profile-bio{color:var(--color-gray-medium);padding:16px 32px;font-size:14px;line-height:1.6}.profile-tabs{border-bottom:1px solid var(--color-gray-border);margin-bottom:24px;padding:0 32px;display:flex}.profile-tab{text-transform:uppercase;cursor:pointer;color:var(--color-gray);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:12px 24px;font-family:HF Gesco Regular,Georgia,serif;font-size:14px}.profile-tab.active{color:var(--color-red);border-bottom-color:var(--color-red)}.library-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 32px;display:flex}.library-filters{gap:8px;display:flex}.library-content{padding:0 32px}.journal-entry{border:1px solid var(--color-gray-border);background:var(--color-white);border-radius:12px;gap:16px;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{font-size:14px;font-weight:600}.journal-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-text{color:var(--color-gray-medium);font-size:14px;line-height:1.5}.journal-delete{color:var(--color-gray-light);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;font-size:16px}.game-hero{gap:20px;margin-bottom:48px;display:flex}.game-hero-cover{border-radius:12px;flex-shrink:0;width:134px;min-height:158px;overflow:hidden}.game-hero-cover img{width:100%;display:block}.game-hero-info{flex:1}.game-title{margin-bottom:8px;font-family:HF Gesco Regular,Georgia,serif;font-size:32px}.game-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.game-tag{background:var(--color-gray-bg);color:var(--color-gray-medium);border-radius:6px;padding:4px 12px;font-size:13px}.game-rating{align-items:center;gap:8px;margin-bottom:16px;display:flex}.game-rating-score{color:var(--color-yellow);font-size:28px;font-weight:700}.game-rating-label{color:var(--color-gray);font-size:13px}.game-description{font-family:var(--font-mono);color:var(--color-gray-medium);margin-bottom:20px;font-size:14px;line-height:1.7}.game-details-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.game-detail-item{font-size:13px}.game-detail-label{color:var(--color-gray);margin-bottom:2px}.game-detail-value{color:var(--color-dark-gray);font-weight:500}.added-count{color:var(--color-gray);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.added-count strong{color:var(--color-dark-gray)}.game-actions{gap:12px;margin-bottom:24px;display:flex}.game-section{margin-bottom:32px}.comment-box{background:var(--color-white);border:1px solid var(--color-gray-border);border-radius:12px;margin-bottom:12px;padding:16px}.comment-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.comment-name{font-size:14px;font-weight:500}.comment-time{color:var(--color-gray);font-size:12px}.comment-body{color:var(--color-gray-medium);font-size:14px;line-height:1.5}.add-comment{align-items:flex-start;gap:12px;display:flex}.add-comment textarea{border:1px solid var(--color-gray-border);resize:vertical;border-radius:8px;outline:none;flex:1;min-height:60px;padding:10px 14px;font-family:HF Gesco Regular,Georgia,serif;font-size:14px}.add-comment textarea:focus{border-color:var(--color-red)}@media (width<=768px){.game-hero{flex-direction:column}.game-hero-cover{width:100%;max-width:300px}}@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}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}.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{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<=768px){.game-grid{grid-template-columns:repeat(3,1fr)}.game-grid-4{grid-template-columns:repeat(2,1fr)}}