:root{--bg:#101116;--panel:#17181f;--panel2:#1c1d25;--line:#292a33;--muted:#858692;--text:#f5f5f7;--accent:#c5f36b;--purple:#a491ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}.shell{min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;border-right:1px solid #25262d;background:#131419;padding:24px 15px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;color:#f5f5f7;text-decoration:none;font:700 13px 'Space Grotesk',sans-serif;letter-spacing:.07em;padding:0 8px;margin:0 0 48px}.brand-light{font-weight:500;color:#9a9ba5}.brand-mark{width:29px;height:29px;background:var(--accent);border-radius:9px;color:#171b10;display:grid;place-items:center;font-size:17px}.side-label{font-size:9px;letter-spacing:.16em;color:#71727e;font-weight:700;padding:0 10px;margin:0 0 12px}.main-nav{display:grid;gap:4px}.nav-item{height:39px;padding:0 10px;display:flex;align-items:center;gap:11px;border-radius:8px;text-decoration:none;color:#a6a7b0;font-size:12px}.nav-item.active{background:#25262e;color:#f2f2f5;font-weight:600}.nav-icon{font-size:17px;color:#a8a9b3;width:18px;text-align:center}.nav-item.active .nav-icon{color:var(--accent)}.nav-count{margin-left:auto;color:#999ba7;font-size:10px}.platforms-label{margin:36px 0 13px;display:flex;align-items:center;justify-content:space-between}.tiny-plus{border:0;background:none;color:#a9aab4;font-size:18px;cursor:pointer}.platform-row{display:flex;align-items:center;gap:10px;color:#d3d4db;font-size:12px;padding:0 9px}.platform-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:700 13px 'Space Grotesk',sans-serif}.platform-icon .platform-logo{display:block;width:17px;height:17px}.steam,.mini-steam{background:#243448;color:#c8dafa}.connected-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:auto}.connect-side{margin:14px 0 0;padding:10px 8px;border:1px dashed #34353e;border-radius:8px;background:none;color:#9d9ea8;text-align:left;font:500 11px 'DM Sans';cursor:pointer}.connect-side:hover{border-color:#858b73;color:var(--accent)}.sidebar-bottom{margin-top:auto}.privacy-note{background:#1b1c23;border:1px solid #272831;padding:11px 9px;border-radius:9px;display:flex;gap:9px;color:var(--accent);align-items:flex-start;margin-bottom:16px}.privacy-note div,.profile-text{display:grid;gap:3px}.privacy-note strong{color:#e2e3e9;font-size:10px}.privacy-note small,.profile-text small{color:#858691;font-size:9px}.profile-button{border:0;border-top:1px solid #292a31;background:none;width:100%;display:flex;align-items:center;gap:9px;padding:15px 4px 2px;color:#eee;text-align:left}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#52447c;color:white;font-weight:700}.profile-text strong{font-size:11px}.more{margin-left:auto;color:#8a8b95;font-size:20px}.main-content{margin-left:238px;max-width:1420px;padding:0 48px}.topbar{height:68px;border-bottom:1px solid #25262d;display:flex;align-items:center;justify-content:space-between;color:#888995;font-size:11px}.crumb span{padding:0 9px;color:#53545d}.crumb strong{color:#e2e2e7;font-weight:500}.top-actions{display:flex;align-items:center;gap:14px}.icon-button,.help-button{background:none;border:0;color:#9b9ca5}.icon-button{font-size:17px}.help-button{display:flex;align-items:center;gap:7px;font:11px 'DM Sans'}.help-button:first-letter{color:var(--accent)}.welcome-row{min-height:229px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25262d;position:relative;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:700;color:#9fa0aa;display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c5f36b99}h1,h2,p{margin:0}h1{font:600 37px/1.06 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:16px 0 9px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:12px;color:#9899a3}.welcome-art{width:265px;height:200px;position:absolute;right:45px;top:13px;opacity:.95}.orbit{position:absolute;border:1px solid #8d75ff39;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:225px;height:100px;right:8px;top:49px}.orbit-two{width:230px;height:154px;right:7px;top:23px;transform:rotate(34deg)}.art-core{position:absolute;right:93px;top:61px;width:68px;height:68px;border:1px solid #a491ff77;border-radius:22px;background:radial-gradient(circle at 30% 22%,#5c507c,#252237 70%);box-shadow:0 0 55px #8064ff44;display:grid;place-items:center;color:#d2c9ff;font-size:31px;transform:rotate(15deg)}.art-pixel{position:absolute;width:12px;height:12px;border-radius:4px;background:#c5f36b;box-shadow:0 0 20px #c5f36b77}.p1{top:48px;right:32px}.p2{top:128px;right:65px;width:8px;height:8px;background:#a491ff}.p3{top:37px;right:155px;width:7px;height:7px;background:#a491ff}.p4{top:144px;right:176px;width:5px;height:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0 37px}.stat-card{background:var(--panel);border:1px solid #272831;border-radius:11px;padding:15px 16px;min-height:115px}.stat-head{font-size:8px;letter-spacing:.12em;color:#92939e;font-weight:700;display:flex;align-items:center;justify-content:space-between}.stat-symbol{font-size:16px;color:#777986}.stat-card>strong{display:block;font:600 25px 'Space Grotesk',sans-serif;margin:11px 0 4px;white-space:nowrap}.stat-card small{font-size:9px;color:#92939e}.stat-card small b{color:#d6d6dc;font-weight:500}.unit{font-size:15px;color:#b5b6c0;margin-left:3px}.stat-card>strong.top-game{font-size:18px;margin-top:15px}.sync-status{font-size:7px;letter-spacing:.08em;color:var(--accent);display:flex;gap:5px;align-items:center}.sync-status i,.page-footer i{width:5px;height:5px;background:var(--accent);border-radius:50%}.stat-card>strong.sync-time{font-size:17px;margin-top:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}h2{font:600 20px 'Space Grotesk',sans-serif;letter-spacing:-.03em}.heading-count{font:500 10px 'DM Sans';vertical-align:middle;color:#a7a8b1;background:#282932;padding:3px 7px;border-radius:6px;margin-left:3px}.section-heading p{font-size:10px;color:#92939d;margin-top:5px}.primary-button{display:flex;gap:8px;align-items:center;border:0;border-radius:7px;background:var(--accent);color:#19200e;padding:10px 14px;font:700 10px 'DM Sans';cursor:pointer;box-shadow:0 4px 20px #c5f36b16}.primary-button:hover{background:#d4ff80;transform:translateY(-1px)}.primary-button span{font-size:15px;line-height:10px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.search-box{height:36px;border:1px solid #30313a;background:#17181e;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:8px;flex:1;max-width:395px;color:#888995}.search-box>span{font-size:18px}.search-box input{background:none;border:0;outline:0;color:#eee;flex:1;font:10px 'DM Sans';min-width:0}.search-box input::placeholder{color:#747580}.search-box kbd{font:8px 'DM Sans';border:1px solid #383943;border-radius:4px;padding:3px 5px;color:#777985}.filters{display:flex;gap:8px}.filters select{background:#17181e;color:#bbbcc5;border:1px solid #30313a;border-radius:7px;padding:0 10px;height:36px;font:9px 'DM Sans';outline:none}.view-toggle{width:36px;border:1px solid #30313a;background:#202129;color:#d6d6dc;border-radius:7px;font-size:15px}.platform-tags{display:flex;gap:7px;align-items:center;margin:17px 0 14px}.tag{border:1px solid transparent;background:none;color:#8f909a;padding:6px 9px;border-radius:6px;font:9px 'DM Sans';cursor:pointer}.tag span:last-child{margin-left:5px;color:#777985}.tag.active{color:#e5e5e9;background:#22232a;border-color:#32333c}.tag.active span:last-child{color:#aeafb8}.mini-steam{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:4px;font:700 8px 'Space Grotesk';margin-right:3px}.add-tag{color:#a4a5ae;border:1px dashed #363741}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.game-card{overflow:hidden;border:1px solid #292a33;background:#181920;border-radius:9px;min-width:0;transition:transform .16s,border-color .16s}.game-card:hover{transform:translateY(-3px);border-color:#484951}.game-art{height:104px;position:relative;overflow:hidden;background:#292a31}.game-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11121ae8 0%,transparent 62%)}.game-art img{width:100%;height:100%;object-fit:cover;display:block}.game-art .platform-badge{position:absolute;z-index:1;top:8px;left:8px;background:#15161ccd;border:1px solid #ffffff22;border-radius:5px;padding:3px 6px;color:#ddd;font:700 8px 'Space Grotesk';backdrop-filter:blur(6px)}.game-art .platform-badge.is-logo{width:25px;height:25px;padding:0;display:grid;place-items:center}.game-art .platform-badge.is-logo svg{display:block;width:16px;height:16px}.game-meta{padding:9px 10px 10px}.game-title{font:600 11px 'Space Grotesk',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-sub{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#8d8e98;font-size:8px}.game-hours{color:#c9c9d0;font-weight:500}.empty-state{height:190px;border:1px dashed #30313a;border-radius:10px;display:grid;place-content:center;justify-items:center;gap:8px;color:#92939e}.empty-state div{font-size:22px}.empty-state strong{color:#eee}.empty-state span{font-size:11px}.library-footer{height:60px;display:flex;align-items:center;justify-content:space-between;color:#858691;font-size:9px}.library-footer b{color:#cacbd1;font-weight:500}.library-footer button{border:1px solid #30313a;border-radius:6px;background:#1a1b22;color:#c5c6ce;padding:8px 10px;font:9px 'DM Sans';cursor:pointer}.library-footer button span{margin-left:8px;color:var(--accent)}.page-footer{border-top:1px solid #25262d;padding:17px 0 21px;display:flex;justify-content:space-between;color:#73747f;font-size:8px}.page-footer b{color:var(--accent);margin-left:4px}.page-footer span:last-child{display:flex;align-items:center;gap:7px}.page-footer i{display:inline-block;margin-left:5px}dialog{border:1px solid #363741;padding:0;border-radius:14px;background:#191a21;color:#eee;width:min(460px,calc(100vw - 32px));box-shadow:0 25px 100px #000b}dialog::backdrop{background:#090a0dc9;backdrop-filter:blur(4px)}.modal{padding:28px;position:relative}.modal-close{position:absolute;right:17px;top:14px;background:none;border:0;color:#999aa4;font-size:25px;cursor:pointer}.modal-icon{height:35px;width:35px;border-radius:10px;display:grid;place-items:center;background:#2b3321;color:var(--accent);font-size:22px;margin-bottom:20px}.modal h2{margin:9px 0}.modal>p{color:#999aa4;font-size:11px;line-height:1.6;margin-bottom:20px}.platform-choice{border:1px solid #34353e;border-radius:9px;padding:11px;display:flex;align-items:center;gap:10px;margin-top:8px;position:relative}.platform-choice>div{display:grid;gap:4px}.platform-choice strong{font-size:11px}.platform-choice small{color:#92939e;font-size:9px}.available,.coming{font-size:7px;letter-spacing:.08em;color:var(--accent);margin-left:auto}.coming{color:#858691}.connect-choice{border:0;border-radius:5px;padding:7px 10px;background:var(--accent);color:#1b210f;font:700 9px 'DM Sans';cursor:pointer}.muted-choice{opacity:.6}.xbox{background:#174d30;color:#95e7ac}.ps{background:#263d68;color:#bfd3ff}.modal-foot{border-top:1px solid #30313a;margin-top:19px;padding-top:15px;color:var(--accent);display:flex;gap:8px;font-size:10px}.modal-foot span{color:#999aa4}@media(max-width:1100px){.main-content{padding:0 30px}.sidebar{width:210px}.main-content{margin-left:210px}.stats-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-art{right:0}}@media(max-width:760px){.sidebar{width:58px;padding:19px 8px}.brand{padding:0;margin:0 auto 44px}.brand>span:last-child,.side-label,.nav-item:not(.active),.nav-item.active{font-size:0}.main-nav{gap:8px}.nav-item{height:39px;justify-content:center;padding:0}.nav-icon{font-size:18px}.nav-count,.platform-row,.connect-side,.privacy-note,.profile-text,.more{display:none}.platforms-label{margin:32px 0}.tiny-plus{font-size:16px}.sidebar-bottom{display:flex;justify-content:center}.profile-button{border:0;padding:0;width:auto}.avatar{width:31px;height:31px}.main-content{margin-left:58px;padding:0 20px}.topbar{height:57px}.welcome-row{min-height:210px}.welcome-art{opacity:.35;right:-75px}.welcome-row>div:first-child{position:relative;z-index:1}h1{font-size:32px}.stats-grid{gap:8px;margin:16px 0 30px}.stat-card{padding:12px;min-height:105px}.stat-card>strong{font-size:22px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game-art{height:90px}.section-heading{align-items:flex-end}.section-heading p{max-width:190px;line-height:1.4}.primary-button{padding:9px 10px;font-size:9px;white-space:nowrap}.toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.filters{justify-content:flex-end}.filters select{flex:1}.platform-tags{overflow:auto}.page-footer span:last-child{display:none}}@media(max-width:390px){.main-content{padding:0 13px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:10px}.stat-head{font-size:7px}.stat-card>strong{font-size:20px}.stat-card>strong.top-game{font-size:16px}.section-heading{gap:8px}.section-heading h2{font-size:18px}.welcome-art{right:-125px}}

/* Subtle color depth and clearer section edges */
:root{--bg:#12141c;--panel:#191c26;--panel2:#20232f;--line:#393c4a}
body{background:radial-gradient(ellipse at 76% 2%,#29263b 0%,transparent 32%),radial-gradient(ellipse at 0% 70%,#1b2a35 0%,transparent 34%),linear-gradient(135deg,#151721 0%,#11131a 52%,#171520 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#191b25f5,#151720fa);border-right-color:#41424f}
.topbar,.welcome-row,.page-footer{border-color:#3a3c49}
.stat-card{background:linear-gradient(145deg,#202330,#191b24 75%);border-color:#3d404e}
.game-card{background:linear-gradient(160deg,#1d202a,#171920);border-color:#3b3e4b}
.game-card:hover{border-color:#666879}
.search-box,.filters select,.view-toggle,.library-footer button{border-color:#444754}
.tag.active{border-color:#484b59;background:#272a35}
.platform-choice{border-color:#484a58}
@media(max-width:760px){.sidebar{background:#191b25f5}}

/* Hero motion and the signed-in nostalgia feature */
.welcome-row{isolation:isolate;background:linear-gradient(110deg,#1d202c55,#25203734 58%,#202a3650);border-bottom-color:#414351}
.welcome-row::before{content:"";position:absolute;z-index:-1;inset:-65%;background:radial-gradient(ellipse at 30% 50%,#7863b51c,transparent 31%),radial-gradient(ellipse at 70% 45%,#71a5a31a,transparent 29%);animation:hero-drift 22s ease-in-out infinite alternate;pointer-events:none}
.welcome-row::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 15%,#ffffff04 45%,transparent 72%);background-size:220% 100%;animation:hero-sheen 18s ease-in-out infinite;pointer-events:none}
@keyframes hero-drift{from{transform:translate3d(-3%,1%,0) rotate(-3deg) scale(.96)}to{transform:translate3d(4%,-2%,0) rotate(4deg) scale(1.08)}}
@keyframes hero-sheen{0%,30%{background-position:150% 0}70%,100%{background-position:-80% 0}}
.hero-copy{position:relative;z-index:2}.hero-glow{position:absolute;width:320px;height:200px;right:18%;top:12px;background:radial-gradient(ellipse,#7161af17,transparent 70%);filter:blur(16px);animation:glow-breathe 8s ease-in-out infinite alternate;pointer-events:none}
@keyframes glow-breathe{to{opacity:.5;transform:scale(1.16)}}
.memory-feature{position:absolute;z-index:1;right:32px;top:31px;width:280px;height:164px;border:1px solid #aaa0cf66;border-radius:12px;overflow:hidden;background:#252632;box-shadow:0 14px 50px #06070d66;transform:rotate(1deg);transition:transform .3s,border-color .3s}
.memory-feature:hover{transform:rotate(0) translateY(-3px);border-color:#d3cbef99}
.memory-feature>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.68) brightness(.77);animation:memory-pan 26s ease-in-out infinite alternate}
@keyframes memory-pan{to{transform:scale(1.11) translateX(-2%)}}
.memory-shade{position:absolute;inset:0;background:linear-gradient(0deg,#101116ed 0%,#10111655 53%,#14151b14 100%),linear-gradient(120deg,#6b71a01f,transparent 70%)}
.memory-copy{position:absolute;left:14px;bottom:13px;display:grid;gap:4px}.memory-kicker{font-size:7px;letter-spacing:.16em;color:#d2d4bc;font-weight:700}.memory-copy strong{font:600 16px 'Space Grotesk',sans-serif}.memory-copy small{font-size:9px;color:#cbccd2}.memory-spark{position:absolute;right:13px;top:11px;color:#d7e4ae;font-size:15px;text-shadow:0 0 16px #d1f87b}
.signin-link{border:1px solid #444653;background:#20222c;border-radius:6px;padding:7px 11px;color:#d8d9df;text-decoration:none;font-size:9px}.signin-link:hover{border-color:#a491ff;color:white}
@media(max-width:900px){.memory-feature{right:16px;width:235px;height:145px;top:41px}.hero-copy{max-width:58%}}
@media(max-width:760px){.memory-feature{right:12px;top:29px;width:175px;height:130px;opacity:.74}.hero-copy{max-width:75%}.memory-copy{left:10px;bottom:10px}.memory-copy strong{font-size:13px}.memory-copy small{font-size:8px}.memory-kicker{font-size:6px}.signin-link{padding:7px 9px}.top-actions{gap:9px}}
@media(max-width:480px){.memory-feature{right:-26px;top:24px;width:150px;height:124px;opacity:.5}.hero-copy{max-width:90%}.welcome-row{min-height:210px}}
@media(prefers-reduced-motion:reduce){.welcome-row::before,.welcome-row::after,.hero-glow,.memory-feature>img{animation:none!important}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Public sign-in preview */
.login-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 34%,#2b2840 0%,#161821 47%,#11131a 82%)}
.login-shell{min-height:100vh;display:grid;place-items:center;position:relative;padding:64px 20px 54px;isolation:isolate;overflow:hidden}
.login-brand{position:absolute;z-index:2;top:25px;left:30px;margin:0}.login-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.scene-haze{position:absolute;width:70vw;height:48vw;filter:blur(90px);opacity:.28;border-radius:50%;animation:scene-float 24s ease-in-out infinite alternate}.haze-a{background:#645597;left:-23vw;top:10vh}.haze-b{background:#315b61;right:-25vw;top:42vh;animation-delay:-10s}
@keyframes scene-float{to{transform:translate(5vw,-4vh) scale(1.12)}}
.scene-orbit{position:absolute;border:1px solid #aaa0d028;border-radius:50%;width:90vw;height:34vw;left:5vw;top:28vh;transform:rotate(-24deg);animation:scene-orbit 42s linear infinite}
.orbit-b{width:70vw;height:55vw;left:16vw;top:18vh;transform:rotate(38deg);border-color:#bad5d01c;animation-duration:54s;animation-direction:reverse}.orbit-c{width:55vw;height:25vw;left:22vw;top:38vh;transform:rotate(9deg);border-color:#d7d2f01b;animation-duration:64s}
@keyframes scene-orbit{to{rotate:336deg}}
.scene-moon{position:absolute;width:210px;height:210px;border-radius:50%;right:12%;top:13%;background:radial-gradient(circle at 33% 32%,#8f8aa34a,#4e526337 48%,#31334212 73%);box-shadow:0 0 90px #7d78b214}
.scene-landscape{position:absolute;inset:auto -5% -20% -5%;height:34%;background:linear-gradient(180deg,transparent,#16182155 45%,#101116);clip-path:polygon(0 54%,14% 28%,26% 51%,40% 16%,55% 47%,69% 12%,82% 43%,94% 23%,100% 40%,100% 100%,0 100%)}
.scene-star{position:absolute;color:#c5f36b66;animation:star-pulse 4s ease-in-out infinite}.star-a{right:24%;top:24%;font-size:15px}.star-b{left:20%;top:54%;font-size:10px;animation-delay:-2s}.star-c{left:76%;top:62%;font-size:27px;color:#c4b7ff88}
@keyframes star-pulse{50%{opacity:.3;transform:scale(.75)}}
.login-card{width:min(420px,100%);position:relative;background:linear-gradient(145deg,#1d202bf2,#171920f5);border:1px solid #555563;border-radius:16px;padding:29px 33px 24px;box-shadow:0 30px 100px #05060ac2;backdrop-filter:blur(18px)}
.back-link{display:inline-block;color:#a4a5b0;text-decoration:none;font-size:10px;margin-bottom:27px}.back-link:hover{color:#fff}.login-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#d2f68e,#a7d35a);display:grid;place-items:center;color:#262f19;font-size:22px;box-shadow:0 0 25px #c5f36b2c;margin-bottom:20px}
.login-card .eyebrow{font-size:8px;color:#b3b4bd}.login-card h1{font-size:31px;margin:9px 0 7px}.login-intro{font-size:11px;color:#a6a7b1;margin-bottom:23px}
.steam-signin{width:100%;height:44px;border:1px solid #626473;border-radius:8px;background:linear-gradient(110deg,#344458,#263243);color:#f0f2f5;display:flex;align-items:center;gap:11px;padding:0 11px;font:600 11px 'DM Sans';cursor:pointer;transition:border-color .2s,transform .2s}.steam-signin:hover{border-color:#a7bfdb;transform:translateY(-1px)}.steam-signin .arrow{margin-left:auto;color:#c2d4ed;font-size:15px}
.login-divider{display:flex;align-items:center;gap:11px;color:#898a95;font-size:7px;letter-spacing:.11em;margin:20px 0}.login-divider span{height:1px;background:#383a45;flex:1}
#email-form label{display:block;color:#c9cad1;font-size:9px;margin-bottom:7px}.email-input{height:41px;border:1px solid #41434f;background:#14161d;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9294a1}.email-input:focus-within{border-color:#8f83c7;box-shadow:0 0 0 3px #a491ff17}.email-input input{border:0;outline:0;background:none;color:#eee;font:10px 'DM Sans';width:100%}.email-input input::placeholder{color:#6f717c}
.email-submit{margin-top:10px;height:41px;width:100%;border:0;border-radius:7px;background:#c5f36b;color:#202617;font:700 10px 'DM Sans';cursor:pointer}.email-submit:hover{background:#d6ff8b}.email-submit span{float:right;margin-right:10px;font-size:14px;line-height:10px}
.login-status{min-height:0;margin:0;color:#d5e7ae;font-size:9px;line-height:1.5}.login-status:not(:empty){background:#c5f36b0d;border:1px solid #c5f36b33;border-radius:6px;padding:8px;margin-top:11px}
.login-safety{display:flex;align-items:flex-start;gap:8px;border-top:1px solid #373943;margin-top:19px;padding-top:15px;color:#c5f36b;font-size:9px;line-height:1.5}.login-safety span:last-child{color:#a2a3ad}.login-terms{text-align:center;font-size:8px;color:#858691;margin:17px 0 0}.login-terms a{color:#bfc0ca;text-decoration:underline;text-decoration-color:#555761;text-underline-offset:2px}.login-footer{position:absolute;bottom:19px;display:flex;align-items:center;gap:9px;color:#81828d;font-size:8px}.login-footer i{width:4px;height:4px;background:#c5f36b;border-radius:50%}
@media(max-width:520px){.login-brand{left:18px;top:17px}.login-card{padding:24px 22px 20px}.login-shell{padding:65px 15px 52px}.scene-moon{right:-25px;top:15%;width:150px;height:150px}.login-footer{bottom:14px}}
.platform-icon.pass{background:#3b315d;color:#d3c7ff;font-size:9px}
.platform-badge{text-transform:uppercase;letter-spacing:.06em}
#connect-dialog{max-height:88vh;overflow-y:auto}
#connect-dialog .modal{max-height:88vh;overflow-y:auto;scrollbar-color:#535564 #191a21}
.platform-icon.riot{background:#502c36;color:#ff9d9d}.platform-icon.epic{background:#34353d;color:#f1f1f3}.platform-icon.ea{background:#342b49;color:#d3c3ff;font-size:10px}.platform-icon.battle{background:#29364e;color:#bdd3ff}

/* Improve readability for secondary labels and details */
.tag{font-size:11px;padding:7px 10px;line-height:1.25}
.tag span:last-child{font-size:10px}
.platform-tags{gap:8px}
.section-heading p{font-size:12px}
.intro{font-size:13px}
.stat-head{font-size:9px}
.stat-card small{font-size:10px}
.game-title{font-size:12px}
.game-sub{font-size:10px}
.game-art .platform-badge{font-size:9px;padding:4px 7px}

/* Shared rotating Steam artwork across the main discovery pages */
.shared-game-backdrop{position:absolute;z-index:0;inset:8px -16px -12px;overflow:hidden;border:1px solid #626475;border-radius:13px;background:radial-gradient(ellipse at 76% 40%,#3f365d 0%,transparent 50%),linear-gradient(125deg,#252a39,#171923 70%);box-shadow:0 14px 38px #08090f55}
.shared-game-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%;filter:saturate(.9) brightness(.9);animation:shared-art-pan 26s ease-in-out infinite alternate}
.shared-game-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11131af5 0%,#11131ae6 29%,#11131ab0 55%,#11131a56 100%),linear-gradient(0deg,#11131a9c 0%,transparent 55%,#17172630 100%)}
.shared-game-caption{position:absolute;z-index:1;right:16px;bottom:12px;display:grid;gap:3px;text-align:right;text-shadow:0 2px 9px #000}
.shared-game-caption span{font-size:8px;letter-spacing:.14em;font-weight:700;color:#d1ed98}
.shared-game-caption strong{font:600 12px 'Space Grotesk',sans-serif;color:#f5f4f8}
@keyframes shared-art-pan{from{transform:scale(1.03) translateX(0)}to{transform:scale(1.1) translateX(-1.3%)}}
.welcome-row .shared-game-backdrop{inset:8px -16px -14px;border-bottom:0;border-radius:13px 13px 0 0}
.welcome-row .shared-game-caption{right:20px;bottom:12px}
.find-hero{isolation:isolate}
.find-hero .shared-game-backdrop{inset:0;border-radius:13px}
.find-hero::after{z-index:1}
.find-hero-content{position:relative;z-index:2}
.friends-hero-backdrop.shared-game-backdrop{inset:7px -18px -19px;border-radius:13px}
.friends-hero-backdrop .friends-hero-image-shade{background:linear-gradient(90deg,#11131af2 0%,#11131adf 31%,#11131a9c 57%,#11131a39 100%),linear-gradient(0deg,#11131a8c 0%,transparent 48%,#17172625 100%)}
.friends-hero-backdrop .shared-game-caption{right:15px;bottom:12px}
.sub-nav-item{padding-left:27px!important;color:#c1c2ce}

/* Keep supporting copy easy to read without flattening the color hierarchy */
:root{--muted:#b0b2c0;--text-secondary:#c9cad5;--text-soft:#b7b9c7}
.side-label{color:#b6b6c6}
.nav-item{color:#c1c3cf}
.nav-item.active{color:#f5f5f8}
.brand-light{color:#b6b7c3}
.connect-side,.topbar,.signin-link,.help-button,.icon-button{color:#c0c2ce}
.topbar{color:#b8bac7}
.crumb strong{color:#f0eff5}
.eyebrow{color:#c4c5d2}
.intro,.find-hero>p,.friends-hero p,.login-intro{color:#d0d1dc}
.section-heading p,.find-section-heading p,.upcoming-heading p,.friends-section-head p{color:#c1c2ce}
.stat-head,.stat-card small,.game-sub,.library-footer,.page-footer{color:#b6b8c5}
.tag,.tag span:last-child,.filters select{color:#c3c5d1}
.search-box,.friends-filter{color:#bfc1cd}
.taste-note,.rec-copy p,.now-playing,.friend-add-panel p,.privacy-panel-head p,.common-card p{color:#c0c2ce}
.gamertag,.mutual-games,.friends-filter input::placeholder{color:#b9bbc8}
.profile-text small,.privacy-note small,.privacy-setting small,.demo-caption,.discord-panel>p.discord-footnote{color:#b0b2bf}
.platform-choice small,.modal>p,.modal-foot span,.login-safety span:last-child,.login-terms{color:#c0c2ce}
.empty-state,.empty-state span{color:#c0c2ce}
.upcoming-empty p{color:#c0c2ce}
@media(max-width:760px){.shared-game-backdrop{inset:5px -10px -11px}.shared-game-caption{right:10px;bottom:8px}.shared-game-caption span{font-size:7px}.shared-game-caption strong{font-size:10px}.welcome-row .shared-game-caption{right:10px;bottom:8px}.find-hero .shared-game-caption{right:11px;bottom:9px}.friends-hero-backdrop.shared-game-backdrop{left:-9px;right:-9px;top:4px;bottom:-15px}}
@media(prefers-reduced-motion:reduce){.shared-game-backdrop img{animation:none}}
.empty-state[hidden]{display:none}
.filters select{font-size:10px}
.search-box input{font-size:11px}
.side-label{font-size:10px}
.nav-item{font-size:13px}
.page-footer{font-size:9px}
@media(max-width:760px){.tag{font-size:10.5px;padding:7px 9px}.tag span:last-child{font-size:9.5px}.game-sub{font-size:9px}.page-footer{font-size:8px}}

/* Game discovery and play-history recommendation page */
.sub-nav-item{padding-left:22px!important;color:#9b9ca6}
.empty-state a{margin-top:3px;color:#c5f36b;text-decoration:none;font-size:11px;font-weight:600}.empty-state a b{margin-left:7px;font-size:14px}
.find-main{padding-bottom:10px}
.find-hero{position:relative;overflow:hidden;margin:23px 0 35px;padding:32px 34px 26px;border:1px solid #414351;border-radius:14px;background:radial-gradient(ellipse at 80% 18%,#7665b21c,transparent 34%),radial-gradient(ellipse at 12% 100%,#73b2a114,transparent 40%),linear-gradient(125deg,#202330,#1b1c27 60%,#22202f)}
.find-hero::after{content:"✦";position:absolute;right:9%;top:11px;font-size:90px;color:#c5f36b0d;transform:rotate(15deg);pointer-events:none}
.find-hero h1{font-size:35px;margin:12px 0 9px}.find-hero h1 em{color:var(--accent)}.find-hero>p{font-size:12px;color:#b0b1ba;max-width:460px;line-height:1.6}
.find-search{position:relative;z-index:1;margin-top:20px;height:42px;max-width:530px;border:1px solid #4b4e5b;background:#11131bd9;border-radius:8px;display:flex;align-items:center;padding:0 5px 0 12px;gap:9px;color:#a8a9b3}.find-search>span{font-size:19px}.find-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#eee;font:11px 'DM Sans'}.find-search input::placeholder{color:#858691}.find-search button{border:0;border-radius:6px;background:#c5f36b;color:#202617;font:700 10px 'DM Sans';padding:9px 13px;cursor:pointer}.taste-note{margin-top:13px;color:#9b9ca6;font-size:9px;display:flex;align-items:center;gap:7px}.taste-note span{color:#c5f36b}
.recommend-section,.upcoming-section{margin:0 0 35px}.find-section-heading,.upcoming-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px}.find-section-heading h2,.upcoming-heading h2{font:600 20px 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin-top:9px}.find-section-heading p,.upcoming-heading p{font-size:11px;color:#9899a3;margin-top:6px}.sample-chip{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:4px;background:#a491ff16;border:1px solid #a491ff44;color:#c7bdfb;font-size:7px;letter-spacing:.09em;vertical-align:middle}.text-link{white-space:nowrap;color:#c5f36b;text-decoration:none;font-size:10px}.text-link span{margin-left:7px;font-size:14px}
.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.recommend-card{min-width:0;overflow:hidden;border:1px solid #40424f;border-radius:10px;background:linear-gradient(145deg,#20232e,#191b24);transition:transform .2s,border-color .2s}.recommend-card:hover{transform:translateY(-3px);border-color:#686b7b}.rec-art{height:126px;position:relative;overflow:hidden;background:#252733}.rec-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.66);transition:transform .5s}.recommend-card:hover .rec-art img{transform:scale(1.06)}.rec-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#171920b8,transparent 70%)}.rec-label{position:absolute;z-index:1;left:11px;top:11px;padding:5px 7px;border:1px solid #ffffff33;border-radius:5px;background:#14151bbf;color:#e2e1e9;font-size:7px;letter-spacing:.11em;font-weight:700;backdrop-filter:blur(6px)}.rec-glyph{position:absolute;z-index:1;right:13px;bottom:8px;color:#d1e69d;font-size:24px;text-shadow:0 0 22px #c5f36b88}.rec-copy{padding:13px 13px 14px}.rec-reason{color:#c1b5ff;font-size:7px;font-weight:700;letter-spacing:.08em}.rec-copy h3{font:600 14px 'Space Grotesk',sans-serif;margin:7px 0 5px}.rec-copy p{font-size:10px;line-height:1.55;color:#9d9ea8;min-height:46px}.rec-action{margin-top:11px;padding:0;border:0;background:none;color:#c5f36b;font:600 9px 'DM Sans';cursor:pointer}.rec-action span{margin-left:7px;font-size:13px}
.upcoming-heading{align-items:center}.calendar-mark{width:37px;height:37px;border:1px solid #4a4c59;background:#20222c;border-radius:9px;display:grid;place-items:center;color:#c4b7ff;font-size:18px}.upcoming-empty{display:flex;align-items:center;gap:16px;padding:17px;border:1px solid #3b3d4a;border-radius:10px;background:linear-gradient(110deg,#1b1e29,#191a22)}.upcoming-orbit{flex:none;width:42px;height:42px;border:1px solid #8d75ff5e;border-radius:50%;display:grid;place-items:center;color:#d1c8ff;background:radial-gradient(circle,#8f77db25,transparent 70%)}.upcoming-empty strong{font:600 12px 'Space Grotesk',sans-serif}.upcoming-empty p{font-size:10px;color:#92939e;margin-top:4px}.upcoming-empty>a{margin-left:auto;white-space:nowrap;color:#c5f36b;text-decoration:none;font-size:9px}.upcoming-empty>a span{font-size:13px;margin-left:6px}
@media(max-width:1000px){.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-card:last-child{display:none}}
@media(max-width:760px){.find-hero{padding:24px 19px;margin:17px 0 27px}.find-hero h1{font-size:30px}.find-hero>p{font-size:11px}.find-section-heading,.upcoming-heading{align-items:flex-start}.find-section-heading{flex-direction:column;gap:9px}.recommend-grid{grid-template-columns:1fr}.recommend-card:last-child{display:block}.rec-art{height:145px}.rec-copy p{min-height:0}.upcoming-empty{align-items:flex-start;flex-wrap:wrap}.upcoming-empty>a{margin-left:58px}.taste-note{align-items:flex-start;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.recommend-card,.rec-art img{transition:none}}
.player-info-label{margin:26px 0 7px}
.player-info-card{display:flex;align-items:center;gap:9px;padding:5px 8px 8px}
.player-info-card .avatar{flex:none}
.player-info-card .profile-text strong{font-size:11px}
.player-info-card .profile-text small{font-size:9px}
.platforms-label{margin-top:22px}
@media(max-width:760px){.player-info-label{margin:24px 0 10px}.player-info-card{justify-content:center;padding:0}.player-info-card .profile-text{display:none}.platforms-label{margin-top:25px}}

/* Friends, shared games, and privacy controls */
.friends-main{padding-bottom:10px}
.friends-hero{min-height:218px;margin:0 0 25px;padding:30px 8px;border-bottom:1px solid #3a3c49;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 48%,#8f7add13,transparent 34%)}
.friends-hero h1{font:600 34px/1.08 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:13px 0 9px}.friends-hero h1 em{font-style:normal;color:var(--accent)}.friends-hero p{max-width:430px;color:#a1a2ac;font-size:12px;line-height:1.6}
.friends-orbit{position:absolute;right:58px;top:25px;width:240px;height:168px;border:1px solid #a491ff36;border-radius:50%;transform:rotate(-17deg)}.friends-orbit::before,.friends-orbit::after{content:"";position:absolute;inset:19px -20px;border:1px solid #91bf9d25;border-radius:50%;transform:rotate(58deg)}.friends-orbit::after{inset:-10px 25px;transform:rotate(-35deg);border-color:#c5f36b2c}.friend-orbit-core{position:absolute;left:92px;top:52px;width:53px;height:53px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#40375e,#252636);border:1px solid #b0a4e875;color:#dcd5ff;font-size:23px;box-shadow:0 0 40px #987df52d;transform:rotate(14deg)}.friend-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#c5f36b;box-shadow:0 0 14px #c5f36b99}.d1{top:29px;right:42px}.d2{bottom:17px;left:47px;background:#b8a6ff}.d3{top:8px;left:94px;width:5px;height:5px}
.friends-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.85fr);gap:18px;align-items:start}.friends-primary,.friends-secondary{min-width:0;display:grid;gap:17px}.friend-add-panel,.privacy-panel,.discord-panel,.common-card{border:1px solid #3c3e4b;border-radius:11px;background:linear-gradient(145deg,#1e202b,#191b23);padding:17px}.friend-add-panel h2,.friends-list-section h2,.privacy-panel h2,.discord-panel h2{font:600 16px 'Space Grotesk',sans-serif}.friend-add-panel p,.friends-list-section>p,.privacy-panel-head p{font-size:10px;color:#9798a2;margin-top:5px}.friend-search{height:39px;margin-top:14px;border:1px solid #444653;background:#13151d;border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 5px 0 11px;color:#9697a2}.friend-search>span{font-size:18px}.friend-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#eee;font:10px 'DM Sans'}.friend-search input::placeholder{color:#767883}.friend-search button{border:0;border-radius:5px;background:var(--accent);color:#1d2412;padding:8px 13px;font:700 9px 'DM Sans';cursor:pointer}.friend-message{min-height:0;color:#d9eab4;font-size:9px}.friend-message:not(:empty){margin-top:9px;padding:8px;background:#c5f36b0c;border-radius:5px}.friend-code{border-top:1px solid #343641;margin-top:14px;padding-top:12px;display:flex;align-items:center;gap:10px}.friend-code>span{font-size:8px;color:#92939e;letter-spacing:.1em}.friend-code strong{font:600 10px 'Space Grotesk';letter-spacing:.08em;color:#e4e4e9}.friend-code button{margin-left:auto;background:#242630;border:1px solid #41434f;border-radius:5px;color:#c4c5cd;font:9px 'DM Sans';padding:6px 9px;cursor:pointer}
.friends-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:11px}.friends-section-head h2 .heading-count{margin-left:4px}.friends-section-head p{font-size:10px;color:#9798a2;margin-top:5px}.friends-filter{height:31px;width:148px;flex:none;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #3b3d49;background:#191b22;border-radius:6px;color:#858691}.friends-filter>span{font-size:14px}.friends-filter input{width:100%;min-width:0;border:0;outline:0;background:none;color:#eee;font:9px 'DM Sans'}.friends-filter input::placeholder{color:#777984}.friend-cards{display:grid;gap:8px}.friend-card{display:flex;align-items:flex-start;gap:11px;padding:12px;border:1px solid #353743;border-radius:9px;background:linear-gradient(110deg,#1d2029,#191b23);transition:border-color .18s}.friend-card:hover{border-color:#555866}.friend-avatar{position:relative;flex:none;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font:700 14px 'Space Grotesk';color:#f4f1ff}.avatar-purple{background:linear-gradient(145deg,#615486,#393249)}.avatar-teal{background:linear-gradient(145deg,#347d75,#244843)}.avatar-orange{background:linear-gradient(145deg,#8f6740,#4e3d32)}.presence{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border:2px solid #191b23;border-radius:50%;background:#c5f36b}.presence.away{background:#e6b767}.friend-main{min-width:0;flex:1}.friend-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.friend-name-row>strong{font:600 12px 'Space Grotesk'}.gamertag{font-size:9px;color:#999aa5}.status-pill{font-size:7px;letter-spacing:.08em;padding:3px 5px;border-radius:4px}.status-pill.playing{color:#c5f36b;background:#c5f36b12}.status-pill.offline{color:#a3a4ad;background:#ffffff0b}.now-playing{font-size:9px;color:#92939e;margin-top:5px}.now-playing b{font-weight:500;color:#e0e0e5}.now-playing span{color:#7e808b}.mutual-games{margin-top:10px;display:flex;align-items:center;gap:9px;color:#92939e;font-size:8px}.mutual-circles{display:flex;align-items:center}.mutual-circles i{font-style:normal;width:19px;height:19px;margin-left:-4px;border:2px solid #1d2029;border-radius:50%;display:grid;place-items:center;background:#39334d;color:#d5caff;font-size:6px}.mutual-circles i:first-child{margin-left:0}.mutual-circles i:nth-child(2){background:#29413d;color:#b4e6da}.mutual-circles i:nth-child(3){background:#343640;color:#c3c4cc}.friend-action{border:0;background:none;color:#999aa4;font-size:18px;cursor:pointer}.friend-empty{padding:24px;text-align:center;color:#a3a4ad;border:1px dashed #3b3d48;border-radius:8px;font-size:10px}.demo-caption{font-size:8px;line-height:1.5;color:#777984;margin:10px 2px 0}
.privacy-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.privacy-panel-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#c5f36b12;color:var(--accent);font-size:17px}.privacy-panel-head h2{font-size:15px}.privacy-panel-head p{line-height:1.5}.privacy-setting{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #343640}.privacy-setting>span:first-child{display:grid;gap:4px}.privacy-setting strong{font-size:10px;color:#e1e1e6;font-weight:600}.privacy-setting small{font-size:8px;color:#898a95;line-height:1.4}.switch{position:relative;flex:none;width:34px;height:19px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.switch i{position:absolute;inset:0;border-radius:12px;background:#3b3d47;border:1px solid #555763;transition:background .2s,border-color .2s}.switch i::after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#c5c6cc;transition:transform .2s,background .2s}.switch input:checked+i{background:#648534;border-color:#94be4d}.switch input:checked+i::after{transform:translateX(15px);background:#f2ffd8}.switch input:focus-visible+i{outline:2px solid #c5f36b;outline-offset:2px}.privacy-status{border-top:1px solid #343640;padding-top:11px;display:flex;align-items:center;gap:7px;color:#b8cf91;font-size:8px}.privacy-status i{width:6px;height:6px;border-radius:50%;background:#c5f36b}.privacy-status i.sharing{background:#e8b96c}
.discord-panel{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#7771c31b,transparent 42%),linear-gradient(145deg,#242332,#191a22)}.discord-top{display:flex;align-items:center;gap:7px;margin-bottom:13px}.discord-icon{width:23px;height:23px;border-radius:7px;background:#5865f2;color:white;display:grid;place-items:center;font-size:16px}.discord-label{font-size:7px;letter-spacing:.1em;color:#b8b5d0;font-weight:700}.discord-soon{margin-left:auto;font-size:7px;letter-spacing:.08em;color:#c5bafa;background:#a491ff19;padding:4px 6px;border-radius:4px}.discord-panel h2{font-size:14px;line-height:1.35;max-width:240px}.discord-panel>p{font-size:9px;line-height:1.55;color:#9a9ba7;margin:7px 0 13px}.discord-setting{border-top-color:#474451;border-bottom:1px solid #474451}.discord-preview{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #4b495b;border-radius:7px;background:#13141bc7;margin-top:12px}.discord-presence-dot{width:7px;height:7px;border-radius:50%;background:#6e6f79}.discord-preview div{display:grid;gap:3px;min-width:0}.discord-preview small{font-size:6px;letter-spacing:.1em;color:#9998aa}.discord-preview strong{font-size:8px;color:#d9d8e0;font-weight:500}.discord-mini-mark{margin-left:auto;width:22px;height:22px;border-radius:6px;background:#c5f36b;color:#253017;display:grid;place-items:center;font:700 11px 'Space Grotesk'}.discord-panel>p.discord-footnote{font-size:7px;color:#82838e;margin:8px 0 0}.common-card{display:flex;gap:10px;padding:13px}.common-icon{width:28px;height:28px;flex:none;border-radius:8px;background:#a491ff18;color:#c8baff;display:grid;place-items:center}.common-card strong{font:600 10px 'Space Grotesk'}.common-card p{font-size:8px;color:#92939d;margin:4px 0 7px}.common-card a{color:#c5f36b;font-size:8px;text-decoration:none}.common-card a span{margin-left:5px;font-size:12px}
@media(max-width:1050px){.friends-layout{grid-template-columns:minmax(0,1fr) 280px}.friends-orbit{right:0}}
@media(max-width:850px){.friends-layout{grid-template-columns:1fr}.friends-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.common-card{grid-column:1/-1}.friends-orbit{opacity:.5}}
@media(max-width:760px){.friends-hero{min-height:190px;padding:22px 0}.friends-hero h1{font-size:30px}.friends-orbit{right:-90px;opacity:.28}.friends-secondary{grid-template-columns:1fr}.common-card{grid-column:auto}.friends-section-head{align-items:flex-start;flex-direction:column}.friends-filter{width:100%}.friend-card{padding:10px}.friend-name-row{gap:5px}.friend-code{flex-wrap:wrap}.friend-code>span{width:100%}}
@media(prefers-reduced-motion:reduce){.friend-card,.switch i,.switch i::after{transition:none}}

/* Shared contrast tune: warmer/brighter supporting copy with clear hierarchy */
:root{--muted:#a7a9b7;--text-secondary:#c0c1cc;--text-soft:#a8aab8}
body{color:#f6f6f8}
.side-label{color:#9496a5}
.nav-item{color:#b5b7c2}
.platform-row{color:#d4d5dc}
.profile-text small,.privacy-note small{color:#a2a4b0}
.topbar{color:#a2a4b1}
.crumb span{color:#747684}
.intro,.find-hero>p,.friends-hero p,.login-intro{color:#c0c1cc}
.section-heading p,.find-section-heading p,.upcoming-heading p,.friends-section-head p{color:#b1b3bf}
.stat-head{color:#a6a8b4}
.stat-card small,.game-sub{color:#a9abb7}
.search-box input::placeholder,.filters select,.tag,.tag span:last-child{color:#b0b2be}
.search-box kbd{color:#999ba8}
.taste-note,.rec-copy p,.now-playing,.friend-add-panel p,.privacy-panel-head p,.common-card p{color:#b0b2be}
.gamertag,.mutual-games,.friend-filter input::placeholder{color:#a6a8b4}
.rec-reason{color:#d0c4ff}
.page-footer{color:#9698a5}
.login-page .login-safety span:last-child,.login-terms{color:#aeb0bc}
.friends-hero-copy{position:relative;z-index:2;max-width:57%}
.friends-hero-copy .eyebrow{color:#c3b8ff}
.friends-hero-copy p{max-width:450px;color:#c5c5d0}
.friend-orbit-core{transform:rotate(0deg);background:linear-gradient(145deg,#494266,#242533 72%);border-color:#b8abef80;box-shadow:0 0 40px #987df538,inset 3px 3px 8px #ffffff12}
.person-3d{position:relative;display:block;width:28px;height:34px;transform:translateY(2px);filter:drop-shadow(2px 3px 2px #0a0b13aa)}
.person-head{position:absolute;z-index:2;left:9px;top:0;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#f3e9ff,#c8baf2 44%,#8174ba 85%);box-shadow:inset -2px -2px 2px #574d85}
.person-body{position:absolute;z-index:2;left:6px;top:12px;width:17px;height:14px;border-radius:8px 8px 5px 5px;background:linear-gradient(105deg,#d8cef7 0%,#aa9be1 48%,#73669f 100%);box-shadow:inset 2px 1px 2px #ffffff77,inset -2px -2px 3px #4e456f}
.person-arm{position:absolute;z-index:1;left:3px;top:13px;width:22px;height:5px;border-radius:5px;background:linear-gradient(90deg,#8275b7,#d4c8f6,#8376b9);transform:rotate(-8deg);box-shadow:0 2px 2px #11121c}
.person-leg{position:absolute;z-index:1;top:24px;width:7px;height:10px;border-radius:2px 2px 4px 4px;background:linear-gradient(90deg,#766a9f,#c3b8e9);box-shadow:inset -1px 0 2px #51486f}.leg-left{left:7px;transform:rotate(3deg)}.leg-right{right:7px;transform:rotate(-3deg)}
@media(max-width:760px){.friends-hero-copy{max-width:78%}.friends-hero-copy p{max-width:330px}}
.friends-filter input::placeholder{color:#a0a2ae}
.eyebrow{color:#b0b2bf}
.discord-panel>p,.modal>p,.platform-choice small,.modal-foot span{color:#b1b3be}
.side-label{color:#9fa1ae}
.friends-layout{margin-bottom:30px}
.friends-main .page-footer{margin-top:0;padding-top:19px}
.friends-hero{isolation:isolate;overflow:visible;background:transparent;border-bottom-color:#5b5d6a;margin-bottom:43px}
.friends-hero-backdrop{position:absolute;z-index:0;left:-18px;right:-18px;top:7px;bottom:-19px;overflow:hidden;border:1px solid #575769;border-radius:13px;background:#151722;box-shadow:0 16px 40px #08090f77}
.friends-hero-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(1.18) brightness(.96);animation:hero-art-pan 24s ease-in-out infinite alternate}
@keyframes hero-art-pan{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.09) translateX(-1.2%)}}
.friends-hero-image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11131af2 0%,#11131adf 31%,#11131a9c 57%,#11131a39 100%),linear-gradient(0deg,#11131a8c 0%,transparent 48%,#17172625 100%)}
.friends-hero-caption{position:absolute;z-index:1;right:15px;bottom:12px;display:grid;gap:3px;text-align:right;text-shadow:0 2px 8px #000}.friends-hero-caption span{font-size:7px;letter-spacing:.14em;font-weight:700;color:#d1ed98}.friends-hero-caption strong{font:600 11px 'Space Grotesk',sans-serif;color:#f1f0f5}
.friends-orbit{z-index:1;right:56px;top:22px;opacity:.76}.friends-hero-copy{max-width:58%}
@media(max-width:760px){.friends-hero-backdrop{left:-9px;right:-9px;top:4px;bottom:-15px}.friends-hero{margin-bottom:36px}.friends-hero-image-shade{background:linear-gradient(90deg,#11131af2 0%,#11131ae3 40%,#11131a94 74%,#11131a61 100%),linear-gradient(0deg,#11131a99,transparent 55%)}.friends-hero-caption{right:10px;bottom:8px}.friends-hero-caption strong{font-size:9px}.friends-orbit{right:-60px;opacity:.44}}
@media(prefers-reduced-motion:reduce){.friends-hero-backdrop img{animation:none}}

/* Final responsive and contrast refinements for the shared page treatment */
@media(max-width:1100px){.hero-copy{max-width:50%}.memory-feature{right:18px;width:235px;height:145px}.welcome-row .shared-game-caption{right:12px;bottom:9px}}
@media(max-width:760px){.hero-copy{max-width:55%}.memory-feature{right:10px;width:170px;height:126px}.shared-game-backdrop{inset:5px -10px -11px}.shared-game-caption{right:10px;bottom:8px}.shared-game-caption span{font-size:7px}.shared-game-caption strong{font-size:10px}.welcome-row .shared-game-caption{right:10px;bottom:8px}.find-hero .shared-game-caption{right:11px;bottom:9px}.friends-hero-backdrop.shared-game-backdrop{left:-9px;right:-9px;top:4px;bottom:-15px}}
@media(max-width:520px){.memory-feature{display:none}.hero-copy{max-width:100%}.welcome-row{min-height:190px}}
@media(max-width:480px){.hero-copy{max-width:100%}}
.sub-nav-item{padding-left:27px!important;color:#c1c2ce}
.side-label{color:#b6b6c6}
.nav-item{color:#c1c3cf}
.nav-item.active{color:#f5f5f8}
.brand-light{color:#b6b7c3}
.connect-side,.topbar,.signin-link,.help-button,.icon-button{color:#c0c2ce}
.topbar{color:#b8bac7}
.crumb strong{color:#f0eff5}
.eyebrow{color:#c4c5d2}
.intro,.find-hero>p,.friends-hero p,.login-intro{color:#d0d1dc}
.section-heading p,.find-section-heading p,.upcoming-heading p,.friends-section-head p{color:#c1c2ce}
.stat-head,.stat-card small,.game-sub,.library-footer,.page-footer{color:#b6b8c5}
.tag,.tag span:last-child,.filters select{color:#c3c5d1}
.taste-note,.rec-copy p,.now-playing,.friend-add-panel p,.privacy-panel-head p,.common-card p{color:#c0c2ce}
.gamertag,.mutual-games,.friends-filter input::placeholder{color:#b9bbc8}
.profile-text small,.privacy-note small,.privacy-setting small,.demo-caption,.discord-panel>p.discord-footnote{color:#b0b2bf}
.platform-choice small,.modal>p,.modal-foot span,.login-safety span:last-child,.login-terms{color:#c0c2ce}
.empty-state,.empty-state span,.upcoming-empty p{color:#c0c2ce}
@media(prefers-reduced-motion:reduce){.shared-game-backdrop img{animation:none}}
.empty-state[hidden]{display:none}

/* Cookie choices and the working privacy notice */
.cookie-banner{position:fixed;z-index:50;left:auto;right:22px;bottom:18px;width:min(620px,calc((100vw - 270px)/2));display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;padding:17px 18px;border:1px solid #77798b;border-radius:14px;background:linear-gradient(135deg,#252837f7,#191b26fa);box-shadow:0 20px 70px #05060ad9;backdrop-filter:blur(18px)}
.cookie-banner[hidden]{display:none!important}
.cookie-banner-copy{max-width:none}.cookie-kicker{font-size:8px;letter-spacing:.14em;color:#c7baff;font-weight:700}.cookie-banner h2,.cookie-dialog h2{font:600 19px 'Space Grotesk',sans-serif;margin:7px 0 5px}.cookie-banner p,.cookie-dialog-intro{font-size:11px;line-height:1.55;color:#c5c7d2}.cookie-banner-copy>a{display:inline-block;margin-top:7px;color:#d4caff;font-size:10px;text-underline-offset:3px}
.cookie-banner-actions,.cookie-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.cookie-button{min-height:37px;padding:0 12px;border:1px solid #656777;border-radius:7px;background:#292c38;color:#f0eff5;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.cookie-button:hover{border-color:#d3d2df;background:#333644}.cookie-primary{background:var(--accent);border-color:var(--accent);color:#1b2110}.cookie-primary:hover{background:#d8ff91;border-color:#d8ff91;color:#1b2110}.cookie-save{border-color:#9183d1;background:#342f4a;color:#e9e3ff}
.cookie-dialog{width:min(610px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid #676979;border-radius:15px;background:linear-gradient(145deg,#222531,#171920);color:#f5f5f8;box-shadow:0 25px 100px #000b}.cookie-dialog-card{padding:26px;position:relative}.cookie-dialog h2{max-width:440px;font-size:22px}.cookie-close{position:absolute;right:17px;top:14px;border:0;background:transparent;color:#c5c6d1;font-size:25px;cursor:pointer}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-top:1px solid #3d404d}.cookie-option>span:first-child{display:grid;gap:4px}.cookie-option strong{font-size:12px;color:#f0eff5}.cookie-option small{max-width:430px;font-size:10px;line-height:1.5;color:#c0c2ce}.always-on{font-size:9px;color:#c9e995;white-space:nowrap}.cookie-dialog-actions{margin-top:17px;padding-top:15px;border-top:1px solid #3d404d}.cookie-dialog-actions .cookie-save{margin-left:auto}
.page-footer-controls{display:flex;align-items:center;gap:12px}.page-footer-controls a,.page-footer-controls button,.login-footer a,.login-footer button{border:0;padding:0;background:transparent;color:#c5c3d5;font:500 9px 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}.page-footer-controls a:hover,.page-footer-controls button:hover,.login-footer a:hover,.login-footer button:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* Privacy notice */
.privacy-page{min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#38324a 0%,transparent 32%),linear-gradient(135deg,#151721,#11131a 58%,#171520);color:#f5f5f8}.privacy-document{max-width:1050px;margin:0 auto;padding:24px 32px 28px}.privacy-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #414351;padding-bottom:18px}.privacy-topbar .brand{margin:0}.privacy-topbar .back-link{margin:0;color:#d1d2dd}.privacy-intro{padding:50px 0 28px}.privacy-intro h1{font-size:40px;line-height:1.08}.privacy-intro>p{max-width:700px;color:#c9cad5;font-size:14px;line-height:1.7}.privacy-draft-note{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:15px 16px;border:1px solid #71648c;border-radius:10px;background:linear-gradient(115deg,#302b4055,#202330);color:#c9cad5;font-size:11px;line-height:1.6}.privacy-draft-note strong{flex:none;color:#d5c8ff}.privacy-toc{display:flex;gap:9px;flex-wrap:wrap;padding:13px;border:1px solid #424553;border-radius:10px;background:#1d202bd1}.privacy-toc a{padding:7px 9px;border-radius:6px;color:#d1c9f2;text-decoration:none;font-size:10px}.privacy-toc a:hover{background:#a491ff18;color:#f0eaff}.privacy-block{padding:30px 0;border-bottom:1px solid #393c49;scroll-margin-top:24px}.privacy-section-number{font-size:9px;letter-spacing:.13em;color:#c6baff;font-weight:700}.privacy-block h2{margin:9px 0 12px;font-size:24px}.privacy-block p{max-width:850px;margin:0 0 12px;color:#c7c9d5;font-size:12px;line-height:1.75}.privacy-block strong{color:#f2f1f6}.privacy-block a{color:#d2c7ff;text-underline-offset:3px}.privacy-table{overflow:hidden;margin:18px 0;border:1px solid #454856;border-radius:9px}.privacy-table-row{display:grid;grid-template-columns:1.05fr 2fr 1fr;gap:14px;align-items:center;padding:12px 14px;border-top:1px solid #3b3e4b;color:#c8cad5;font-size:10px;line-height:1.55}.privacy-table-row:first-child{border-top:0}.privacy-table-heading{background:#262937;color:#ebeaf2;font-weight:700}.privacy-table-row strong{font-size:10px;color:#efeff4}.privacy-manage-button{padding:10px 13px;border:1px solid #9183d1;border-radius:7px;background:#342f4a;color:#eee9ff;font:600 10px 'DM Sans';cursor:pointer}.privacy-manage-button:hover{background:#40395c}.privacy-draft-bottom{margin-top:19px}.privacy-footer{display:flex;align-items:center;gap:18px;padding:19px 0 6px;color:#aaacb9;font-size:9px}.privacy-footer a,.privacy-footer button{padding:0;border:0;background:none;color:#d1c6ff;font:500 10px 'DM Sans';text-decoration:none;cursor:pointer}.privacy-footer span{margin-left:auto}

/* Cookie choices embedded in the privacy notice */
.privacy-consent-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0;padding:14px 16px;border:1px solid #56596b;border-radius:10px;background:linear-gradient(110deg,#242735,#202633)}
.privacy-consent-actions[hidden]{display:none!important}
.privacy-consent-actions>div:first-child{display:grid;gap:4px}
.privacy-consent-actions strong{color:#f2f1f6;font-size:12px}
.privacy-consent-actions span{color:#c7c9d5;font-size:10px;line-height:1.5}
.privacy-consent-buttons{display:flex;flex:none;gap:8px}
.privacy-consent-actions-bottom{margin-top:28px}

/* Creator discovery preview */
.creator-section{margin:0 0 35px;padding:19px;border:1px solid #515362;border-radius:12px;background:radial-gradient(ellipse at 100% 0%,#715ca51b,transparent 42%),linear-gradient(145deg,#202330,#191b24)}.creator-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.creator-heading h2{margin-top:8px;font:600 20px 'Space Grotesk',sans-serif}.creator-heading p{margin-top:5px;color:#c1c2ce;font-size:11px}.creator-mode{flex:none;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #595b6b;border-radius:8px;background:#252735;cursor:pointer}.creator-mode>input{accent-color:#c5f36b;width:15px;height:15px}.creator-mode>span:last-child{display:grid;gap:3px}.creator-mode strong{color:#ededf3;font-size:10px}.creator-mode small{color:#b5b7c4;font-size:8px}.creator-game-picker{display:inline-flex;align-items:center;gap:10px;margin:17px 0 12px;color:#beb4f1;font-size:8px;letter-spacing:.1em;font-weight:700}.creator-game-picker select{min-width:155px;height:34px;padding:0 10px;border:1px solid #4d5060;border-radius:7px;background:#151720;color:#f0eff5;font:10px 'DM Sans';letter-spacing:0}.creator-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-platform{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:15px;border:1px solid #494b5a;border-radius:9px;background:#1b1d27}.creator-platform-icon{flex:none;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:17px}.creator-platform-icon .platform-logo{display:block;width:21px;height:21px}.youtube-card .creator-platform-icon{background:#45252b;color:#ff7f86}.twitch-card .creator-platform-icon{background:#302951;color:#c9b7ff}.creator-platform>div:last-child>span,.creator-studio-copy>span{font-size:7px;letter-spacing:.12em;color:#bfc0ce;font-weight:700}.creator-platform h3{margin:3px 0 4px;font:600 15px 'Space Grotesk',sans-serif}.creator-platform p{min-height:31px;color:#c0c2ce;font-size:9px;line-height:1.5}.creator-platform a{display:inline-block;margin-top:8px;color:#d8cfff;text-decoration:none;font-size:9px;font-weight:700}.creator-platform a:hover{text-decoration:underline;text-underline-offset:3px}.creator-platform a b{margin-left:5px;color:#c5f36b}.creator-data-note,.creator-preview-note{margin-top:10px;color:#b7b9c6;font-size:8px;line-height:1.55}.creator-studio{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding:14px;border:1px solid #6a5d91;border-radius:9px;background:linear-gradient(115deg,#352d4a,#222430)}.creator-studio[hidden]{display:none}.creator-studio-copy{max-width:570px}.creator-studio-copy>span{color:#d0c5ff}.creator-studio-copy h3{margin:5px 0;font:600 14px 'Space Grotesk',sans-serif}.creator-studio-copy p{color:#c5c5d1;font-size:9px;line-height:1.5}.creator-idea-button{flex:none;padding:9px 11px;border:1px solid #9283d0;border-radius:7px;background:#453b61;color:#f1edff;font:600 9px 'DM Sans';cursor:pointer}.creator-idea-button:hover{background:#544771}.creator-idea-button span{margin-left:5px;color:#d2f58c}.creator-idea-result{flex-basis:100%;padding-top:9px;border-top:1px solid #6a5d91;color:#e3e0ed;font-size:10px;line-height:1.5}.creator-idea-result[hidden]{display:none}.creator-preview-note{padding-top:8px;border-top:1px solid #3b3d4a}
.platform-icon.youtube{background:#49282d;color:#ff9a9f}.platform-icon.twitch{background:#302950;color:#d1c4ff}.creator-platform-choice{border-color:#525463}
.login-footer{flex-wrap:wrap;justify-content:center;padding:0 15px}.login-footer a,.login-footer button{font-size:8px}
@media(max-width:1100px){.cookie-banner{width:min(560px,calc((100vw - 270px)/2));right:14px;align-items:stretch;gap:12px}.cookie-banner-actions{width:100%;justify-content:flex-end}}
@media(max-width:760px){.page-footer{flex-wrap:wrap;gap:9px}.page-footer>span:nth-child(2){display:none}.page-footer>span.page-footer-controls{display:flex!important;width:100%;justify-content:space-between}.cookie-banner{width:min(560px, max(320px, calc((100vw - 86px)/2)));left:auto;right:10px;bottom:10px;padding:14px;gap:10px}.cookie-banner h2{font-size:16px}.cookie-banner p{font-size:10px}.cookie-banner-actions{gap:6px}.cookie-button{min-height:34px;padding:0 9px;font-size:9px}.privacy-document{padding:18px 18px 24px}.privacy-intro{padding:34px 0 22px}.privacy-intro h1{font-size:32px}.privacy-intro>p{font-size:12px}.privacy-table-row{grid-template-columns:1fr;gap:4px;padding:11px}.privacy-table-heading{display:none}.privacy-footer{flex-wrap:wrap}.privacy-footer span{width:100%;margin-left:0}.privacy-consent-actions{align-items:flex-start;flex-direction:column}.privacy-consent-buttons{width:100%}.privacy-consent-buttons .cookie-button{flex:1}.creator-heading{align-items:flex-start;flex-direction:column}.creator-platform-grid{grid-template-columns:1fr}.creator-studio{align-items:flex-start;flex-direction:column}.creator-idea-result{width:100%}}
@media(max-width:520px){.cookie-banner{width:min(320px,calc(100vw - 20px));left:auto;right:10px}.cookie-banner-actions .cookie-button{flex:1}.cookie-dialog-card{padding:22px 18px}.cookie-dialog-actions{justify-content:stretch}.cookie-dialog-actions .cookie-button{flex:1}.cookie-dialog-actions .cookie-save{margin-left:0}.privacy-topbar{align-items:flex-start;gap:12px;flex-direction:column}.privacy-topbar .back-link{margin-left:6px}.privacy-toc{gap:4px}.privacy-toc a{font-size:9px}.creator-section{padding:14px}.creator-game-picker{align-items:flex-start;flex-direction:column}.creator-game-picker select{width:100%}}
@media(prefers-reduced-motion:reduce){.cookie-banner{backdrop-filter:none}}

/* Keep the rotating game title fully inside the homepage artwork. */
.welcome-row{min-height:260px}
.welcome-row .shared-game-backdrop{inset:8px -16px 0}
.welcome-row .shared-game-caption{right:20px;bottom:12px;padding:8px 11px;border:1px solid #ffffff38;border-radius:8px;background:linear-gradient(135deg,#171923ed,#242536e8);box-shadow:0 6px 20px #05060a88}
.welcome-row .shared-game-caption strong{font-size:14px}
@media(max-width:760px){.welcome-row{min-height:260px}.welcome-row .shared-game-caption{right:10px;bottom:10px;padding:7px 9px}.welcome-row .shared-game-caption strong{font-size:12px}}
@media(max-width:520px){.welcome-row{min-height:245px}}

/* Clearer hero art, softer motion, and optional appearance controls. */
.shared-game-backdrop img{object-position:center 45%;filter:saturate(.96) brightness(.98);animation:shared-art-pan 32s ease-in-out infinite alternate}
.friends-hero-backdrop img{object-position:center 45%;filter:saturate(.96) brightness(.98);animation:hero-art-pan 32s ease-in-out infinite alternate}
.memory-feature>img{filter:saturate(.88) brightness(.93);animation:memory-pan 32s ease-in-out infinite alternate}
@keyframes shared-art-pan{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.025) translateX(-.35%)}}
@keyframes hero-art-pan{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.025) translateX(-.35%)}}
@keyframes memory-pan{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.025) translateX(-.35%)}}
.shared-game-caption,.friends-hero-caption{z-index:4;min-width:130px;max-width:calc(100% - 20px);padding:8px 11px;border:1px solid #ffffff4a;border-radius:9px;background:linear-gradient(135deg,#171923ee,#242536ed);box-shadow:0 8px 24px #05060a88;text-align:left;text-shadow:0 1px 4px #000;backdrop-filter:blur(8px)}
.shared-game-caption span,.friends-hero-caption span{font-size:8px;letter-spacing:.13em;color:#d8efa9}
.shared-game-caption strong,.friends-hero-caption strong{font-size:14px;line-height:1.2;color:#fff}
.welcome-row .shared-game-caption{right:20px;bottom:12px}
.friends-hero-backdrop .friends-hero-caption{right:16px;bottom:12px}
.find-hero .shared-game-caption{right:14px;bottom:14px}
body{background:radial-gradient(ellipse 62% 38% at 89% 4%,rgba(128,107,182,.22),transparent 74%),radial-gradient(ellipse 54% 44% at 8% 66%,rgba(75,139,148,.14),transparent 72%),linear-gradient(135deg,#191b28 0%,#131620 52%,#1b1826 100%);background-attachment:fixed}
.sidebar{background:linear-gradient(180deg,#201f2cfa,#171923fa);border-right-color:#494856}
body.privacy-page{background:radial-gradient(ellipse at 85% 0%,rgba(122,102,170,.31) 0%,transparent 36%),radial-gradient(ellipse at 5% 76%,rgba(63,123,130,.14),transparent 38%),linear-gradient(135deg,#1a1b28,#11141d 58%,#1c1826);background-attachment:fixed}
:root[data-background-mood="colorful"] body{background:radial-gradient(ellipse 66% 45% at 88% 3%,rgba(151,119,209,.34),transparent 72%),radial-gradient(ellipse 62% 48% at 9% 66%,rgba(83,161,166,.23),transparent 70%),linear-gradient(135deg,#201f30 0%,#141720 52%,#211b2e 100%);background-attachment:fixed}
:root[data-background-mood="colorful"] body.privacy-page{background:radial-gradient(ellipse at 86% 0%,rgba(142,112,201,.38),transparent 38%),radial-gradient(ellipse at 7% 75%,rgba(74,151,158,.2),transparent 40%),linear-gradient(135deg,#211e30,#12151e 58%,#231c30);background-attachment:fixed}
:root[data-background-mood="quiet"] body{background:radial-gradient(ellipse at 85% 2%,rgba(106,97,139,.12),transparent 34%),linear-gradient(135deg,#161821,#11131a 58%,#17151e);background-attachment:fixed}
:root[data-background-mood="quiet"] body.privacy-page{background:radial-gradient(ellipse at 85% 0%,rgba(101,91,132,.16),transparent 34%),linear-gradient(135deg,#171923,#11131a 58%,#17151f);background-attachment:fixed}
:root[data-artwork-mood="vivid"] .shared-game-backdrop img,:root[data-artwork-mood="vivid"] .friends-hero-backdrop img{filter:saturate(1.22) brightness(1.03)}
:root[data-artwork-mood="vivid"] .memory-feature>img{filter:saturate(1.12) brightness(.98)}
:root[data-artwork-mood="soft"] .shared-game-backdrop img,:root[data-artwork-mood="soft"] .friends-hero-backdrop img{filter:saturate(.72) brightness(.92)}
:root[data-artwork-mood="soft"] .memory-feature>img{filter:saturate(.7) brightness(.88)}
.appearance-trigger,.appearance-cookie-link,.appearance-cancel,.appearance-save{border:1px solid #696b7a;border-radius:7px;background:#282a36;color:#e4e3ed;padding:7px 10px;font:600 9px 'DM Sans',sans-serif;cursor:pointer}
.appearance-trigger:hover,.appearance-cookie-link:hover,.appearance-cancel:hover{border-color:#c7b8ff;color:#fff;background:#333442}
.appearance-dialog{width:min(460px,calc(100vw - 30px));border:1px solid #77728c;border-radius:15px;background:#1c1e29;color:#f5f4f8;box-shadow:0 25px 100px #000c}
.appearance-dialog-card{position:relative;padding:27px}
.appearance-close{position:absolute;right:16px;top:13px;border:0;background:none;color:#bfc0cd;font-size:25px;cursor:pointer}
.appearance-dialog h2{margin:8px 0;font:600 21px 'Space Grotesk',sans-serif}
.appearance-intro{margin-bottom:16px;color:#c7c8d3;font-size:11px;line-height:1.6}
.appearance-field{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #3d3f4e;cursor:pointer}
.appearance-field>span,.appearance-remember>span{display:grid;gap:4px}
.appearance-field strong,.appearance-remember strong{color:#f0eff5;font-size:11px}
.appearance-field small,.appearance-remember small{color:#b9bac8;font-size:9px;line-height:1.45}
.appearance-field select{min-width:132px;padding:8px 9px;border:1px solid #5c5e6d;border-radius:7px;background:#242632;color:#f5f4f8;font:10px 'DM Sans',sans-serif}
.appearance-remember{display:flex;align-items:flex-start;gap:10px;margin-top:8px;padding:11px;border:1px solid #505161;border-radius:8px;background:#242632;cursor:pointer}
.appearance-remember input{width:15px;height:15px;margin:2px 0 0;accent-color:#c5f36b;flex:none}
.appearance-actions{display:flex;align-items:center;gap:8px;margin-top:17px;padding-top:14px;border-top:1px solid #3d3f4e}
.appearance-actions>span{flex:1}
.appearance-save{border-color:#c5f36b;background:#c5f36b;color:#1b2110}
.appearance-save:hover{background:#d8ff91;border-color:#d8ff91}
@media(max-width:760px){.shared-game-caption,.friends-hero-caption{padding:7px 9px}.shared-game-caption strong,.friends-hero-caption strong{font-size:12px}.welcome-row .shared-game-caption{right:10px;bottom:10px}.friends-hero-backdrop .friends-hero-caption{right:10px;bottom:9px}.find-hero .shared-game-caption{right:10px;bottom:10px}.appearance-trigger{padding:6px 8px;font-size:8px}.appearance-dialog-card{padding:23px 19px}}
@media(prefers-reduced-motion:reduce){.shared-game-backdrop img,.friends-hero-backdrop img,.memory-feature>img{animation:none}}
.find-hero{padding-bottom:70px}
.find-hero-content{max-width:68%}
.friends-hero{min-height:245px}
.friends-hero-caption{right:16px;bottom:12px;z-index:4}
.friends-hero .friends-orbit{top:4px;right:60px;opacity:.48}
@media(max-width:760px){.find-hero{padding-bottom:68px}.find-hero-content{max-width:100%}.friends-hero{min-height:230px}.friends-hero-caption{right:10px;bottom:10px}.friends-hero .friends-orbit{top:0;right:-60px;opacity:.24}}
.top-actions .appearance-trigger{white-space:nowrap}
@media(max-width:520px){.top-actions{gap:6px}.top-actions .appearance-trigger{min-width:31px;padding:6px;font-size:0}.top-actions .appearance-trigger::before{content:"◐";font-size:14px}}
.welcome-row .shared-game-shade{background:linear-gradient(90deg,rgba(17,19,26,.94) 0%,rgba(17,19,26,.76) 35%,rgba(17,19,26,.24) 74%,rgba(17,19,26,.06) 100%),linear-gradient(0deg,rgba(17,19,26,.62) 0%,transparent 60%)}
.game-spotlight{margin:18px 0 30px;padding:15px 17px;border:1px solid #626576;border-radius:12px;background:radial-gradient(ellipse at 86% 0%,rgba(137,115,190,.16),transparent 45%),linear-gradient(130deg,#242634,#1a1c26 72%)}
.game-spotlight-copy{display:grid;grid-template-columns:minmax(145px,.6fr) minmax(150px,.7fr) minmax(260px,1.4fr);align-items:center;gap:14px}
.welcome-game-link:focus-visible,.shared-game-caption:focus-visible{outline:3px solid #d2f58c;outline-offset:3px}
.game-spotlight-copy .eyebrow{color:#d2c5ff}
.game-spotlight-copy h2{font:600 20px/1.12 'Space Grotesk',sans-serif;color:#fff}
.game-spotlight-copy p{max-width:340px;color:#d0d1dc;font-size:12px;line-height:1.6}
.welcome-game-link{position:absolute;right:20px;bottom:14px;z-index:4;padding:10px 14px;border:1px solid #c5f36b;border-radius:7px;background:#c5f36b;color:#19200e;text-decoration:none;font-size:10px;font-weight:700;box-shadow:0 5px 18px #05060a66;transition:background .16s,border-color .16s,transform .16s}
.welcome-game-link:hover{background:#d8ff91;border-color:#d8ff91;transform:translateY(-1px)}
.shared-game-caption{color:#fff;text-decoration:none;transition:border-color .16s,background .16s}
.shared-game-caption:hover{border-color:#d4f28b;background:linear-gradient(135deg,#222431f5,#302c42f5)}
.friends-hero-caption{display:grid;gap:4px}
@media(max-width:760px){.game-spotlight{margin:15px 0 25px;padding:13px}.game-spotlight-copy{grid-template-columns:1fr;gap:7px}.welcome-game-link{right:10px;bottom:10px;padding:8px 11px}}
@media(max-width:430px){.game-spotlight-copy h2{font-size:18px}}

/* Add restrained color depth across the main pages. */
.game-spotlight{position:relative;overflow:hidden;border-color:#77758a;background:radial-gradient(ellipse at 4% 8%,rgba(151,128,211,.25),transparent 40%),radial-gradient(ellipse at 94% 96%,rgba(75,151,150,.19),transparent 43%),linear-gradient(116deg,#292b3b 0%,#222634 53%,#1c2930 100%);box-shadow:0 12px 30px #07080f38,inset 0 1px #ffffff0a}
.game-spotlight::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;border-radius:3px;background:linear-gradient(180deg,#b6a4ec,#79b3a8 58%,#c5f36b);opacity:.8}
.game-spotlight-copy{position:relative;z-index:1}
.game-spotlight-copy .eyebrow{color:#d5c9ff}
.game-spotlight-copy h2{color:#f4f1ff;text-shadow:0 0 22px #a491ff1c}
.game-spotlight-copy p{color:#d6d8e3}
.stats-grid .stat-card{border-color:#484b5b;box-shadow:inset 0 1px #ffffff08,0 8px 22px #08090d20}
.stats-grid .stat-card:nth-child(1){background:radial-gradient(ellipse at 0% 0%,#4c9ea21d,transparent 63%),linear-gradient(145deg,#222a35,#1b1e29 75%)}
.stats-grid .stat-card:nth-child(2){background:radial-gradient(ellipse at 100% 0%,#8f79c21c,transparent 62%),linear-gradient(145deg,#252433,#1b1d27 75%)}
.stats-grid .stat-card:nth-child(3){background:radial-gradient(ellipse at 0% 100%,#a0b96018,transparent 64%),linear-gradient(145deg,#252a2d,#1b1e27 75%)}
.stats-grid .stat-card:nth-child(4){background:radial-gradient(ellipse at 100% 0%,#609ab21b,transparent 63%),linear-gradient(145deg,#222735,#1b1e28 75%)}
.stats-grid .stat-card:nth-child(1) .stat-symbol{color:#86c5c3}.stats-grid .stat-card:nth-child(2) .stat-symbol{color:#c1aff0}.stats-grid .stat-card:nth-child(3) .stat-symbol{color:#c0d98c}.stats-grid .stat-card:nth-child(4) .stat-symbol{color:#a7c9e1}
.game-card{border-color:#414652;background:linear-gradient(145deg,#202630,#191c25)}
.friend-add-panel{background:radial-gradient(ellipse at 0% 0%,#529d961b,transparent 48%),linear-gradient(145deg,#222a31,#1b1e27)}
.privacy-panel{background:radial-gradient(ellipse at 100% 0%,#7289c51b,transparent 50%),linear-gradient(145deg,#242633,#1b1d27)}
.friend-card{border-color:#454956}
.friend-card:nth-child(1){background:radial-gradient(ellipse at 0% 0%,#9279c51a,transparent 56%),linear-gradient(110deg,#222431,#1a1d26)}
.friend-card:nth-child(2){background:radial-gradient(ellipse at 0% 0%,#4da79b19,transparent 56%),linear-gradient(110deg,#1e292b,#1a1d26)}
.friend-card:nth-child(3){background:radial-gradient(ellipse at 0% 0%,#c08c5617,transparent 56%),linear-gradient(110deg,#292522,#1c1e27)}
.discord-panel{background:radial-gradient(ellipse at 100% 0%,#8473d72b,transparent 46%),linear-gradient(145deg,#29263b,#1b1d28)}
.common-card{background:radial-gradient(ellipse at 0% 0%,#82a95819,transparent 56%),linear-gradient(145deg,#252a2c,#1b1e27)}
.find-hero{border-color:#66677c;background:radial-gradient(ellipse at 82% 10%,#907acb2b,transparent 37%),radial-gradient(ellipse at 5% 100%,#4d9d961e,transparent 43%),linear-gradient(125deg,#252a37,#1c202c 60%,#282334)}
.recommend-card{border-color:#4a4c5b;box-shadow:0 9px 24px #08090f25}
.recommend-card:nth-child(1) .rec-copy{background:radial-gradient(ellipse at 0% 0%,#8974c21c,transparent 65%),linear-gradient(145deg,#222331,#1b1d27)}
.recommend-card:nth-child(2) .rec-copy{background:radial-gradient(ellipse at 0% 0%,#4d9a9018,transparent 65%),linear-gradient(145deg,#1e292c,#1b1d27)}
.recommend-card:nth-child(3) .rec-copy{background:radial-gradient(ellipse at 0% 0%,#b18c5418,transparent 65%),linear-gradient(145deg,#292721,#1b1d27)}
.upcoming-empty{border-color:#4e5362;background:radial-gradient(ellipse at 0% 50%,#667dc21b,transparent 43%),radial-gradient(ellipse at 95% 0%,#579c8d18,transparent 48%),linear-gradient(110deg,#222633,#1c212a)}
.calendar-mark{background:linear-gradient(145deg,#38334e,#222735);border-color:#625d79;color:#d1c5ff}
.creator-section{border-color:#626176;background:radial-gradient(ellipse at 100% 0%,#8170c52a,transparent 45%),radial-gradient(ellipse at 0% 100%,#4f99941a,transparent 43%),linear-gradient(145deg,#252736,#1c1f29)}
.creator-platform{border-color:#56596a;background:linear-gradient(135deg,#252936,#1c1f29)}
.login-card{background:radial-gradient(ellipse at 100% 0%,#8876c522,transparent 48%),radial-gradient(ellipse at 0% 100%,#4b8c8b18,transparent 54%),linear-gradient(145deg,#222634f5,#191c25f7);border-color:#696a7e}
@media(max-width:760px){.game-spotlight::before{top:10px;bottom:10px}.stats-grid .stat-card{box-shadow:inset 0 1px #ffffff08,0 5px 16px #08090d1a}}

/* GamerID identity: warm, readable, and unmistakably game-focused. */
:root{--bg:#11131c;--panel:#1a1d29;--panel2:#232636;--line:#484c60;--muted:#b3b6c7;--text:#f7f7fb;--accent:#c8f36b;--purple:#b4a1ff;--gamerid-cyan:#78d9d6;--gamerid-coral:#f2a28d}
body{background:radial-gradient(ellipse at 83% 1%,rgba(117,92,177,.16),transparent 31%),radial-gradient(ellipse at 27% 47%,rgba(58,146,142,.075),transparent 43%),linear-gradient(145deg,#11131c,#141621 58%,#11151b);color:var(--text)}
.sidebar{background:linear-gradient(180deg,#1d1e2b 0%,#151720 52%,#141720 100%);border-right-color:#46495b;box-shadow:8px 0 34px #0809102b}
.brand{font-size:16px;letter-spacing:-.035em;margin-bottom:44px}
.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#d7ff8e 0%,#c8f36b 48%,#84d8cb 100%);box-shadow:0 5px 20px #c8f36b30,0 0 0 1px #ffffff35 inset}
.brand-light{color:#d2c8ff;font-weight:700}
.side-label{color:#aaaec1;font-size:10px;letter-spacing:.13em}
.nav-item{font-size:13px;color:#c4c6d3}
.nav-item.active{background:linear-gradient(100deg,#333044,#272a39 76%);color:#fff;box-shadow:inset 2px 0 #c8f36b,0 5px 15px #090a121e}
.nav-item.active .nav-icon{color:#d5ff83}
.platform-row{font-size:13px;color:#e1e3ed}
.privacy-note{background:linear-gradient(125deg,#28263a,#1c202b);border-color:#56566d}
.privacy-note strong{font-size:11px;color:#f4f2fb}
.privacy-note small,.profile-text small{font-size:10px;color:#c0c2d0}
.profile-text strong{font-size:12px}
.topbar{border-bottom-color:#414456;color:#c0c2d0;font-size:12px}
.crumb span{color:#83869b}
.crumb strong{color:#f4f3fa;font-weight:600}
.top-actions .signin-link,.help-button,.icon-button{color:#d0d2df}
.welcome-row{min-height:252px;border-bottom-color:#4a4d61;background:radial-gradient(ellipse at 82% 5%,rgba(151,124,215,.16),transparent 38%),radial-gradient(ellipse at 12% 100%,rgba(81,167,155,.11),transparent 42%),linear-gradient(110deg,#1d202e,#171a25 60%,#1c1c2b)}
.welcome-row .hero-copy,.friends-hero-copy,.find-hero-content{position:relative;z-index:2}
.eyebrow{font-size:10px;color:#d5d5e2;letter-spacing:.13em}
.live-dot{background:linear-gradient(135deg,#deff91,#a5e5b4);box-shadow:0 0 13px #c8f36b88}
h1{font-size:clamp(38px,3.2vw,48px);font-weight:700;letter-spacing:-.05em}
h1 em{color:#d2ff83;text-shadow:0 4px 28px #c8f36b22}
.intro{font-size:14px;color:#d6d8e5;line-height:1.65}
h2{font-size:22px;font-weight:700;color:#f7f6fc}
.section-heading p,.find-section-heading p,.friends-section-head p{font-size:12px;color:#c4c7d5;line-height:1.55}
.stats-grid .stat-card{border-color:#505367;border-radius:13px;box-shadow:inset 0 1px #ffffff12,0 10px 28px #080a1229}
.stat-head{font-size:9px;color:#c3c5d3;letter-spacing:.13em}
.stat-card>strong{font-size:28px}
.stat-card small{font-size:10px;color:#c2c4d2}
.stat-card small b{color:#f1f1f6;font-weight:700}
.section-heading{margin-bottom:21px}
.primary-button,.email-submit{background:linear-gradient(105deg,#d3ff83,#baf06b 60%,#83d8c7);color:#172012;font-size:12px;font-weight:700;box-shadow:0 7px 24px #b9ee6b2d,inset 0 1px #ffffff80}
.primary-button:hover,.email-submit:hover{background:linear-gradient(105deg,#e2ffad,#c8fa82 60%,#9ce8d9);box-shadow:0 9px 30px #b9ee6b47}
.toolbar{margin-top:4px}
.search-box{height:42px;border-color:#56596b;background:linear-gradient(120deg,#202330,#1a1d28);color:#d6d8e3}
.search-box input{font-size:12px;color:#f5f5fa}
.search-box input::placeholder{color:#b1b4c4}
.filters select{height:42px;border-color:#56596b;background:#202330;color:#eeedf5;font-size:11px}
.tag{font-size:11px;color:#c4c6d2;padding:8px 11px}
.tag span:last-child{color:#b2b5c5}
.tag.active{background:linear-gradient(110deg,#38334a,#292e38);border-color:#74728c;color:#fff;box-shadow:inset 0 1px #ffffff10}
.tag.active span:last-child{color:#d5ff83}
.add-tag{border-color:#626579;color:#d4d6e1}
.game-grid{gap:15px}
.game-card{border-color:#505365;background:linear-gradient(145deg,#242736,#1a1d27);box-shadow:0 8px 22px #080a112c}
.game-card:hover{transform:translateY(-4px);border-color:#b2a4e8;box-shadow:0 13px 28px #080a1247}
.game-art{height:118px}
.game-meta{padding:11px 12px 12px}
.game-title{font-size:13px;color:#f9f8fc}
.game-sub{font-size:10px;color:#c0c3d1}
.game-hours{color:#d9f69b}
.library-footer{font-size:11px;color:#bfc2d0}
.library-footer b{color:#fff}
.library-footer button{border-color:#525568;background:#232633;color:#ebebf2;font-size:10px}
.page-footer{border-top-color:#45485a;color:#b3b6c5;font-size:10px}
.page-footer-controls a,.page-footer-controls button{color:#d0c8f4}
.welcome-game-link{border-color:#d5ff83;background:linear-gradient(110deg,#d5ff83,#9fe2be);font-size:11px;box-shadow:0 7px 24px #9fe2be31}
.game-spotlight{border-color:#74748c;background:radial-gradient(ellipse at 7% 8%,rgba(168,142,230,.25),transparent 42%),radial-gradient(ellipse at 93% 100%,rgba(88,188,173,.22),transparent 44%),linear-gradient(125deg,#303146,#222837 58%,#202d35);box-shadow:0 14px 34px #0709123d,inset 0 1px #ffffff18}
.game-spotlight-copy .eyebrow{color:#e0d7ff}
.game-spotlight-copy h2{font-size:23px}
.game-spotlight-copy p{font-size:13px;color:#e0e1eb;line-height:1.65}
.friends-hero,.find-hero{border-color:#696b82;box-shadow:0 14px 34px #08091230}
.friends-hero-copy p,.find-hero-content>p{font-size:14px;color:#e1e2ec;line-height:1.7}
.friend-add-panel,.privacy-panel,.friend-card,.discord-panel,.common-card,.recommend-card,.creator-section{border-color:#5a5d70;box-shadow:0 10px 26px #08091227,inset 0 1px #ffffff0a}
.friend-add-panel p,.friend-card p,.discord-panel p,.creator-platform p,.creator-studio-copy p{font-size:12px;color:#d0d2df;line-height:1.6}
.friend-name-row strong,.friend-card .friend-main>strong{color:#fff}
.friends-section-head p,.friend-code span,.mutual-games,.friend-message,.discord-footnote,.creator-data-note,.creator-preview-note{color:#bfc2d0}
.privacy-setting strong,.privacy-setting small{color:#f3f2f8}
.recommend-card h3,.creator-platform h3{font-size:18px;color:#fff}
.rec-copy p{font-size:12px;color:#d0d2df;line-height:1.6}
.rec-reason,.rec-label{color:#e1d9ff}
.creator-heading p{font-size:12px;color:#d0d2df}
.creator-platform-grid{gap:14px}
.creator-platform{border-color:#66697c;background:linear-gradient(135deg,#2a2c3c,#1d202c)}
.creator-platform>div:last-child>span,.creator-studio-copy>span{font-size:9px;color:#d4caff}
.creator-platform a{font-size:11px;color:#d8d0ff}
.creator-studio{border-color:#8578ae;background:linear-gradient(115deg,#403858,#252a37)}
.creator-studio-copy h3{font-size:17px}
.creator-idea-button{padding:11px 14px;border-color:#b7a8e7;background:linear-gradient(115deg,#63528a,#3d4653);font-size:11px;color:#fff}
.creator-game-picker{font-size:10px;color:#e0d8ff}
.creator-game-picker select{border-color:#5e6378;background:#1d202d;color:#f7f5fc;font-size:12px}
.sample-chip{font-size:9px;color:#efffca;background:#44532c;border-color:#809556}
.creator-mode{border-color:#63677b;background:#292c3b}
.creator-mode strong{font-size:11px;color:#fff}
.creator-mode small{font-size:10px;color:#c9cbd7}
.login-page{background:radial-gradient(ellipse at 14% 18%,rgba(63,163,153,.17),transparent 34%),radial-gradient(ellipse at 85% 78%,rgba(146,113,213,.24),transparent 40%),linear-gradient(140deg,#151925,#12141f 60%,#201a2b);color:#f8f7fb}
.login-card{border-color:#77758d;box-shadow:0 28px 90px #07081070,inset 0 1px #ffffff15}
.login-intro,.login-safety,.login-terms{font-size:12px;color:#d1d3df;line-height:1.65}
.login-card h1{font-size:38px}
.login-card form label{font-size:11px;color:#e4e3ec}
.email-input{border-color:#5f6375;background:#1a1d29}
.email-input input{font-size:13px;color:#fff}
.privacy-page{background:radial-gradient(ellipse at 83% 0%,rgba(133,108,194,.2),transparent 38%),radial-gradient(ellipse at 3% 75%,rgba(65,150,145,.12),transparent 35%),linear-gradient(135deg,#151824,#11141d 58%,#191724);color:#f7f6fb}
.privacy-intro>p,.privacy-block p{font-size:13px;color:#d0d2de;line-height:1.8}
.privacy-intro h1{font-weight:700}
.privacy-block h2{font-size:26px}
.privacy-section-number{font-size:10px;color:#d2c7ff}
.privacy-toc{border-color:#585b6e;background:linear-gradient(120deg,#252837e8,#202432e8)}
.privacy-toc a{font-size:11px;color:#e0d8ff}
.privacy-footer{font-size:10px;color:#c0c2cf}
.privacy-footer a,.privacy-footer button{font-size:11px;color:#ded5ff}
.brand:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d9ff91;outline-offset:3px}
@media(max-width:760px){.welcome-row{min-height:225px}.game-art{height:102px}.friends-hero-copy p,.find-hero-content>p{font-size:13px}.creator-platform p,.friend-add-panel p{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.primary-button,.game-card,.welcome-game-link,.nav-item,.friend-card,.recommend-card{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}}
.game-sub{justify-content:flex-start}
.game-hours{display:inline-flex;align-items:baseline;gap:7px}
.game-hours-label{color:#c7cad8;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.game-hours-value{color:#e1f6ad;font-size:10px;font-weight:700;white-space:nowrap}
/* Clickable game details and achievement previews */
.game-card[role="button"]{cursor:pointer}
.game-card[role="button"]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#game-details-dialog,#friend-profile-dialog{width:min(620px,calc(100vw - 28px));max-height:88vh;overflow:auto;scrollbar-color:#535564 #191a21}
.game-details-modal,.friend-profile-modal{padding:27px;position:relative}
.game-details-modal h2{margin:12px 0 10px;font:600 25px/1.15 'Space Grotesk',sans-serif}
.game-detail-playtime{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #353743;border-bottom:1px solid #353743}
.game-detail-playtime span{font-size:9px;letter-spacing:.1em;color:#c8dafa;font-weight:700}
.game-detail-playtime strong{font-size:12px;color:#f1f1f4}
.achievement-preview-note,.friend-profile-note{margin:14px 0;padding:10px 11px;border:1px solid #655b8e;border-radius:8px;background:#7b6ca313;color:#d1c8ef;font-size:10px;line-height:1.55}
.achievement-progress{margin:16px 0 20px}
.achievement-progress>div:first-child{display:flex;justify-content:space-between;color:#b9bac4;font-size:10px;margin-bottom:8px}
.achievement-progress>div:first-child strong{color:var(--accent)}
.achievement-progress-track{height:7px;border-radius:9px;background:#2c2d36;overflow:hidden}
.achievement-progress-track span{display:block;width:50%;height:100%;border-radius:9px;background:linear-gradient(90deg,#a491ff,var(--accent))}
.achievement-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.achievement-column-title,.friend-achievement-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.achievement-column-title h3,.friend-achievement-head h3{font:600 13px 'Space Grotesk',sans-serif}
.achievement-column-title>span{font-size:7px;letter-spacing:.1em;color:#a9aab6}
.achievement-list,.friend-achievement-list{display:grid;gap:7px}
.achievement-item,.friend-achievement-item{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #3b3d49;border-radius:8px;background:#20212a;min-width:0}
.achievement-state,.friend-achievement-item>span{flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#c5f36b18;color:var(--accent);font-size:11px;font-weight:700}
.achievement-item.is-locked .achievement-state,.friend-achievement-item.is-locked>span{background:#ffffff0b;color:#858793}
.achievement-item>div,.friend-achievement-item>div{display:grid;gap:3px;min-width:0}
.achievement-item strong,.friend-achievement-item strong{font-size:9px;color:#f0f0f4}
.achievement-item small,.friend-achievement-item small{font-size:8px;line-height:1.4;color:#aeb0bc}
.achievement-privacy-note{margin-top:15px;color:#aeb0bc;font-size:9px;line-height:1.5}
.tarkov-support{display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px;border:1px solid #484a58;border-radius:9px;background:linear-gradient(110deg,#25232a,#1d1f29)}
.tarkov-mark{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid #78717a;border-radius:7px;background:#34323a;color:#ebe9e6;font:700 9px 'Space Grotesk';letter-spacing:.08em}
.tarkov-copy{min-width:0;flex:1}
.tarkov-copy>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tarkov-copy strong{font-size:10px;color:#f3f2f4}
.tarkov-copy>div span{color:#c5f36b;font-size:7px;letter-spacing:.08em;font-weight:700}
.tarkov-copy p{margin-top:4px;color:#b1b3be;font-size:8px;line-height:1.45}
.tarkov-copy a{display:inline-block;margin-top:5px;color:#c9c4dd;font-size:8px;text-decoration:none}
.tarkov-copy a:hover{text-decoration:underline}
.tarkov-copy a b{color:var(--accent)}
.view-friend-profile{align-self:center;flex:none;padding:7px 9px;border:1px solid #515360;border-radius:6px;background:#292a34;color:#e0e1e8;font:600 9px 'DM Sans';cursor:pointer}
.view-friend-profile:hover{border-color:#a491ff;color:#fff}
.friend-profile-modal>.eyebrow{padding-right:26px}
.friend-profile-heading{display:flex;align-items:center;gap:11px;margin:18px 0 10px}
.friend-profile-heading>div{display:grid;gap:4px}
.friend-profile-heading h2{font:600 20px 'Space Grotesk',sans-serif}
.friend-profile-heading .status-pill{margin-left:auto}
.friend-profile-now{padding:10px 0;border-top:1px solid #353743;border-bottom:1px solid #353743;color:#b6b7c2;font-size:10px}
.friend-profile-now strong{color:#f0eff4}
.friend-achievement-section{margin-top:18px}
.friend-achievement-head{align-items:flex-start}
.friend-achievement-head p{margin-top:4px;color:#aeb0bc;font-size:9px}
.friend-achievement-item{align-items:center}
.friend-achievement-item>div{flex:1}
.friend-achievement-item>b{flex:none;color:#c5f36b;font-size:7px;letter-spacing:.07em}
.friend-achievement-item.is-locked>b{color:#9899a5}
@media(max-width:620px){.game-details-modal,.friend-profile-modal{padding:22px 17px}.achievement-columns{grid-template-columns:1fr}.friend-profile-heading h2{font-size:18px}.view-friend-profile{padding:6px 7px;font-size:8px}.friend-card{gap:8px;padding:10px}}