:root{--paper:#fff8e7;--panel:#fffdf6;--ink:#24182f;--muted:#66566f;--purple:#5b30b4;--purple-link:#5b30b4;--yellow:#ffe194;--line:#24182f;--soft:#eadeff;--focus:#a74800;--shadow:#24182f;--ease:cubic-bezier(.2,.7,.2,1);font-family:'Trebuchet MS',Arial,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light;font-synthesis:none}
:root[data-theme=dark]{--paper:#1d1528;--panel:#2c2139;--ink:#fff5e4;--muted:#cdbed7;--purple-link:#c4a8ff;--line:#b49cc9;--soft:#3b2a4e;--focus:#ffe194;--shadow:#100b18;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}a,select{touch-action:manipulation}a,select{transition:transform .18s var(--ease),background .18s var(--ease),color .18s var(--ease)}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:var(--yellow);color:#24182f}img{display:block;max-width:100%;height:auto}svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.skip{position:fixed;z-index:20;left:16px;top:12px;padding:14px 20px;background:var(--yellow);color:#24182f;transform:translateY(-160%)}.skip:focus{transform:none}
.masthead{background:var(--purple);color:#fff7e8;border-bottom:3px solid #24182f}.header-inner{max-width:1240px;margin:auto;padding:28px 40px 22px;display:flex;justify-content:space-between;align-items:center;gap:30px}.wordmark{font-family:'Arial Black',Impact,sans-serif;font-size:clamp(40px,6.5vw,76px);line-height:1;font-weight:900;letter-spacing:-4px;color:var(--yellow);text-decoration:none;transform:rotate(-2deg);text-shadow:3px 3px 0 #24182f}.wordmark span{color:#fff8e7}.wordmark:hover{transform:rotate(0deg)}.preferences{display:flex;gap:12px;flex-shrink:0}.preferences label{display:grid;gap:6px;font-size:11px;font-weight:bold}.preferences select{min-height:44px;width:138px;padding:10px 24px 10px 12px;color:#fff8e7;background:#432186;border:1px solid #be9ef4;border-radius:6px;font-size:12px;cursor:pointer}.preferences select:hover{background:#351b6b}.strapline{border-top:1px solid #9771d7;max-width:1160px;margin:auto;padding:4px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font:700 10px/1.5 'Courier New',monospace;letter-spacing:1px}.strapline a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--yellow)}.strapline a:hover{text-decoration:underline}
main{max-width:1240px;padding:0 40px;margin:auto}.hero{padding:56px 0 48px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}.kicker{font:700 11px/1.5 'Courier New',monospace;letter-spacing:1.5px;color:var(--purple-link);margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font-family:'Arial Black',Impact,sans-serif;font-size:clamp(46px,6.4vw,82px);font-weight:900;letter-spacing:-4px;line-height:1.04;margin-bottom:0}.highlight{color:var(--purple-link)}.hero-note{max-width:380px;padding-top:16px}.ai-badge{display:inline-block;transform:rotate(-3deg);background:var(--yellow);color:#24182f;padding:8px 13px;border:2px solid #24182f;box-shadow:3px 3px 0 var(--shadow);font:700 12px 'Courier New',monospace;letter-spacing:1px;margin-bottom:24px}.hero-note>p:not(.note-detail){font-size:26px;line-height:1.25;font-weight:bold;letter-spacing:-.5px;margin-bottom:12px}.note-detail{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:12px}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:bold;color:var(--purple-link)}.text-link:hover{color:var(--ink);text-decoration-thickness:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:3px solid var(--line);padding:20px 0}.section-heading h2{font-size:21px;line-height:1.2;margin:0;letter-spacing:-.5px}.edition-tag{font:700 10px 'Courier New',monospace;letter-spacing:1px;color:var(--muted);text-align:right}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.game-card{border:2px solid var(--line);background:var(--panel);box-shadow:6px 6px 0 var(--shadow);min-width:0;display:flex;flex-direction:column}.game-art{position:relative;height:312px;overflow:hidden;border-bottom:2px solid var(--line);display:block}.twenty-art{background:#dccfff}.twenty-art>img{position:absolute;width:320px;height:320px;object-fit:contain;left:50%;top:1px;transform:translateX(-50%);transition:transform .3s var(--ease)}.twenty-art:hover>img{transform:translateX(-50%) rotate(-4deg)}.art-number{position:absolute;font:900 290px/.85 'Arial Black',sans-serif;letter-spacing:-30px;color:#c5acee;left:16px;top:25px;user-select:none}.art-sticker{position:absolute;left:18px;bottom:17px;max-width:170px;font:900 12px/1.3 'Courier New',monospace;padding:10px 12px;background:var(--yellow);color:#24182f;border:2px solid #24182f;box-shadow:3px 3px 0 #24182f;transform:rotate(-4deg);white-space:pre-line}.oracle-art img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform .3s var(--ease)}.oracle-art:hover img{transform:scale(1.035)}.oracle .art-sticker{left:auto;right:18px;background:#f6efff;transform:rotate(3deg)}.game-body{padding:25px 28px 28px;display:flex;flex:1;flex-direction:column}.game-tags{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--purple-link);font:700 10px/1.4 'Courier New',monospace;letter-spacing:1px;margin-bottom:13px}.game-body h3{font:900 34px/1.1 'Arial Black',Arial,sans-serif;letter-spacing:-1.5px;margin-bottom:16px}.period{color:var(--purple-link)}.game-body p{font-size:15px;line-height:1.6;color:var(--muted);margin-bottom:24px}.play-link{margin-top:auto;padding:15px 18px;background:var(--purple);color:white;text-decoration:none;border:2px solid #24182f;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:bold;box-shadow:3px 3px 0 var(--shadow)}.play-link svg{width:22px;height:22px;flex-shrink:0}.play-link:hover{background:#432186;transform:translate(-1px,-2px)}.twenty .play-link{background:var(--yellow);color:#24182f}.twenty .play-link:hover{background:#ffd26b}
.next-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;margin:42px 0}.magazine{background:var(--soft);border:2px solid var(--line);padding:24px;display:grid;grid-template-columns:154px 1fr;gap:24px;align-items:center}.cover{position:relative;display:block;border:2px solid #24182f;box-shadow:5px 5px 0 var(--shadow);transform:rotate(-3deg);transition:transform .2s var(--ease)}.cover:hover{transform:rotate(0deg)}.cover img{width:100%;aspect-ratio:2/3;object-fit:cover}.cover-title{position:absolute;left:0;top:9px;right:0;font:900 19px/.95 'Arial Black',sans-serif;text-align:center;color:#ffe194;text-shadow:2px 2px #24182f;letter-spacing:-1px}.cover-title small{display:block;font:700 8px 'Courier New',monospace;letter-spacing:2px;margin-top:7px}.magazine h2,.coming h2{font-size:27px;line-height:1.15;letter-spacing:-1px;margin-bottom:12px;white-space:pre-line}.magazine p:not(.kicker),.coming p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:8px}.magazine .kicker{font-size:9px;letter-spacing:1px;margin-bottom:10px}.coming{border:2px dashed var(--line);padding:27px 28px;display:flex;flex-direction:column;align-items:flex-start}.development{display:inline-block;background:var(--ink);color:var(--paper);font:700 9px 'Courier New',monospace;letter-spacing:1.3px;padding:7px 10px;margin-bottom:20px}.coming .coming-note{font-size:11px;border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.ai-strip{background:var(--purple);color:#fff8e7;border:2px solid #24182f;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:25px;padding:14px 28px;margin-bottom:44px;box-shadow:5px 5px 0 var(--shadow)}.ai-strip>img{width:120px;height:135px;object-fit:contain;align-self:end}.ai-strip h2{font-size:22px;letter-spacing:-.5px;line-height:1.2;margin-bottom:8px}.ai-strip .kicker{color:var(--yellow);font-size:9px;margin-bottom:8px}.ai-strip p:not(.kicker){font-size:13px;line-height:1.5;max-width:540px;margin:0;color:#ede0ff}.small-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:2px solid #24182f;background:var(--yellow);color:#24182f;padding:12px 15px;text-decoration:none;font-size:12px;font-weight:bold;white-space:nowrap}.small-button:hover{background:#ffd26b;transform:translateY(-2px)}footer{max-width:1240px;margin:auto;padding:0 40px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:0;font-size:11px;color:var(--muted)}.footer-brand{font:900 24px 'Arial Black',Arial,sans-serif;letter-spacing:-1px;color:var(--purple-link);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}footer p{margin:0;line-height:1.5}footer nav{display:flex;gap:20px}footer nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}footer a:hover{color:var(--ink)}noscript p{padding:15px;text-align:center;font-size:14px}
@media(max-width:1050px){.hero{gap:28px}.magazine{grid-template-columns:120px 1fr;gap:18px;padding:20px}.next-grid{grid-template-columns:1.2fr 1fr}.cover-title{font-size:15px}.ai-strip{grid-template-columns:100px 1fr;gap:18px}.ai-strip>img{grid-row:1/3;width:100px}.ai-strip .small-button{grid-column:2;justify-self:start}.header-inner{padding-left:30px;padding-right:30px}.strapline{margin:0 30px}main{padding:0 30px}.wordmark{letter-spacing:-3px}.game-body{padding:24px}.game-art{height:285px}.twenty-art>img{width:295px;height:295px}}
@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;gap:20px;padding:24px 24px 16px}.wordmark{font-size:clamp(42px,10vw,65px);letter-spacing:-3px}.preferences{width:100%;gap:12px}.preferences label{flex:1;min-width:0}.preferences select{width:100%;font-size:13px}.strapline{margin:0 24px;gap:10px;font-size:8px;letter-spacing:.8px}.strapline>span{max-width:150px}.strapline>a{text-align:right;max-width:150px}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 30px}.hero h1{font-size:clamp(46px,9.4vw,68px);letter-spacing:-2.5px}.hero-note{max-width:none;padding:0}.ai-badge{font-size:10px;padding:7px 10px;margin-bottom:17px}.hero-note>p:not(.note-detail){font-size:23px;max-width:440px}.note-detail{font-size:14px;max-width:420px}.game-grid{grid-template-columns:1fr;gap:26px}.section-heading{align-items:flex-start;gap:12px}.section-heading h2{font-size:20px;max-width:220px}.edition-tag{max-width:110px;font-size:8px;line-height:1.4}.game-art{height:300px}.twenty-art>img{width:310px;height:310px}.game-body h3{font-size:31px}.game-body p{font-size:14px}.next-grid{grid-template-columns:1fr;margin-top:32px;gap:24px}.magazine{grid-template-columns:130px 1fr;padding:22px;gap:22px}.cover-title{font-size:16px}.coming{padding:24px}.coming h2{font-size:29px}.ai-strip{padding:20px;grid-template-columns:76px 1fr;gap:16px;margin-bottom:30px}.ai-strip>img{width:76px;height:115px;grid-row:1;align-self:center}.ai-strip .small-button{grid-column:1/-1;justify-self:stretch}.ai-strip h2{font-size:21px}.ai-strip .kicker{font-size:8px;line-height:1.5}.ai-strip p:not(.kicker){font-size:12px}main{padding:0 22px}footer{padding:0 24px 28px;gap:8px 20px;flex-wrap:wrap}footer p{order:3;flex-basis:100%}footer nav{gap:16px;margin-left:auto}}
@media(max-width:380px){main{padding:0 18px}.header-inner{padding-left:20px;padding-right:20px}.strapline{margin:0 20px}.hero h1{font-size:45px}.game-body{padding:22px 20px}.game-body h3{font-size:29px}.game-art{height:270px}.twenty-art>img{width:275px;height:275px}.art-number{font-size:245px;left:8px;letter-spacing:-27px}.art-sticker{font-size:10px;max-width:135px;padding:8px 9px;left:12px;bottom:12px}.oracle .art-sticker{right:12px}.magazine{grid-template-columns:95px 1fr;gap:16px;padding:20px 16px}.cover-title{font-size:12px}.magazine h2{font-size:23px}.magazine p:not(.kicker){font-size:12px}.magazine .text-link{font-size:12px}.ai-strip{padding:18px 16px;gap:12px}.ai-strip h2{font-size:19px}.ai-strip>img{width:68px}.section-heading h2{font-size:19px}.play-link{font-size:13px}.footer-brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;animation-delay:0s!important;transition-delay:0s!important;scroll-behavior:auto!important}}html.no-motion *{animation:none!important;transition:none!important}
.footer-note p+p{margin-top:5px}@media(max-width:760px){.footer-note{order:3;flex-basis:100%}.footer-note p{font-size:11px}}#games{scroll-margin-top:20px}

