/* Logo-led game shelf: midnight steel, ivory and each game's own metal/accent. */
:root{color-scheme:dark;--canvas:#0b111b;--panel:#101a28;--ink:#f3ead9;--muted:#a4b1c2;--line:#293545;--copper:#d69966;--blue:#6dcfff;font-family:Outfit,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}h1,h2,h3,p{margin:0}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;left:16px;top:-80px;background:var(--ink);color:var(--canvas);padding:14px 20px;z-index:20}.skip-link:focus{top:12px}
.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;margin:auto;min-height:94px;padding:0 48px;display:flex;align-items:center;gap:48px}.brand{font-size:29px;letter-spacing:-1.3px;font-weight:800;white-space:nowrap;line-height:1}.brand-dot{color:var(--copper)}.brand-games{font-weight:400;letter-spacing:-1.4px;color:var(--muted)}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:15px}.site-header nav a{padding:16px 0}.site-header nav a:hover{color:var(--copper)}.browser-note{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--muted);padding-left:28px;border-left:1px solid var(--line)}.browser-note svg{stroke:currentColor;stroke-width:1.4;fill:none;width:20px;height:20px}
.page{max-width:1440px;padding:32px 48px 0;margin:auto}.hero{position:relative;isolation:isolate;min-height:510px;display:grid;grid-template-columns:43% 57%;align-items:center;background:#0e1826;border:1px solid #344050;border-bottom:3px solid #ad7951;overflow:hidden;border-radius:5px}.hero-logo{grid-column:2;grid-row:1;width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 94%,transparent)}.hero-copy{grid-column:1;grid-row:1;padding:44px 0 52px 42px;z-index:1}.feature-label{display:flex;align-items:center;gap:10px;color:var(--copper);font-size:15px;margin-bottom:22px}.feature-label:before{content:'';width:22px;height:2px;background:currentColor}.hero h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,4.9vw,70px);line-height:.98;letter-spacing:-.6px;font-weight:600}.hero-tagline{font-size:18px;margin-top:24px;font-weight:500}.hero-description{font-size:15px;line-height:1.6;color:var(--muted);max-width:32ch;margin:12px 0 26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;border-radius:3px;padding:14px 21px;font-size:15px;font-weight:600;background:var(--ink);color:#141b24;box-shadow:0 3px 0 #a7744d;transition:background .15s}.button:hover{background:#fff9ed}.button svg{width:13px;height:13px}.hero-genre{display:block;font-size:12px;color:var(--muted);margin-top:16px}.hero-browse{position:absolute;right:24px;bottom:19px;display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted);padding:8px}.hero-browse:hover{color:var(--ink)}.hero-browse span{font-size:20px}
.library{padding-top:46px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:29px;font-weight:500;letter-spacing:-.7px}.section-heading p{font-size:14px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game{--accent:#d5b675;position:relative;min-width:0;padding:0 18px 68px;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}.game:has(.cover-ministerial){--accent:#e6be78}.game:has(.cover-bmp){--accent:#5ed8ff}.game:has(.cover-wingz){--accent:#ff8b85}.game-cover{display:block;position:relative;aspect-ratio:1.2;overflow:hidden;background:#0e1826;margin:0 -18px;border-bottom:2px solid var(--accent)}.game-cover img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.game-cover.cover-rpg img{object-fit:cover}.game-cover:hover img{transform:scale(1.035)}.cover-play{position:absolute;right:10px;bottom:10px;background:var(--accent);color:#101a28;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;opacity:0;transition:opacity .15s}.game-cover:hover .cover-play{opacity:1}.cover-play svg{width:12px;height:12px}.game-meta{font-size:12px;color:var(--accent);margin:19px 0 9px}.game h3{font-size:20px;line-height:1.2;letter-spacing:-.3px;font-weight:500}.game h3 a:hover{color:var(--accent)}.game>p{font-size:14px;line-height:1.55;color:var(--muted);margin-top:11px;max-width:30ch}.game-play{position:absolute;bottom:17px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:14px;font-weight:500;min-height:36px;border-top:1px solid var(--line);padding-top:12px}.game-play:hover{color:white}.game-play svg{width:11px;height:11px}
.arcade{margin-top:42px;border:1px solid #533a42;border-left:3px solid #ff8b85;background:#171b28;border-radius:4px;padding:28px}.arcade-heading{margin-bottom:24px}.arcade-heading h2{font-size:27px;font-weight:500;letter-spacing:-.5px}.arcade-heading p{font-size:14px;color:var(--muted);margin-top:7px}.arcade-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.arcade-links a{display:grid;grid-template-columns:1fr auto;gap:6px;background:#222633;border:1px solid #3e414d;border-radius:3px;padding:15px 13px}.arcade-links a:hover{background:#30303e;border-color:#ff8b85}.arcade-links span{font-size:14px;font-weight:500}.arcade-links small{font-size:12px;color:var(--muted);grid-column:1;line-height:1.4}.arcade-links svg{grid-column:2;grid-row:1/3;align-self:center;width:11px;height:11px;color:#ff8b85}
.footer{padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer .brand{font-size:23px}.footer p{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.5}.footer>a{display:flex;gap:16px;font-size:13px;color:var(--muted);padding:12px 0}.footer>a:hover{color:var(--ink)}
@media(min-width:1500px){.hero{min-height:560px}}
@media(max-width:1100px){.header-inner{padding:0 28px;min-height:80px}.page{padding:24px 28px 0}.browser-note{display:none}.hero{min-height:470px;grid-template-columns:45% 55%}.hero-copy{padding-left:28px}.hero h1{font-size:55px}.game-grid{gap:14px}.game{padding-left:14px;padding-right:14px}.game-cover{margin:0 -14px}.game h3{font-size:18px}.game-play{left:14px;right:14px}.arcade-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.header-inner{padding:0 22px;gap:20px}.brand{font-size:25px}.site-header nav{gap:22px;font-size:14px}.page{padding:20px 22px 0}.hero{grid-template-columns:44% 56%;min-height:440px}.hero-copy{padding:30px 0 36px 23px}.hero h1{font-size:46px}.hero-tagline{font-size:16px;line-height:1.4}.hero-description{font-size:14px}.button{font-size:13px;padding:13px 15px}.hero-browse{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-cover{aspect-ratio:1.4}.game h3{font-size:21px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.arcade-links{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-links a:last-child{grid-column:1/-1}.footer p{max-width:32ch}}
@media(max-width:560px){.header-inner{min-height:72px;padding:0 18px;gap:12px}.brand{font-size:23px}.site-header nav{gap:18px;font-size:13px}.site-header nav a:last-child{display:none}.page{padding:14px 14px 0}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-logo{order:0;width:100%;mask-image:linear-gradient(0deg,transparent,#000 12%);margin-bottom:-16px}.hero-copy{order:1;padding:0 24px 28px}.feature-label{font-size:13px;margin-bottom:15px}.hero h1{font-size:52px}.hero-tagline{font-size:16px;margin-top:18px}.hero-description{font-size:14px;max-width:34ch;margin-bottom:23px}.button{font-size:14px;min-height:49px}.hero-genre{font-size:12px}.library{padding-top:32px}.section-heading h2{font-size:27px}.section-heading p{font-size:13px}.game-grid{gap:14px}.game{padding:0 12px 67px}.game-cover{margin:0 -12px;aspect-ratio:1.1}.game-meta{font-size:11px;margin-top:14px}.game h3{font-size:17px;line-height:1.25}.game>p{font-size:12px;line-height:1.5}.game-play{left:12px;right:12px;font-size:13px}.arcade{margin-top:30px;padding:21px 17px}.arcade-heading h2{font-size:25px}.arcade-heading p{font-size:13px;line-height:1.5}.arcade-links{gap:9px}.arcade-links a{padding:13px 10px}.arcade-links span{font-size:13px}.arcade-links small{font-size:11px}.footer{display:block;padding:32px 4px}.footer>a{margin-top:12px;width:fit-content}.footer p{max-width:none}}
@media(max-width:360px){.hero h1{font-size:46px}.hero-copy{padding-left:20px;padding-right:20px}.game-grid{grid-template-columns:1fr}.game-cover{aspect-ratio:1.5}.game h3{font-size:21px}.game>p{font-size:14px;max-width:none}}
.game:has(.cover-kaleth){--accent:#d9c291}.cover-kaleth img{object-fit:cover}.kaleth-wordmark{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:Georgia,serif;font-weight:bold;font-size:34px;letter-spacing:3px;color:#34271b;text-transform:uppercase;text-shadow:0 1px #fff3}
@media(min-width:1101px){.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.game h3{font-size:18px}.game{padding-left:14px;padding-right:14px}.game-cover{margin-left:-14px;margin-right:-14px}.game-play{left:14px;right:14px}}
@media(min-width:781px) and (max-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.arcade-links{grid-template-columns:repeat(4,minmax(0,1fr))}.arcade-links a:last-child{grid-column:auto}
@media(max-width:780px){.arcade-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}