@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--paper:#fffaf3;--ink:#293b30;--muted:#74796d;--orange:#ed6b38;--line:#e8e5d9;--green:#344f3c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{color:inherit}button:disabled{cursor:default}button.primary{border:0}header{background:#fffaf3f5;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.header-inner{max-width:1320px;margin:auto;height:99px;display:flex;align-items:center;gap:64px;padding:0 36px}.brand{display:flex;align-items:center;gap:10px;font:700 25px 'Outfit',sans-serif;letter-spacing:-1px;white-space:nowrap}.brand small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:1.9px;margin-top:3px;color:var(--muted)}.brand-icon{font-size:35px;background:var(--orange);color:#fff;border-radius:13px;width:47px;height:47px;text-align:center;line-height:47px;transform:rotate(-7deg)}.orange{color:var(--orange)}nav{display:flex;gap:28px;align-items:center;font-weight:600}nav button{background:none;border:0;padding:8px 0}nav a{padding:8px 0}.nav-active{color:var(--orange)}.fav-count{font-size:10px;display:inline-grid;place-items:center;border-radius:50%;width:18px;height:18px;background:#f1ebdf;margin-left:4px}.search{margin-left:auto;display:flex;gap:10px;align-items:center;background:#f1eee5;border-radius:11px;padding:12px 15px;width:300px;color:#7b8076}.search>span{font-size:26px;line-height:20px}.search input{background:transparent;border:0;outline:none;min-width:0;width:100%;font-size:12px;color:var(--ink)}kbd{border:1px solid #d8d8cb;border-radius:4px;padding:0 5px;font-size:12px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}main{max-width:1320px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:35px;min-height:500px;padding:53px 0 56px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#7b806b;display:flex;align-items:center;gap:7px}.eyebrow>span{background:var(--orange);width:6px;height:6px;border-radius:50%}h1{font:600 clamp(44px,4.4vw,66px)/1.05 'Outfit',sans-serif;letter-spacing:-2.6px;margin:24px 0 20px}h1 em{color:var(--orange);font-style:normal;position:relative}h1 em:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:5px;background:#efb987;border-radius:50%;transform:rotate(-2deg);opacity:.5}.hero-copy>p{font-size:14px;line-height:1.85;color:#797b6d;margin:0 0 25px}.primary{background:var(--orange);color:white;display:inline-flex;align-items:center;gap:36px;border-radius:9px;padding:15px 22px;font-weight:700;font-size:13px;box-shadow:0 5px 0 #c94e1c15}.primary span{font-size:20px}.primary:hover{background:#d95927}.hero-notes{display:flex;gap:20px;font-size:10px;color:#848776;margin-top:24px}.hero-art{background:#eeeccf;position:relative;border-radius:32px 80px 32px 32px;padding:38px 52px 30px;transform:rotate(1deg);min-height:375px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:radial-gradient(#b7ba9333 1px,transparent 1px);background-size:15px 15px}.feature-label{font-size:10px;font-weight:700;letter-spacing:2px;width:100%;margin-bottom:14px;transform:rotate(-3deg)}.feature-label span{float:right;font-size:25px;line-height:10px}.feature-game{padding:8px;background:#fffdf7;box-shadow:0 12px 25px #3b502920;border:0;border-radius:18px;width:100%;transform:rotate(-4deg);text-align:left;transition:transform .2s}.feature-game:hover{transform:rotate(-1deg) translateY(-3px)}.feature-game>img{width:100%;height:218px;object-fit:cover;border-radius:12px;display:block}.feature-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 10px 8px}.feature-bottom small{display:block;font-size:9px;letter-spacing:1.4px;color:#8a8c77;margin-bottom:5px}.feature-bottom strong{font:600 25px 'Outfit',sans-serif}.play-round{background:var(--orange);color:white;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:13px}.sticker{position:absolute;right:-10px;top:90px;background:#f9ce6c;border:5px solid #fffaf3;border-radius:50%;height:99px;width:99px;text-align:center;padding-top:22px;font-size:14px;transform:rotate(12deg);box-shadow:0 5px 10px #32452a12}.sticker span{position:absolute;right:8px;top:6px;font-size:20px}.art-caption{font-size:10px;color:#7d8168;margin-top:23px;letter-spacing:.3px}.spark{position:absolute;color:var(--orange)}.spark-one{font-size:48px;left:-20px;top:40px;transform:rotate(10deg)}.spark-two{font-size:45px;right:30px;bottom:3px}.library{padding-top:8px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font:600 29px 'Outfit',sans-serif;letter-spacing:-.7px;margin:8px 0 0}.sort-wrap{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.sort-wrap select{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:transparent;color:var(--ink);font-size:11px}.filters{display:flex;gap:10px;padding:25px 0 18px;overflow:auto;scrollbar-width:none}.filter{display:flex;gap:8px;align-items:center;background:transparent;border:1px solid #e2e4d6;white-space:nowrap;padding:11px 18px;border-radius:9px;font-size:12px;font-weight:600}.filter span{font-size:17px}.filter:hover{background:#eeeedd}.filter.active{background:var(--green);color:white;border-color:var(--green)}.results-meta{display:flex;justify-content:space-between;color:#8b8e80;font-size:10px;margin:7px 0 18px}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}.game-card{position:relative;min-width:0}.game-open{border:0;padding:0;background:transparent;text-align:left;width:100%;display:block}.card-media{position:relative;border-radius:14px;overflow:hidden;background:#e9e5d5;aspect-ratio:1.23}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.game-open:hover .card-media img{transform:scale(1.065)}.card-play{position:absolute;inset:0;background:#233c2640;display:grid;place-items:center;opacity:0;transition:opacity .2s}.card-play span{display:grid;place-items:center;background:white;color:var(--orange);width:45px;height:45px;border-radius:50%;font-size:14px}.game-open:hover .card-play,.game-open:focus-visible .card-play{opacity:1}.fav{position:absolute;right:9px;top:9px;width:30px;height:30px;border-radius:50%;background:#fffaf3ef;border:0;font:22px/1 Arial;display:grid;place-items:center;box-shadow:0 2px 8px #0001}.fav[aria-pressed=true]{background:#fff1e9;color:#e55e34}.card-name{font:600 14px 'Outfit',sans-serif;margin:12px 0 5px;letter-spacing:-.1px}.card-bottom{font-size:10px;color:#8a8c7b;display:flex;justify-content:space-between;align-items:center;gap:5px}.card-bottom>span:last-child{color:#658264;font-size:9px}.game-card .description{display:none}.bottom-banner{display:flex;align-items:center;gap:24px;background:#f1eddb;border:1px solid #e7e2cd;border-radius:16px;padding:29px 33px;margin-top:52px}.banner-icon{font-size:43px;line-height:1;color:var(--orange)}.bottom-banner h2{font:500 22px 'Outfit',sans-serif;margin:0 0 8px}.bottom-banner p{color:#838572;font-size:11px;margin:0;line-height:1.6}.bottom-banner button{margin-left:auto;white-space:nowrap;background:#fffaf3;border:1px solid #dddcc9;padding:12px 17px;border-radius:9px;font-size:11px;font-weight:600}.bottom-banner button span{margin-left:20px;font-size:19px}.about{max-width:800px;text-align:center;margin:54px auto 48px}.about h2{font:500 20px 'Outfit',sans-serif}.about p{font-size:11px;line-height:1.9;color:#979785}footer{max-width:1248px;margin:auto;border-top:1px solid var(--line);padding:27px 0 32px;display:flex;align-items:center;gap:30px;font-size:10px;color:#969785}.footer-brand{font:600 18px 'Outfit',sans-serif;color:var(--ink);letter-spacing:-.4px}.footer-brand>span:first-child{color:var(--orange)}.footer-dot{font-size:20px;margin-left:8px;color:#9ba58c}.footer-links{display:flex;gap:20px;margin-left:auto;align-items:center}.footer-links button{background:none;border:0;color:inherit;font-size:inherit;padding:0}.empty{text-align:center;padding:45px 10px}.empty>span{font-size:45px;color:var(--orange)}.empty h3{font:500 25px 'Outfit',sans-serif}.empty p{color:var(--muted);font-size:13px}.empty .primary{margin-top:10px}.player{padding:0;border:0;background:#16251d;color:white;width:min(1280px,96vw);max-width:100%;height:min(860px,94dvh);max-height:100%;border-radius:16px;overflow:hidden}.player[open]{display:flex;flex-direction:column}dialog::backdrop{background:#182c22d9;backdrop-filter:blur(5px)}.player-top{display:flex;align-items:center;gap:20px;padding:12px 17px;min-height:60px;border-bottom:1px solid #ffffff15}.player-top h2{font:500 16px 'Outfit',sans-serif;margin:0;flex:1;text-align:center}.player-top button{background:#ffffff10;color:#fff;border:1px solid #ffffff15;border-radius:7px;min-height:34px;padding:6px 12px}.player-controls{display:flex;gap:7px}.back{font-size:11px;white-space:nowrap}.player-controls button{font-size:20px}.player-bottom{font-size:10px;color:#c0caba;display:flex;justify-content:space-between;gap:20px;padding:12px 18px;line-height:1.5}.player-bottom a{color:#ffd28a;white-space:nowrap}#game-frame-wrap{position:relative;flex:1;background:#101a14;min-height:0}#game-frame{width:100%;height:100%;border:0;position:relative;z-index:1;background:transparent}#game-frame-wrap:fullscreen{height:100vh}#game-frame-wrap:fullscreen iframe{height:100%}.loading{position:absolute;inset:0;display:flex;gap:15px;align-items:center;justify-content:center;font-size:13px;flex-direction:column}.spinner{width:28px;height:28px;border:2px solid #ffffff20;border-top-color:#ffb367;border-radius:50%;animation:spin 1s linear infinite}.info-dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:32px;width:min(580px,92vw);line-height:1.8;font-size:13px}.info-dialog>button{float:right;border:0;background:transparent;font-size:20px}.info-dialog h2{font:500 27px 'Outfit',sans-serif}.info-dialog a{color:#d15b2c;text-decoration:underline}body.modal-open{overflow:hidden}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.hero{min-height:530px}.hero-art{margin-left:20px}.feature-game>img{height:235px}}
@media(max-width:1100px){.header-inner{gap:30px}.search{width:260px}.hero-art{padding:32px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-notes{gap:12px}footer{margin:0 36px}.hero-copy>p{font-size:13px}.hero{gap:28px}.feature-game>img{height:200px}}
@media(max-width:800px){.header-inner{padding:0 22px;height:84px;gap:20px}.brand{font-size:22px}.brand-icon{width:39px;height:39px;line-height:39px;font-size:29px}.brand small{font-size:8px}.search{width:auto;flex:1}.search input{font-size:11px}nav{gap:15px;font-size:12px}nav>a{display:none}.hero{gap:25px;padding:40px 0;min-height:auto}.hero-art{padding:28px 23px 22px;min-height:310px;border-radius:25px 55px 25px 25px}.feature-game>img{height:165px}.feature-bottom strong{font-size:20px}.sticker{width:78px;height:78px;padding-top:17px;font-size:11px;right:-13px;top:70px}.sticker span{font-size:15px}.feature-label{font-size:8px}.art-caption{font-size:8px}.hero-notes{flex-wrap:wrap;gap:7px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:44px;letter-spacing:-2px}.hero-copy>p br{display:none}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{gap:8px}.filter{padding:10px 13px;font-size:11px}.section-heading h2{font-size:25px}.bottom-banner{padding:23px;gap:15px}.bottom-banner h2{font-size:20px}.bottom-banner p{max-width:300px}.banner-icon{font-size:35px}.bottom-banner button{padding:10px;font-size:10px}.bottom-banner button span{margin-left:10px}main{padding:0 22px}.footer-links{gap:12px}footer{margin:0 22px;flex-wrap:wrap;gap:18px}}
@media(max-width:560px){html{scroll-padding-top:150px}.header-inner{height:auto;min-height:116px;flex-wrap:wrap;padding:17px 18px 12px;gap:13px;justify-content:space-between}.brand{font-size:23px}.brand small{font-size:8px;letter-spacing:1.7px}.brand-icon{width:37px;height:37px;font-size:27px;line-height:37px}.search{flex:1 1 100%;order:3;padding:10px 12px;border-radius:8px}.search input{font-size:12px}.search>span{font-size:23px}.search kbd{display:none}nav{font-size:11px;gap:0}.fav-count{font-size:9px}.hero{grid-template-columns:1fr;gap:28px;padding:31px 0 35px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}h1{font-size:47px;line-height:1.03;margin:18px 0;letter-spacing:-2.1px}.hero-copy>p{font-size:12px;margin-bottom:20px;max-width:310px}.hero-copy>p br{display:block}.primary{padding:12px 17px;font-size:12px;gap:28px}.hero-notes{margin-top:17px;gap:17px;font-size:9px}.hero-art{padding:23px 35px 18px;min-height:310px;border-radius:22px 60px 22px 22px;margin:0 7px;max-width:420px}.feature-game>img{height:180px}.feature-bottom{padding:10px 8px 6px}.feature-bottom strong{font-size:22px}.sticker{width:83px;height:83px;padding-top:18px;font-size:12px;top:72px;right:-14px}.spark-one{font-size:35px;left:-12px;top:20px}.spark-two{font-size:32px;right:20px;bottom:5px}.feature-label{font-size:8px;margin-bottom:13px}.art-caption{margin-top:18px;font-size:8px}.play-round{width:34px;height:34px}.section-heading{align-items:flex-end;gap:10px}.section-heading h2{font-size:23px;line-height:1.15;max-width:220px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.sort-wrap>label{display:none}.sort-wrap select{font-size:10px;padding:8px 6px;max-width:112px}.filters{padding:20px 0 14px;margin-right:-18px;padding-right:18px}.filter{padding:9px 12px;font-size:10px;border-radius:8px;gap:6px}.filter span{font-size:14px}.results-meta{font-size:9px;margin-top:4px}.device-note{font-size:8px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.card-media{border-radius:11px;aspect-ratio:1.2}.card-name{font-size:13px;margin-top:10px;line-height:1.2}.card-bottom{font-size:9px;flex-wrap:wrap;gap:3px}.card-bottom>span:last-child{font-size:8px}.fav{width:28px;height:28px;font-size:21px;top:7px;right:7px}.bottom-banner{padding:22px 18px;margin-top:33px;display:grid;grid-template-columns:30px 1fr;gap:12px}.bottom-banner h2{font-size:19px;line-height:1.2}.bottom-banner p{font-size:10px}.bottom-banner button{grid-column:2;justify-self:start;margin:0;font-size:10px;padding:9px 12px}.banner-icon{font-size:34px}.about{margin:34px auto 30px}.about h2{font-size:18px}.about p{font-size:10px}main{padding:0 18px}footer{margin:0 18px;font-size:9px;gap:15px;padding:22px 0}.footer-brand{font-size:17px}.footer-links{width:100%;margin:0;gap:22px}.player{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.player-top{padding:10px;gap:8px}.back span{display:none}.player-top h2{font-size:13px}.player-top button{padding:5px 9px}.player-controls{gap:5px}.player-bottom{font-size:9px;padding:10px;gap:10px}.player-bottom>span{max-width:65%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}