@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17252b;--muted:#66767a;--cream:#fff9ed;--paper:#fffdf7;--mango:#ff9d32;--mango-dark:#e56e1f;--leaf:#2f8f69;--line:#dce7df;--shadow:0 18px 45px rgba(23,37,43,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 0%,rgba(255,157,50,.16),transparent 29rem),var(--cream);font-family:"Space Grotesk",system-ui,sans-serif}a{color:inherit}button,input{font:inherit}.shell{width:min(1160px,calc(100% - 40px));margin:0 auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:9;background:var(--ink);color:white;padding:10px}
.site-header{position:sticky;top:0;z-index:5;background:rgba(255,249,237,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{min-height:76px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:var(--ink);background:var(--mango);border:2px solid var(--ink);border-radius:50% 50% 50% 12px;transform:rotate(-8deg)}.brand-mark span{transform:rotate(8deg)}.main-nav{display:flex;gap:23px;margin-left:auto;font-size:.9rem;color:var(--muted)}.main-nav a{text-decoration:none}.main-nav a:hover,.main-nav .active{color:var(--mango-dark)}.search-toggle{border:1px solid var(--ink);background:var(--ink);color:white;border-radius:999px;padding:10px 16px;cursor:pointer}.search-toggle:hover{background:var(--mango-dark);border-color:var(--mango-dark)}.search-panel{border-top:1px solid var(--line);padding:13px 0}.search-box{display:flex;align-items:center;gap:12px}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:1.1rem}.search-box kbd{color:var(--muted);font:.7rem "DM Mono",monospace}
.hero{display:grid;grid-template-columns:1fr .82fr;gap:70px;padding:88px 0 62px;align-items:center}.eyebrow{color:var(--leaf);font:500 .72rem "DM Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"●";margin-right:8px;color:var(--mango)}h1,h2,h3,p{margin-top:0}h1{max-width:620px;margin:16px 0;font-size:clamp(3.4rem,8vw,6.5rem);line-height:.88;letter-spacing:-.08em}h1 em{color:var(--mango-dark);font-style:normal}.hero-copy>p{max-width:500px;color:var(--muted);line-height:1.7;font-size:1.05rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.button{display:inline-flex;align-items:center;gap:18px;border-radius:999px;padding:14px 20px;text-decoration:none;font-weight:600}.button-primary{background:var(--ink);color:white}.button-primary:hover{background:var(--mango-dark)}.button-quiet{border:1px solid var(--line);background:var(--paper)}.hero-proof{display:flex;gap:28px;color:var(--muted);font-size:.8rem}.hero-proof b{display:block;color:var(--ink);font-size:1.2rem}.hero-art{min-height:400px;position:relative;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;inset:0;background:var(--mango);border:2px solid var(--ink);border-radius:44% 56% 52% 48%/48% 44% 56% 52%;transform:rotate(8deg)}.hero-art:after{content:"MANGO";position:absolute;font:500 4rem "DM Mono",monospace;color:rgba(23,37,43,.1);transform:rotate(-20deg)}.fruit{position:relative;z-index:1;width:190px;height:220px;background:#ffbd45;border:3px solid var(--ink);border-radius:55% 45% 53% 47%;transform:rotate(-15deg);box-shadow:20px 22px 0 rgba(23,37,43,.12)}.fruit:before{content:"";position:absolute;width:65px;height:30px;background:var(--leaf);border:3px solid var(--ink);border-radius:100% 0 100% 0;top:-28px;right:-32px;transform:rotate(26deg)}.fruit:after{content:"✦";position:absolute;color:#fff3c8;font-size:4rem;left:55px;top:66px}
.ad-shell{min-height:90px;display:grid;place-items:center;padding:14px 0}.ad-label{display:block;color:#8d9b91;font:.62rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}.category-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.5)}.category-scroll{display:flex;gap:10px;overflow-x:auto;padding:16px 0}.category-pill{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--muted);padding:10px 15px;cursor:pointer}.category-pill:hover,.category-pill.active{color:white;border-color:var(--leaf);background:var(--leaf)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:64px 0 24px}h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.06em}.section-heading p{color:var(--muted);margin:0}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 5px 0 rgba(23,37,43,.04);transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow)}.game-art{min-height:175px;display:flex;align-items:end;padding:18px;position:relative;background:linear-gradient(135deg,#ffd166,#ef8354)}.game-art[data-tag=puzzle]{background:linear-gradient(135deg,#78c6a3,#56a3a6)}.game-art[data-tag=shooting]{background:linear-gradient(135deg,#38405f,#8b5e83);color:white}.game-art[data-tag=sports]{background:linear-gradient(135deg,#f4a261,#e76f51)}.game-art[data-tag=strategy]{background:linear-gradient(135deg,#a8dadc,#457b9d)}.game-art[data-tag=casual]{background:linear-gradient(135deg,#f9c74f,#f9844a)}.game-art strong{position:relative;z-index:1;max-width:80%;font-size:1.5rem;line-height:1;letter-spacing:-.05em}.game-art:after{content:"✺";position:absolute;right:18px;top:14px;font-size:5rem;opacity:.28}.game-rating{position:absolute;right:14px;bottom:14px;z-index:2;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.86);font:.72rem "DM Mono",monospace}.game-info{padding:18px}.game-info h3{margin-bottom:8px;font-size:1.15rem}.game-info p{min-height:45px;color:var(--muted);font-size:.85rem;line-height:1.5}.game-tags{display:flex;gap:6px;flex-wrap:wrap}.game-tag{color:var(--leaf);font:.68rem "DM Mono",monospace;text-transform:uppercase}.play-button,.play-btn{display:inline-flex;justify-content:center;width:100%;margin-top:17px;padding:11px;border-radius:10px;background:var(--ink);color:white;text-decoration:none;font-size:.84rem}.play-button:hover,.play-btn:hover{background:var(--mango-dark)}.no-results,.empty-state{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}.value-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:72px 0}.value-section article{display:flex;gap:14px;padding:20px;border-top:2px solid var(--ink)}.value-section article>span{color:var(--mango-dark);font:.8rem "DM Mono",monospace}.value-section h3{margin-bottom:7px}.value-section p{color:var(--muted);font-size:.85rem;margin:0}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:.8rem}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top nav{display:flex;gap:16px}.footer-top a{text-decoration:none}.footer-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font:.68rem "DM Mono",monospace}
.detail-shell{padding:45px 0 80px}.detail-heading{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.detail-heading>div{min-width:0}.detail-heading h1{display:block;font-size:clamp(2.7rem,7vw,5.4rem);line-height:1;margin:20px 0 0;max-width:100%;overflow-wrap:anywhere}.back-link{position:relative;z-index:11;display:inline-flex;align-items:center;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--leaf);text-decoration:none;font:.75rem "DM Mono",monospace;cursor:pointer;pointer-events:auto}.back-link:hover{border-color:var(--leaf);background:#edf8f0}.game-frame{position:relative;z-index:1;display:block;width:100%;min-height:min(72vh,680px);border:2px solid var(--ink);border-radius:18px;background:#0f171a;box-shadow:var(--shadow)}.detail-info{display:grid;grid-template-columns:1fr .7fr;gap:30px;padding:35px 0}.game-description{color:var(--muted);line-height:1.7}.recommendations{border-top:1px solid var(--line);padding-top:15px}.recommended-games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recommended-game{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:16px}.recommended-thumbnail{min-height:100px;border-radius:10px;background:linear-gradient(135deg,var(--mango),#78c6a3)}.recommended-title{margin:13px 0 0;font-size:1rem}
@media(max-width:760px){.shell{width:min(100% - 28px,600px)}.header-inner{min-height:65px;gap:12px}.main-nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:54px 0 38px}.hero-art{min-height:260px}.hero-art:after{font-size:2.5rem}.game-grid,.recommended-games,.value-section,.detail-info{grid-template-columns:1fr}.section-heading,.detail-heading,.footer-top,.footer-bottom{align-items:start;flex-direction:column}.game-art{min-height:150px}}