*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.header{height:88px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.mark{font-size:34px;color:var(--accent)}.brand strong{display:block;font:600 23px "DM Serif Display",serif}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;opacity:.7}.header nav{display:flex;gap:25px;font-size:12px;font-weight:600}.header nav a{opacity:.76}.header nav a:hover{color:var(--accent);opacity:1}.header-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--accent);padding:9px 0;white-space:nowrap}.header-link b{color:var(--accent);margin-left:10px}.mobile-toggle{display:none;background:none;border:0;color:inherit;font-size:24px}.hero{padding:54px 5.2vw 62px;display:grid;grid-template-columns:.82fr 1.18fr;gap:4vw;align-items:center;min-height:610px}.hero-copy{max-width:490px}.kicker{font-size:9px;font-weight:700;letter-spacing:2.5px;color:var(--accent);margin:0 0 22px}.hero h1,.journal-page h1{font:500 clamp(48px,6vw,78px)/.98 "DM Serif Display",serif;letter-spacing:-1.8px;margin:0 0 24px}.hero-text{font-size:15px;line-height:1.8;max-width:440px;opacity:.78;margin:0 0 30px}.primary{display:inline-flex;gap:28px;align-items:center;background:var(--deep);color:var(--button-text);padding:16px 20px;font-size:12px;font-weight:700;transition:.2s}.primary:hover{transform:translateY(-3px);background:var(--accent);color:var(--deep)}.primary span{font-size:17px}.hero-foot{font-size:9px;opacity:.58;margin-top:26px}.hero-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}.hero-image{height:445px;position:relative;overflow:hidden;background:var(--deep)}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 25px 18px;color:white;font:20px "DM Serif Display",serif;background:linear-gradient(transparent,#0009)}.pillars{margin:0 5.2vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.pillars article{padding:27px 22px;display:flex;gap:16px;border-right:1px solid var(--line)}.pillars article:last-child{border:0}.pillar-no{font:italic 18px "DM Serif Display",serif;color:var(--accent)}.pillars h3{font:20px "DM Serif Display",serif;margin:0 0 7px}.pillars p{font-size:11px;line-height:1.65;opacity:.7;margin:0}.pillar-arrow{margin-left:auto;color:var(--accent)}.section-title{padding:84px 5.2vw 24px;display:flex;align-items:end;justify-content:space-between}.section-title .kicker{margin-bottom:12px}.section-title h2,.compare-panel h2,.discover h2,.about h2{font:500 clamp(32px,4vw,46px)/1.08 "DM Serif Display",serif;margin:0 0 10px}.section-intro{font-size:12px;opacity:.68;margin:0}.count{font-size:9px;letter-spacing:1.5px;opacity:.6}.filters{margin:0 5.2vw 22px;display:flex;gap:10px}.search{flex:1;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);padding:0 14px}.search span{font-size:22px;color:var(--accent)}.search input{border:0;background:transparent;padding:14px 0;width:100%;color:var(--ink);outline:none;font:12px "DM Sans"}.filters select,.mood-picker select{background:var(--surface);border:1px solid var(--line);padding:0 14px;color:var(--ink);font:12px "DM Sans";min-width:160px}.filters button,.mood-picker button,.compare-panel button{border:0;background:var(--deep);color:var(--button-text);font:700 11px "DM Sans";padding:0 20px;cursor:pointer}.reset{font-size:11px;align-self:center;color:var(--accent)}.game-grid{padding:0 5.2vw 80px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{background:var(--surface);border:1px solid var(--line);min-width:0}.game-art{height:145px;display:block;position:relative;background:linear-gradient(135deg,var(--deep),var(--accent));overflow:hidden}.game-art img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}.art-fallback{position:absolute;inset:0;display:grid;place-items:center;color:white;font:20px "DM Serif Display",serif;text-align:center;padding:15px}.game-index{position:absolute;z-index:2;top:10px;left:10px;background:var(--paper);padding:5px 7px;font-size:9px}.game-info{padding:16px}.game-genre{font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);margin:0 0 9px}.game-genre span{opacity:.5;padding:0 4px}.game-info h3{font:21px/1.1 "DM Serif Display",serif;margin:0 0 9px}.game-info>p:not(.game-genre){font-size:11px;line-height:1.6;opacity:.72;min-height:70px;margin:0 0 14px}.text-link{font-size:10px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:6px}.text-link b{color:var(--accent);margin-left:8px}.compare-check{display:block;font-size:9px;opacity:.7;margin-top:14px}.compare-check input{accent-color:var(--accent);vertical-align:middle}.empty{margin:0 5.2vw 70px;padding:35px;border:1px dashed var(--line);text-align:center;opacity:.7}.compare-panel{margin:0 5.2vw 70px;padding:40px 4.5%;background:var(--deep);color:var(--deep-text);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.compare-panel .kicker{color:var(--accent)}.compare-panel h2{color:var(--deep-text)}.compare-panel p:not(.kicker){font-size:11px;opacity:.7;max-width:540px}.compare-panel button{background:var(--accent);color:var(--deep);padding:15px 18px}.compare-output{grid-column:1/-1}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compare-grid article{padding:15px;border:1px solid #ffffff30}.compare-grid p{font-size:10px;line-height:1.5}.journal{padding-bottom:80px}.compact{padding-top:0}.compact>a{font-size:11px;border-bottom:1px solid var(--accent);padding-bottom:7px}.story-list{margin:0 5.2vw}.story{display:grid;grid-template-columns:55px 1fr 25px;gap:10px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}.story-no{font:italic 19px "DM Serif Display",serif;color:var(--accent)}.story small,.story strong,.story em{display:block}.story small{font-size:8px;letter-spacing:1.5px;color:var(--accent);margin-bottom:5px}.story strong{font:20px "DM Serif Display",serif}.story em{font-style:normal;font-size:10px;opacity:.62;margin-top:4px}.story>b{color:var(--accent)}.discover{margin:0 5.2vw 70px;padding:38px 4%;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.discover .kicker{margin-bottom:12px}.discover h2{max-width:560px}.discover p:not(.kicker){font-size:11px;opacity:.65}.mood-picker{display:flex;gap:8px;flex-wrap:wrap;max-width:390px}.mood-picker select{height:44px;flex:1}.mood-picker button{height:44px;padding:0 17px}.mood-picker p{flex-basis:100%;margin:5px 0 0}.mood-picker a{color:var(--accent);font-weight:700}.about{padding:55px 5.2vw 75px;background:var(--surface);border-top:1px solid var(--line)}.about h2{margin-bottom:12px}.about>p:last-child{max-width:800px;font-size:12px;line-height:1.8;opacity:.72}footer{background:var(--deep);color:var(--deep-text);padding:35px 5.2vw 22px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main .brand{min-width:unset}.footer-main p{font:17px "DM Serif Display",serif;opacity:.75}.footer-nav{display:flex;gap:17px;font-size:10px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid #ffffff2b;padding-top:17px;margin-top:25px;font-size:8px;opacity:.65}.detail{max-width:1100px;margin:auto;padding:65px 5vw 90px}.detail h1{font:56px "DM Serif Display",serif;margin:0 0 28px}.detail-art{height:300px;background:var(--deep);overflow:hidden}.detail-art img{width:100%;height:100%;object-fit:cover}.detail-columns{display:grid;grid-template-columns:1fr 250px;gap:60px;padding-top:35px}.detail-columns h2,.journal-page h2{font:27px "DM Serif Display",serif;margin:26px 0 8px}.detail-columns p,.journal-page p{font-size:13px;line-height:1.8;opacity:.8}.detail-columns aside{background:var(--surface);padding:24px;height:max-content}.detail-columns aside small,.detail-columns aside b{display:block}.detail-columns aside small{font-size:8px;letter-spacing:1.5px;opacity:.6;margin:0 0 6px}.detail-columns aside b{font:18px "DM Serif Display",serif;margin-bottom:20px}.disclaimer{font-size:10px!important;opacity:.55!important;margin:25px 0}.journal-page{max-width:850px;margin:auto;padding:70px 5vw 100px}.journal-page h1{max-width:780px}.journal-page .lead{font:22px/1.5 "DM Serif Display",serif;opacity:.8;margin:25px 0 35px}.story-type{font-size:9px!important;letter-spacing:2px;color:var(--accent);font-weight:700}.journal-page .story{margin-top:15px}.afterglow .journal-page .story{border-color:var(--line)}@media(max-width:950px){.header nav{gap:13px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr 1fr}.hero-image{height:380px}.pillars article{padding:20px 14px}.discover{align-items:flex-start;flex-direction:column}.mood-picker{max-width:100%;width:100%}}@media(max-width:650px){.header{height:75px;padding:0 5vw}.brand{min-width:0}.brand strong{font-size:19px}.brand small{font-size:7px;letter-spacing:1.2px}.mobile-toggle{display:block;margin-left:auto}.header-link{display:none}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--surface);padding:20px 6vw;flex-direction:column;gap:17px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.hero{display:flex;flex-direction:column;align-items:stretch;padding:40px 5vw 48px;gap:28px}.hero h1{font-size:53px}.hero-image{height:290px}.pillars{margin:0 5vw;grid-template-columns:1fr}.pillars article{border-right:0;border-bottom:1px solid var(--line)}.pillars article:last-child{border-bottom:0}.section-title{padding:60px 5vw 20px;align-items:flex-start;gap:15px;flex-direction:column}.filters{margin:0 5vw 18px;flex-wrap:wrap}.search{flex-basis:100%;height:46px}.filters select{height:44px;flex:1}.filters button{height:44px}.game-grid{padding:0 5vw 55px;grid-template-columns:1fr}.game-art{height:190px}.game-info>p:not(.game-genre){min-height:0}.compare-panel{margin:0 5vw 55px;padding:28px 22px;grid-template-columns:1fr}.compare-panel button{height:45px}.compare-grid{grid-template-columns:1fr}.story-list{margin:0 5vw}.story{grid-template-columns:34px 1fr 18px}.story strong{font-size:17px}.discover{margin:0 5vw 55px;padding:27px 22px}.mood-picker{flex-direction:column}.mood-picker select,.mood-picker button{height:45px}.about{padding:40px 5vw 55px}.footer-main{align-items:flex-start;flex-direction:column}.footer-main p{margin:0}.footer-bottom{flex-direction:column}.detail{padding:45px 5vw 65px}.detail h1{font-size:42px}.detail-art{height:200px}.detail-columns{grid-template-columns:1fr;gap:20px}.journal-page{padding:48px 5vw 70px}.journal-page h1{font-size:45px}.journal-page .lead{font-size:19px}}
:root{--paper:#eaf0ef;--ink:#19313d;--surface:#f8fbf9;--deep:#17384d;--deep-text:#f5fbff;--button-text:#f5fbff;--accent:#b68c4c;--line:#c7d5d5;}
.atlas .hero-image{clip-path:polygon(0 0,97% 0,100% 8%,100% 100%,3% 100%,0 92%)}.atlas .pillars{border-color:#b6c9cd}.atlas .game-card{border-radius:3px;overflow:hidden}