:root{color-scheme:light;--paper:#f6f3e9;--ink:#173f39;--muted:#59665d;--line:#dcded2;--orange:#b94823;--focus:#255dcc;--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button{touch-action:manipulation}img{max-width:100%;display:block}svg{display:block}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-160%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:8px}.skip-link:focus{transform:translateY(0)}
.topbar,main,footer{max-width:1320px;margin:auto}.topbar{display:flex;align-items:center;gap:32px;height:118px;padding:0 44px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:760;letter-spacing:-.6px}.brand-mark{display:block;position:relative;background:var(--ink);color:var(--paper);border-radius:12px;width:46px;height:46px;line-height:42px;text-align:center;font-size:28px;letter-spacing:-4px;font-family:Georgia,serif;font-weight:700;padding-right:3px}.brand-mark span{color:#efae79}.brand-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:#efae79;top:8px;right:8px}.brand-subtitle{display:block;margin-top:4px;font-size:8px;letter-spacing:1.7px;font-weight:650}.topbar nav{margin-left:auto;font-size:13px;font-weight:650}.topbar nav a{display:flex;gap:18px;align-items:center;min-height:44px}.topbar nav a:hover{text-decoration:underline}.preview-label{font-size:9px;letter-spacing:1.5px;font-weight:700;border:1px solid #ccd4c7;border-radius:100px;padding:11px 13px;display:flex;align-items:center;gap:8px}.preview-label>span{width:6px;height:6px;background:#8b6930;border-radius:50%}
main{padding:0 44px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:66px;align-items:center;padding:62px 0 64px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;margin:0 0 21px}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.tiny-star{font-size:22px;color:var(--orange);line-height:1}h1{font-size:clamp(44px,5.1vw,68px);line-height:1.05;font-weight:730;letter-spacing:-3.1px;margin:0 0 24px}.serif-word{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--orange);letter-spacing:-2.5px}.hero-description{max-width:400px;font-size:16px;line-height:1.75;margin:0;color:var(--muted)}.browse-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--ink);padding:12px 0 9px;margin-top:20px;font-size:13px;font-weight:700;min-height:44px}.browse-link:hover{color:var(--orange)}.browse-link span{font-size:19px}.preview-note{font-size:11px;line-height:1.6;color:var(--muted);margin:26px 0 0;max-width:360px}
.featured-card{overflow:hidden;border-radius:18px;background:#eadfce;position:relative;border:1px solid #d6cebb;transform:rotate(1.25deg);box-shadow:0 10px 0 -6px #e8e5d9}.featured-art{position:relative;height:254px;overflow:hidden;background:#f1ad75}.featured-art img{width:100%;height:100%;object-fit:cover}.featured-stamp{position:absolute;top:22px;left:24px;border:1px solid #7e4b2a;border-radius:100px;font-size:8px;letter-spacing:2px;padding:9px 12px;transform:rotate(-1.25deg);font-weight:700;color:#402e25}.featured-copy{padding:22px 26px 24px;background:#f1eadb}.featured-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.featured-meta .eyebrow{font-size:8px;margin:0;letter-spacing:1.6px}.featured-copy h2{font-size:26px;letter-spacing:-1px;margin:16px 0 10px;font-weight:700}.featured-copy>p{font-size:13px;line-height:1.7;max-width:385px;color:#4a5d51;margin:0 0 10px}.featured-copy .details-button{padding:6px 0 0;font-size:12px;min-height:44px}.featured-copy .details-button span{font-size:18px}
.library-section{padding:35px 0 60px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading .eyebrow{margin-bottom:10px;font-size:9px}.section-heading h2{font-size:29px;letter-spacing:-1.15px;margin:0;font-weight:700}.section-heading>p{font-size:11px;margin:0 0 5px;color:var(--muted)}.library-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}.filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filter{border:1px solid transparent;border-radius:100px;padding:12px 19px;background:transparent;color:#53645a;font-size:11px;font-weight:650;min-height:44px}.filter[aria-pressed=true]{background:var(--ink);color:#fff}.filter[aria-pressed=false]:hover{border-color:#a8b4a4}.search-wrap{position:relative;max-width:290px;width:100%;display:flex;align-items:center;background:#eeede3;border:1px solid #dcded2;border-radius:9px}.search-wrap svg{position:absolute;left:14px;width:17px;fill:none;stroke:#657267;stroke-width:1.6;pointer-events:none}.search-wrap input{background:transparent;border:0;border-radius:8px;min-height:44px;padding:12px 42px 12px 40px;width:100%;font-size:11px;color:var(--ink)}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap input::placeholder{color:#58685c}.search-wrap button{position:absolute;right:1px;width:42px;min-height:42px;border:0;background:transparent;color:#526453;font-size:22px;border-radius:8px}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7dacd;background:#faf8ef;border-radius:13px;min-width:0}.card-art{position:relative;aspect-ratio:1.64;overflow:hidden}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .card-art img{transform:scale(1.025)}.theme-racing .card-art,.theme-racing .detail-illustration{background:#f1ad75}.theme-golf .card-art,.theme-golf .detail-illustration{background:#b6d5b6}.theme-java .card-art,.theme-java .detail-illustration{background:#c4b7dd}.theme-neutral .card-art,.theme-neutral .detail-illustration{background:#dedbcd}.card-number{position:absolute;top:16px;left:17px;font-size:11px;letter-spacing:1px;font-weight:700;color:#294537}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;line-height:1.3;font-weight:700;letter-spacing:.2px;padding:7px 9px;border-radius:100px;background:#f8f3e5;color:#594a30;border:1px solid #e8dfcb;white-space:nowrap}.status:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}.card-art>.status{position:absolute;top:13px;right:12px}.status-maintenance{color:#544568;background:#f3ecf9;border-color:#d8cde5}.status-play{color:#204d32;background:#e7f2df;border-color:#c3d7b7}.card-content{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1}.card-meta{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#596957;margin:0 0 8px;font-weight:650}.card-content h3{font-size:24px;letter-spacing:-.9px;margin:0 0 7px;font-weight:740}.card-subtitle{font-size:12px;font-weight:600;margin:0 0 13px;color:#3e5f4e}.card-description{font-size:14px;line-height:1.7;margin:0 0 21px;color:#59665d;flex:1}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0 0 22px;padding:0}.tags li{font-size:9px;padding:6px 8px;border:1px solid #dce0d2;border-radius:4px;color:#53654f}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px}.play-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:101px;padding:11px 14px;background:var(--ink);border:1px solid var(--ink);color:#fff;border-radius:7px;font-size:10px;font-weight:700;white-space:nowrap}.play-button:disabled{color:#5a6358;background:#eceee3;border-color:#d8ddcd;opacity:1}.play-button:not(:disabled):hover{background:#2b5e4f}.details-button,.text-button{display:inline-flex;justify-content:space-between;align-items:center;gap:16px;border:0;background:transparent;padding:9px 0;color:var(--ink);font-size:10px;font-weight:700;min-height:44px}.details-button:hover,.text-button:hover{text-decoration:underline}.details-button span,.text-button span{font-size:17px}.empty-state{text-align:center;border:1px dashed #bcc7b6;padding:45px 20px;border-radius:12px;color:var(--muted)}.empty-state>span{font-size:32px}.empty-state h3{font-size:23px;color:var(--ink)}.empty-state p{font-size:13px}.game-details{display:grid;grid-template-columns:.8fr 1.2fr;position:relative;margin-top:28px;overflow:hidden;border-radius:13px;border:1px solid var(--line);background:#faf8ef}.detail-illustration{display:flex;align-items:center}.detail-illustration img{width:100%;height:100%;object-fit:cover}.detail-copy{padding:32px 44px 32px 32px}.detail-copy .eyebrow{font-size:9px;margin-bottom:12px}.detail-copy h2{font-size:30px;letter-spacing:-1px;margin:0 0 12px}.detail-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin:0 0 15px}.detail-extra{color:var(--muted)}.detail-note{border-left:2px solid #a2b099;padding-left:12px;color:#576b55}.close-details{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#e7eadd;color:var(--ink);font-size:24px}
.good-company{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:33px 0 42px}.company-mark{font-size:52px;color:var(--orange);line-height:1}.good-company h2{font-size:18px;letter-spacing:-.4px;margin:0 0 8px}.good-company p{font-size:11px;line-height:1.7;max-width:520px;margin:0;color:var(--muted)}.company-caption{margin-left:auto;font-size:8px;letter-spacing:1.5px;line-height:1.7;color:#546553;max-width:170px}.noscript-note{padding:16px;background:#f5ddbd;font-size:14px}footer{border-top:1px solid var(--line);padding:25px 44px 32px;display:flex;align-items:center;gap:20px;font-size:10px;color:#526350}.footer-brand{font-size:13px;font-weight:750;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.footer-brand span{color:var(--orange);font-size:19px}footer>span{font-size:8px;letter-spacing:1.2px}footer>a:last-child{margin-left:auto;min-height:44px;display:flex;align-items:center;gap:15px}
@media(min-width:1600px){.topbar,main,footer{max-width:1400px}.hero{gap:90px}h1{font-size:76px}.featured-art{height:275px}}
@media(max-width:1050px){.topbar,main,footer{padding-left:28px;padding-right:28px}.hero{gap:34px}.featured-art{height:224px}h1{font-size:54px}.game-grid{gap:15px}.card-content{padding:20px 16px}.card-actions{gap:8px}.details-button{gap:8px}.play-button{min-width:87px;padding:10px}.featured-copy{padding:20px}.featured-copy h2{font-size:23px}}
@media(max-width:800px){.topbar{height:96px;gap:18px}.topbar nav{display:none}.preview-label{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:24px;padding:44px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:42px;letter-spacing:-2px}.hero-description{font-size:13px}.featured-art{height:186px}.featured-stamp{top:16px;left:17px;font-size:7px;padding:7px}.featured-meta{align-items:flex-start;flex-direction:column;gap:8px}.featured-copy h2{font-size:21px}.featured-copy>p{font-size:11px}.preview-note{font-size:10px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-content{padding:22px}.company-caption{display:none}.game-details{grid-template-columns:1fr 1.3fr}.detail-copy{padding:30px 42px 25px 24px}}
@media(max-width:580px){.topbar,main,footer{padding-left:21px;padding-right:21px}.topbar{height:91px;gap:12px}.brand{font-size:17px;gap:10px}.brand-mark{width:39px;height:39px;line-height:35px;font-size:25px;border-radius:10px}.brand-subtitle{font-size:6px;letter-spacing:1.1px}.preview-label{font-size:7px;letter-spacing:.8px;padding:9px 8px;gap:5px}.hero{grid-template-columns:1fr;padding:37px 0 44px;gap:31px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}h1{font-size:51px;letter-spacing:-2.3px;line-height:1.07;margin-bottom:19px}.hero-description{font-size:14px;max-width:330px}.browse-link{font-size:12px;margin-top:12px}.preview-note{font-size:10px;margin-top:18px}.featured-card{transform:rotate(.75deg);border-radius:13px}.featured-art{height:216px}.featured-stamp{top:17px;left:20px;font-size:7px}.featured-copy{padding:20px 23px}.featured-meta{flex-direction:row;align-items:center}.featured-copy h2{font-size:25px}.featured-copy>p{font-size:13px}.featured-copy .details-button{font-size:12px;min-height:44px}.library-section{padding:29px 0 37px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:26px}.section-heading>p{margin:10px 0 0;font-size:10px}.library-controls{flex-direction:column;align-items:stretch;gap:17px;margin-bottom:22px}.filters{gap:3px}.filter{font-size:10px;padding:11px 17px}.search-wrap{max-width:none}.search-wrap input{font-size:12px}.game-grid{grid-template-columns:1fr;gap:22px}.card-art{aspect-ratio:1.7}.card-content{padding:22px}.card-content h3{font-size:27px}.card-subtitle{font-size:13px}.card-description{font-size:14px}.tags li{font-size:9px}.card-meta{font-size:10px}.card-actions{padding-top:17px}.play-button{font-size:11px;padding:12px 17px;min-width:111px}.details-button{font-size:11px;gap:22px}.status{font-size:9px}.good-company{gap:18px;padding:29px 0}.company-mark{font-size:40px}.good-company h2{font-size:16px;line-height:1.35}.good-company p{font-size:11px}.game-details{grid-template-columns:1fr}.detail-illustration{height:190px}.detail-copy{padding:25px 24px}.close-details{background:#faf8ef;box-shadow:0 1px 4px #173f391a}footer{padding-top:21px;padding-bottom:23px;flex-wrap:wrap;gap:7px 12px}.footer-brand{font-size:12px}footer>span{font-size:7px;margin-left:auto}footer>a:last-child{margin-left:0;width:100%;font-size:10px;margin-top:5px;min-height:44px}}
@media(max-width:355px){.topbar,main,footer{padding-left:16px;padding-right:16px}.brand-subtitle{display:none}.preview-label{font-size:6px}.brand{font-size:15px}h1{font-size:44px}.featured-meta{gap:8px}.featured-meta .eyebrow{font-size:7px}.featured-copy h2{font-size:23px}.filter{padding:11px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.featured-card{transform:none}}
@media(forced-colors:active){.status,.play-button,.filter,.search-wrap,.game-card,.featured-card{border:1px solid CanvasText}.filter[aria-pressed=true]{outline:2px solid Highlight}.play-button:disabled{color:GrayText}.brand-mark,.company-mark{forced-color-adjust:auto}}

/* Actual game media: no autoplay, no synthetic art or new runtime game renderer. */
.featured-art{height:auto;aspect-ratio:16/9;background:#dde4da}.featured-art img{object-fit:cover;object-position:center 64%}.featured-stamp{background:#f8f5eae8;border-color:#eee9dc;color:#173f39}.card-art{aspect-ratio:16/10}.card-number{background:#f8f5eae8;padding:6px 8px;border-radius:5px;top:13px;left:12px}.theme-racing .card-art img{object-position:center 65%}.theme-java .card-art img{object-position:center 65%}.game-details{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);background:#faf8ef;align-items:start}.detail-media{min-width:0;background:#e7eadf;align-self:stretch}.gameplay-figure{margin:0}.gameplay-video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#11242d}.gameplay-caption{padding:19px 22px 22px}.preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.preview-play{min-height:44px;min-width:110px;padding:11px 15px;border:1px solid #173f39;border-radius:7px;background:#173f39;color:#fff;font-size:11px;font-weight:700}.preview-play:hover{background:#2b5e4f}.preview-state{font-size:10px;color:#4c5e4e;line-height:1.7}.clip-download{display:inline-flex;align-items:center;min-height:44px;font-size:10px;border-bottom:1px solid #9ca993;margin-left:auto}.gameplay-label{font-size:10px;font-weight:750;margin:17px 0 8px;line-height:1.5}.gameplay-description{font-size:12px;line-height:1.8;color:#4e6052;margin:0}.gameplay-video:focus-visible{outline-offset:-4px}.detail-copy{padding-top:32px}.detail-copy .eyebrow{line-height:1.7;padding-right:15px}.detail-copy>p:not(.eyebrow){font-size:12px}.close-details{z-index:2}.noscript-note a{text-decoration:underline}
@media(max-width:800px){.game-details{grid-template-columns:1fr}.detail-copy{padding:25px 24px}.detail-media{grid-row:2}.gameplay-caption{padding:18px 24px 24px}.gameplay-video{aspect-ratio:16/10}.featured-art{height:auto}}
@media(max-width:580px){.featured-art{height:auto}.gameplay-description{font-size:12px}.gameplay-caption{padding:17px 20px 20px}.preview-state{font-size:9px}.clip-download{font-size:10px}.gameplay-label{font-size:11px}.detail-copy{padding-right:32px}.gameplay-video{width:100%}}
@media(forced-colors:active){.preview-play,.clip-download{border:1px solid CanvasText}}