@font-face{font-family:DotGothic;src:url(/assets/DotGothic16-Regular.ttf)format("truetype");font-display:swap}:root{color:#fff4db;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10172a;font-family:Yu Gothic UI,Meiryo,sans-serif;font-weight:400;line-height:1.7}*{box-sizing:border-box}body{border-top:5px solid #f8d477;margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.55}:focus-visible{outline-offset:5px;outline:3px solid #fff4db}button:focus-visible{outline-offset:4px}.pixel{font-family:DotGothic,monospace;font-weight:400}.muted{color:#a6b4cb}h1,h2,h3,p{margin:0}.site-wrap{max-width:1440px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid #35415c;justify-content:space-between;align-items:center;gap:24px;min-height:104px;display:flex}.brand{letter-spacing:1px;white-space:nowrap;font-size:32px;text-decoration:none}.site-header nav{color:#c6cdd9;gap:24px;font-size:13px;display:flex}.site-header nav a{padding:12px 0;text-decoration:none}.site-header nav a:hover{text-decoration:underline}.home-intro{padding:32px 0 42px}.eyebrow{color:#f8d477;letter-spacing:1px;font-size:15px}.home-intro h1{margin:16px 0;font-size:clamp(32px,4.4vw,56px);line-height:1.5}.home-intro>p:last-child{color:#b5c1d3;font-size:16px}.mobile-break{display:none}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.section-heading h2{font-size:23px}.section-heading>span{font-size:13px}.genre-tabs{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.genre-tab{border:0;border-bottom:3px solid var(--accent);min-height:44px;color:var(--accent);background:#202a42;padding:7px 19px;font-size:16px}.genre-tab.selected{background:var(--accent);color:#11182b}.genre-tab:hover{filter:brightness(1.18)}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.game-card,.coming-soon{background:#172037;border:2px solid #35415c;flex-direction:column;min-width:0;min-height:302px;padding:22px 18px 18px;display:flex;position:relative;box-shadow:7px 7px #070c18}.game-card:before{content:"";background:var(--accent);height:6px;position:absolute;top:0;left:0;right:0}.card-heading{align-items:center;gap:18px;min-height:90px;display:flex}.card-heading>div:last-child{min-width:0}.game-icon,.future-icon{background:#0d1425;flex-shrink:0;place-items:center;width:80px;height:80px;display:grid}.game-icon img{object-fit:contain;width:80px;height:80px}.game-icon>span{color:var(--accent);font-size:45px}.genre-label{color:var(--accent);margin-bottom:6px;font-size:16px}.card-heading h3{overflow-wrap:anywhere;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.game-description{color:#c6cdd9;margin:18px 0 24px;font-size:14px}.game-meta{color:#a2afc4;flex-wrap:wrap;gap:2px 14px;margin-top:auto;margin-bottom:18px;font-size:12px;display:flex}.play-link,.unavailable{background:var(--accent);color:#11182b;justify-content:space-between;align-items:center;min-height:44px;padding:4px 18px;font-size:21px;text-decoration:none;display:flex}.play-link:hover{filter:brightness(1.1);box-shadow:3px 3px #fff4db}.unavailable{color:#aab4c8;background:#29324a}.coming-soon{color:#e0e5ef;background:#131b2d;border:2px dashed #6f7d98}.future-icon{color:#8996ae;background:#202a42;font-size:52px}.coming-soon .card-heading p{font-size:15px}.coming-soon .card-heading h3{margin-top:7px;font-size:23px}.future-copy{margin:22px 0 18px;font-size:21px}.coming-soon>p.muted{font-size:14px}.coming-soon small{color:#8391aa;margin-top:auto;padding-top:20px;font-size:12px}.about-arcade{background:#131b2d;border:2px solid #35415c;justify-content:space-between;align-items:center;gap:30px;margin:40px 0 34px;padding:24px;display:flex;box-shadow:7px 7px #070c18}.about-arcade h2{margin-top:12px;font-size:25px}.about-arcade>p{color:#b5c1d3;font-size:14px}.site-footer{color:#a9b7cc;border-top:1px solid #35415c;justify-content:space-between;align-items:center;gap:20px;min-height:75px;display:flex}.site-footer>a{color:#8594ae;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#10172a;background:#fff4db;padding:10px;position:fixed;top:-80px;left:12px}.skip-link:focus{top:10px}.loading-panel,.error-panel{max-width:900px;margin:auto;padding:64px 24px}.error-panel a{margin-top:24px;display:inline-block}.error-panel h1{font-size:24px}@media (width<=1000px){.site-wrap{padding:0 30px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-heading h3{font-size:21px}.site-header nav{gap:14px}.about-arcade{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=600px){body{border-top-width:4px}.site-wrap{padding:0 20px}.site-header{flex-wrap:wrap;gap:0;min-height:82px;padding:12px 0}.brand{font-size:26px}.site-header nav{gap:20px;width:100%;font-size:11px}.site-header nav a{padding:3px 0}.home-intro{padding:28px 0 36px}.eyebrow{letter-spacing:.6px;font-size:12px}.home-intro h1{margin:16px 0;font-size:35px}.home-intro>p:last-child{font-size:13px}.mobile-break{display:block}.section-heading h2{font-size:19px}.section-heading>span{font-size:11px}.genre-tabs{gap:10px 8px}.genre-tab{padding:7px 12px;font-size:14px}.game-grid{grid-template-columns:1fr;gap:22px}.game-card,.coming-soon{min-height:292px;padding:20px 16px 16px}.card-heading{gap:14px}.game-icon,.game-icon img,.future-icon{width:66px;height:66px}.genre-label{font-size:14px}.card-heading h3{font-size:19px}.game-description{font-size:13px}.game-meta{font-size:11px}.future-copy{font-size:21px}.about-arcade{margin:32px 0;padding:20px}.about-arcade h2{font-size:22px}.about-arcade>p{font-size:13px}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:14px 0}.site-footer>span{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.home-intro h1>span{white-space:nowrap;display:inline-block}.device-label{color:#c6cdd9;white-space:nowrap}@media (width<=600px){.game-grid{gap:16px}.game-card{min-height:0;padding:16px 14px 12px}.card-heading{gap:12px;min-height:56px}.game-icon,.game-icon img,.future-icon{width:56px;height:56px}.genre-label{margin-bottom:3px;font-size:12px}.card-heading h3{font-size:17px;line-height:1.45}.game-description{margin:10px 0 12px;font-size:12px}.game-meta{justify-content:space-between;align-items:center;gap:3px 10px;margin-bottom:10px;font-size:10px;display:flex}.play-link{min-height:44px;padding:4px 14px;font-size:18px}.coming-soon{min-height:208px;padding:16px 14px 12px}.coming-soon .card-heading p{font-size:12px}.coming-soon .card-heading h3{margin-top:3px;font-size:20px}.future-icon{font-size:38px}.future-copy{margin:14px 0 9px;font-size:18px}.coming-soon>p.muted{font-size:12px}.coming-soon small{padding-top:12px;font-size:11px}}.site-wrap .game-description,.site-wrap .game-meta,.site-wrap .genre-label,.site-wrap .genre-tab,.site-wrap .home-intro>p,.site-wrap .section-heading>span,.site-wrap .site-header nav,.site-wrap .site-footer>a,.site-wrap .coming-soon .card-heading p,.site-wrap .coming-soon>p.muted,.site-wrap .coming-soon small,.site-wrap .about-arcade>p,.site-wrap .eyebrow{font-size:1rem}.site-wrap .game-meta{align-items:flex-start;gap:.25rem .75rem;line-height:1.5}.site-wrap .device-label{border:1px solid #62728e;border-radius:.25rem;padding:.15rem .5rem}.site-wrap .site-header nav a,.site-wrap .site-footer>a{align-items:center;min-height:2.75rem;display:inline-flex}.site-wrap .genre-tab,.site-wrap .play-link{min-height:max(44px,2.75rem)}@media (width<=600px){.site-wrap .home-intro{padding:1.25rem 0 1.5rem}.site-wrap .home-intro h1{margin:.75rem 0;font-size:clamp(1.75rem,8.75vw,2.1875rem)}.site-wrap .game-card{padding:.875rem .875rem .75rem}.site-wrap .game-description{margin:.625rem 0 .75rem}.site-wrap .game-meta{margin-bottom:.75rem}.site-wrap .game-meta>span:first-child{flex:9rem}.site-wrap .site-header nav{flex-wrap:wrap;gap:.25rem 1.25rem}.site-wrap .genre-tabs{gap:.5rem;margin-bottom:1rem}}
