:root{color-scheme:light;--ink:#392b27;--muted:#6f5a4c;--paper:#f4ebda;--link:#185e98;--line:#b89b7566}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:radial-gradient(ellipse at 18% 0,#e9eff3,transparent 65%),repeating-linear-gradient(0deg,#bdcad5 0 1px,#c2ced8 1px 3px);color:var(--ink);font:18px/1.65 Georgia,'Times New Roman',serif}
a{color:var(--link);text-underline-offset:4px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid #287dcb;outline-offset:5px;border-radius:3px}
.skip{position:absolute;top:-100px;left:20px;padding:12px 20px;background:white;z-index:5}
.skip:focus{top:12px}
.suite-page{max-width:1180px;margin:26px auto 48px;border:1px solid #fff9;border-radius:12px;overflow:hidden;box-shadow:0 20px 64px #15273738,0 2px 7px #15273724;background:var(--paper)}
.suite-cover{position:relative;background:radial-gradient(ellipse at 80% 5%,#84604970,transparent 65%),linear-gradient(140deg,#39271f,#59412e 58%,#35271e);color:#fff1d3;padding:24px 42px 0}
.hierarchy-nav{display:flex;flex-wrap:wrap;gap:9px;width:fit-content;border:1px solid #fff3;border-radius:8px;background:#211b18a8;box-shadow:inset 0 1px #fff2;padding:8px 12px;font:12px/1.5 Tahoma,Arial,sans-serif}
.hierarchy-nav a{color:#cee9ff}
.hierarchy-nav span{color:#dec6a6}
.cover-copy{max-width:780px;padding:42px 8px 35px}
.cover-copy h1{font-weight:400;letter-spacing:-.055em;font-size:clamp(60px,9vw,106px);line-height:1;margin:0 0 24px;text-shadow:0 2px 1px #120b09}
.cover-copy p{font-size:clamp(21px,2.6vw,28px);line-height:1.45;max-width:670px;margin:0 0 28px}
.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font:15px/1.5 Tahoma,Arial,sans-serif}
.actions>a:not(.button){color:#c9e6ff}
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:12px 20px;border:1px solid #1e598c;border-radius:7px;background:linear-gradient(#f4fbff,#c7e1f3 48%,#b0d0e9 49%,#d0e8f9);box-shadow:inset 0 1px #fff,0 3px 6px #0002;color:#173f60;font:700 14px/1.4 Tahoma,Arial,sans-serif;text-decoration:none;text-align:center}
.button:hover{background:linear-gradient(#fff,#d4eafb 48%,#beddf6 49%,#e7f4ff)}
.button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #244b6433}
.menu-picture{margin:0 -42px;background:#473324}
.menu-picture>a{display:block}
.menu-picture img{display:block;width:100%;height:auto}
.menu-picture figcaption{padding:16px 38px 19px;background:linear-gradient(#332820,#46382b);color:#eedcc1;font:14px/1.5 Tahoma,Arial,sans-serif}
.suite-body{padding:0 42px;background:radial-gradient(ellipse at 0 0,#fffbef,transparent 65%),var(--paper)}
.introduction{max-width:800px;margin:auto;padding:40px 0 22px}
.introduction p{margin:0 0 16px}
.game-index{display:flex;flex-wrap:wrap;gap:5px 20px;padding:20px 0 28px;border-bottom:1px solid var(--line);font:14px/1.7 Tahoma,Arial,sans-serif}
.game-index a{padding:3px 0}
.game-spread{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:32px;align-items:center;padding:46px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.game-spread:nth-child(even){grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr)}
.game-spread:nth-child(even) .game-picture{order:2}
.game-picture{margin:0;min-width:0}
.game-picture a{display:block}
.game-picture img{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 9px 24px #3f291c2a}
.game-copy h2,.coming-soon h2,.downloads h2{font-size:clamp(27px,3vw,36px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 18px}
.game-copy p{font-size:17px;line-height:1.7;margin:0}
.game-copy .demo-link{display:inline-block;margin-top:20px;font:700 14px/1.5 Tahoma,Arial,sans-serif}
.coming-soon{padding:38px 0 40px;border-bottom:1px solid var(--line)}
.coming-soon p{max-width:700px;margin:0;color:var(--muted)}
.downloads{padding:46px 0 32px;scroll-margin-top:24px}
.downloads>p{max-width:810px}
.download-list{margin:30px 0 24px;border-top:1px solid var(--line)}
.download-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.download-row h3{font-size:22px;font-weight:400;margin:0 0 3px}
.download-row p{font:14px/1.6 Tahoma,Arial,sans-serif;color:var(--muted);margin:0}
.download-actions{display:flex;align-items:center;gap:16px;font:13px/1.5 Tahoma,Arial,sans-serif}
.button small{font-size:11px;font-weight:400}
.downloads .install-note,.release-links,.suite-notes{font:13px/1.75 Tahoma,Arial,sans-serif;color:#635344}
.suite-notes{border-top:1px solid var(--line);padding:22px 0 30px}
.suite-notes p{margin:0 0 12px}
@media(max-width:760px){.suite-page{margin:0;border-radius:0;border:0}
.suite-cover{padding:18px 22px 0}
.cover-copy{padding:38px 0 30px}
.menu-picture{margin:0 -22px}
.menu-picture figcaption{padding:14px 22px}
.suite-body{padding:0 22px}
.game-spread,.game-spread:nth-child(even){grid-template-columns:1fr;gap:24px;padding:32px 0}
.game-spread:nth-child(even) .game-picture{order:0}
.game-copy p{font-size:18px}
.game-copy h2{margin-bottom:12px}
.game-index{gap:6px 17px}
.download-row{grid-template-columns:1fr;gap:15px}
.download-actions{justify-content:flex-start;flex-wrap:wrap}
.introduction{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}