/* Native menus retain keyboard and screen-reader support behind compact indicators. */
.preferences{gap:6px;width:auto;align-items:center}
.preferences label{position:relative;display:grid;place-items:center;flex:0 0 auto;min-width:0;width:78px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--mut);transition:border-color .18s,background .18s}
.preferences label:has(#theme){width:44px}
.preferences label>span[data-i18n]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.preferences label:hover{border-color:var(--action);color:var(--ink)}
.preferences label:focus-within{outline:2px solid var(--action);outline-offset:2px}
.preferences label select{position:absolute;inset:0;z-index:1;opacity:0;width:100%;height:100%;min-height:44px;max-width:none;margin:0;cursor:pointer}
.preference-indicator{pointer-events:none;display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.preference-indicator .preference-icon{font-size:18px;line-height:1}
.preference-indicator .theme-icon{font-size:23px;font-weight:400}
.preferences label:has(#language) .preference-indicator::after{content:'⌄';font-size:12px;opacity:.6;margin-left:1px}

.masthead .preferences label{--panel:#432186;--line:#9470bc80;--mut:#f2eaff;--ink:#fff;--action:#d6b8ff}
@media(max-width:650px){.preferences{width:auto;justify-content:flex-end;margin-left:auto}}

/* Three published games share equal editorial weight; Akinatee gets its own warm cover. */
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-body{padding:24px}.game-body h3{font-size:29px;overflow-wrap:break-word}
.akinatee-art{background:#ffe194}.akinatee-art>img{position:absolute;left:50%;top:0;width:310px;height:310px;object-fit:contain;transform:translateX(-50%) rotate(4deg);transition:transform .3s var(--ease)}
.akinatee-art:hover>img{transform:translateX(-50%) rotate(0)}.art-five{position:absolute;right:20px;top:2px;font:900 285px/1 'Arial Black',Arial,sans-serif;color:#e9c66d;user-select:none}
.akinatee .art-sticker{background:#ece0ff;left:auto;right:16px;transform:rotate(3deg)}
.next-grid{grid-template-columns:1fr}.magazine{grid-template-columns:154px minmax(0,1fr)}.magazine>div{max-width:650px}
@media(max-width:960px){.game-grid{grid-template-columns:1fr}.game-body h3{font-size:31px}}
@media(max-width:380px){.game-body{padding:22px 20px}.game-body h3{font-size:29px}.akinatee-art>img{width:275px;height:275px}.art-five{font-size:250px}.magazine{grid-template-columns:95px minmax(0,1fr)}}

@media(max-width:600px){.magazine{grid-template-columns:110px minmax(0,1fr);gap:18px;padding:18px}}
@media(max-width:380px){.magazine{grid-template-columns:95px minmax(0,1fr);gap:16px;padding:20px 16px}}