/* The independent reading room. Loaded only by static browser-game pages. */
html:has(body.editorial){color-scheme:light;scrollbar-color:#9aab9e #f7f7f0}
body.editorial{--ink:#203b31;--paper:#f7f7f0;--muted:#57685d;--deep:#18392e;--line:#d7ded1;--orange:#d9e6bb;background:var(--paper);color:var(--ink)}
.editorial ::selection{background:#d4e3ac;color:#18392e}
.editorial a{transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease;text-decoration-color:#889a87}
.editorial a:hover{text-decoration-color:currentColor}
.editorial a:focus-visible{outline:3px solid #427a4d;outline-offset:5px}
.editorial .site-header{max-width:1240px;padding:28px 40px;gap:48px;border-color:var(--line)}
.editorial .brand{font-size:27px;letter-spacing:-.03em}
.editorial .brand img{background:var(--deep);border-radius:7px;padding:3px;width:31px;height:36px}
.editorial .site-header nav{gap:28px;font-size:14px}
.editorial .site-header nav a{padding:10px 0}
.editorial .site-header nav a[aria-current]{color:#245e37;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.editorial .account-nav{font-size:13px}
.editorial .account-nav>a{display:flex;align-items:center;gap:9px}
.editorial .icon{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.editorial .utility-bar{max-width:1240px;padding:14px 40px;color:var(--muted);font-size:12px}
.editorial main{max-width:1240px;padding:60px 40px 96px}
.editorial .review-intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;margin-bottom:48px}
.editorial .review-intro h1{font-size:clamp(50px,6vw,78px);line-height:1.03;letter-spacing:-.035em;margin:0}
.editorial .review-intro h1 em{font-style:normal;color:#4b7045}
.editorial .review-intro p{font-size:19px;line-height:1.65;color:#4d6253;margin-bottom:14px;max-width:43ch}
.editorial .review-intro p:last-child{font-size:14px;margin:0}
.collection-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:25px;margin-bottom:26px}
.collection-heading h2{font-size:25px;margin:0}
.collection-heading p{font-size:13px;color:var(--muted);margin:0}
.editorial .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
.editorial .review-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid var(--line);color:var(--ink)}
.preview-frame{display:flex;width:100%;align-items:center;justify-content:center;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#e6eadd;margin-bottom:21px}
.editorial .review-card img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;margin:0;border-radius:0;background:transparent;transition:transform 220ms ease-out}
.preview-frame[data-game=sandspiel]{background:#f4e8e5}
.preview-frame[data-game=hexgl],.preview-frame[data-game=astray],.preview-frame[data-game=breaklock],.preview-frame[data-game=radius-raid]{background:#101616}
.preview-frame[data-game=trust],.preview-frame[data-game=a-dark-room],.preview-frame[data-game=gridland]{background:#fff}
.preview-frame[data-game="2048"]{background:#faf8ef}
.preview-frame[data-game=clumsy-bird]{background:#1099c2}
.editorial .review-card h2{font-size:34px;line-height:1.12;margin:0 0 13px;letter-spacing:-.025em}
.editorial .review-card p{font-size:16px;line-height:1.65;color:#4d6253;margin-bottom:20px;max-width:48ch}
.editorial .review-card .review-category{font-size:12px;color:#4d6253;margin:0 0 9px;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.review-category span+span:before{content:'·';padding-right:7px}
.card-link{margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:42px;border-radius:7px;background:#e6eddb;padding:10px 15px;font-size:13px;font-weight:650;color:#244d31;transition:background-color 160ms ease,color 160ms ease}
@media(hover:hover){.editorial .review-card:hover h2{color:#43743e}.editorial .review-card:hover .card-link{background:#244d31;color:#fff}.editorial .review-card:hover img{transform:scale(1.015)}}
.editorial .reading{max-width:780px;font-family:var(--body);font-size:18px;line-height:1.8}
.editorial .reading>p,.editorial .reading>ul,.editorial .reading>h2{max-width:69ch}
.editorial .reading>p{margin-bottom:24px}
.editorial .reading h1{font-size:clamp(44px,5.4vw,64px);line-height:1.06;margin:0 0 20px}
.editorial .reading h2{font-size:28px;line-height:1.2;letter-spacing:-.02em;margin:46px 0 17px}
.editorial .reading li{margin-bottom:10px;padding-left:5px}
.editorial .reading ul{padding-left:22px}
.back-link{display:inline-flex;align-items:center;gap:8px;font:14px/1.5 var(--body);text-decoration:none;margin-bottom:30px;min-height:36px}
.editorial .reading .page-heading{margin-bottom:25px;max-width:none}
.editorial .reading .page-heading>p{font-size:21px;line-height:1.55;color:#526656;margin-bottom:22px;max-width:58ch}
.review-facts{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;font:13px/1.5 var(--body);margin:24px 0}
.review-facts div{display:flex;flex-direction:column;gap:4px}
.review-facts dt{color:#596c5e;font-size:12px}
.review-facts dd{margin:0;font-weight:600;color:#294a35}
.review-jump{display:inline-flex;align-items:center;gap:7px;font:600 14px/1.5 var(--body);text-decoration:none;padding:6px 0;min-height:36px}
.editorial .review-figure{margin:26px 0 38px}
.editorial .review-figure .preview-frame{margin:0;aspect-ratio:16/9}
.editorial .review-figure img{width:100%;height:100%;object-fit:contain;border-radius:0}
.editorial .review-figure figcaption{font:12px/1.6 var(--body);color:#60705f;margin-top:12px;max-width:88ch}
.editorial .reading>p:first-of-type{font-size:20px;line-height:1.8;color:#284933}
.editorial .reading .external-note{background:#e9eedf;color:#41563e;font:15px/1.7 var(--body);padding:22px 24px;border-radius:12px}
.editorial .button.primary{font:600 15px/1.4 var(--body);background:#275337;color:#fff;padding:15px 22px;border-radius:8px;gap:24px;min-height:50px}
.editorial .button.primary:hover{background:#183b26}
.editorial .reading .small{font:13px/1.75 var(--body);color:#60705f}
.editorial .source-list{font-size:13px;line-height:1.6}
.editorial .source-list li{margin-bottom:11px}
.review-end{border-top:1px solid var(--line);margin-top:38px;padding-top:22px}
.review-end .back-link{margin:0}
.editorial footer{background:#e9eddf;color:#284432;padding:44px 40px 24px}
.editorial .footer-main,.editorial .footer-bottom{max-width:1160px}
.editorial .footer-main{grid-template-columns:2fr 1fr 1fr;gap:50px}
.editorial footer .brand{font-size:25px;margin-bottom:18px}
.editorial footer .brand img{background:var(--deep)}
.editorial .footer-main p{color:#52674e;font-size:15px;margin-bottom:12px}
.editorial .footer-main .small{font-size:12px;line-height:1.7}
.editorial .footer-main nav{font-size:13px;gap:9px}
.editorial .footer-main nav a{padding:4px 0}
.editorial .footer-bottom{color:#596d54;border-color:#cbd5c0;font-size:12px;margin-top:30px}
@media(max-width:1000px){.editorial .site-header{gap:25px;flex-wrap:nowrap}.editorial .brand{font-size:24px}.editorial .site-header nav{gap:21px}.editorial .review-intro{gap:36px}.editorial .review-intro p{font-size:17px}}
@media(max-width:800px){.editorial .site-header{padding:23px 25px 0;flex-wrap:wrap;gap:16px}.editorial .site-header nav{width:100%;order:3;padding:10px 0 15px;border:0}.editorial .account-nav{display:flex}.editorial .utility-bar{padding:14px 25px}.editorial main{padding:38px 25px 64px}.editorial .review-intro{gap:28px}.editorial .review-intro h1{font-size:52px}.editorial .review-grid{gap:32px 24px}.editorial .review-card h2{font-size:28px}.editorial .review-card p{font-size:15px}.editorial .footer-main{grid-template-columns:2fr 1fr 1fr;gap:28px}.editorial .footer-main>div{grid-column:auto}.editorial footer{padding:36px 25px 22px}}
@media(max-width:600px){.editorial .site-header{padding:20px 20px 0}.editorial .brand{font-size:23px}.editorial .account-nav{font-size:12px}.editorial .account-nav .icon{width:14px}.editorial .site-header nav{gap:27px;font-size:13px;padding-bottom:13px}.editorial .utility-bar{padding:12px 20px;font-size:12px;gap:12px}.editorial .utility-bar p{max-width:225px}.editorial .utility-bar a{font-size:12px}.editorial main{padding:32px 20px 56px}.editorial .review-intro{grid-template-columns:1fr;gap:22px;margin-bottom:32px}.editorial .review-intro h1{font-size:53px;line-height:1.03}.editorial .review-intro p{font-size:17px;max-width:42ch;margin-bottom:12px}.editorial .review-intro p:last-child{font-size:12px}.collection-heading{padding-top:21px;margin-bottom:22px;align-items:center}.collection-heading h2{font-size:23px}.collection-heading p{font-size:12px}.editorial .review-grid{grid-template-columns:1fr;gap:30px}.editorial .review-card{padding-bottom:24px}.preview-frame{margin-bottom:18px;border-radius:12px}.editorial .review-card h2{font-size:31px}.editorial .review-card p{font-size:16px;line-height:1.6;margin-bottom:17px}.editorial .review-card .review-category{font-size:12px}.card-link{min-height:44px}.editorial .reading{font-size:17px;line-height:1.8}.editorial .reading h1{font-size:43px}.editorial .reading .page-heading>p{font-size:19px}.editorial .reading>p:first-of-type{font-size:18px}.editorial .reading h2{font-size:26px;margin-top:35px}.back-link{font-size:13px;margin-bottom:22px}.review-facts{gap:13px 23px;font-size:12px}.editorial .review-figure{margin:24px 0 29px}.editorial .reading .external-note{padding:19px;font-size:14px}.editorial .button.primary{width:100%;justify-content:space-between}.editorial footer{padding:32px 20px 22px}.editorial .footer-main{grid-template-columns:1fr 1fr;gap:26px}.editorial .footer-main>div{grid-column:1/-1}.editorial .footer-main nav:last-child{grid-column:auto;display:flex}.editorial .footer-bottom{font-size:12px;gap:20px}.editorial .reading .small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.editorial a,.editorial .review-card img,.card-link{transition:none}.editorial .review-card:hover img{transform:none}}
@media(max-width:360px){.editorial .review-intro h1{font-size:43px}.collection-heading{display:block}.collection-heading h2{font-size:23px}.collection-heading p{margin-top:7px}}