:root{--lime:#eaff36;--ink:#190041;--muted:#d8cbee;--space:16px;--radius:24px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(165deg,#5900b4 0%,#3006a2 45%,#090064 100%);color:#fff;font:15px Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{max-width:1368px;margin:12px auto 0;min-height:60px;padding:10px 22px;border-radius:40px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:space-between;box-shadow:0 6px 0 #22005466}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:-1px}.brand svg{width:34px;height:34px}.brand>span{font-size:11px;letter-spacing:2px;border-left:1px solid #19004155;padding-left:12px;margin-left:4px}.categories-link{font-weight:bold;display:flex;gap:12px;align-items:center}.categories-link span{font-size:25px}main{max-width:1320px;margin:auto;min-height:65vh;padding:0 0 48px}.ad{margin:24px auto 28px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#d0bde5;font-size:10px;letter-spacing:2px;text-transform:uppercase}.ad-box{width:300px;height:250px;border:1px dashed #ffffff26;border-radius:8px;background:#18005818;display:flex;align-items:center;justify-content:center;color:#ffffff55;font-size:10px}.browse-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:20px 0}.browse-bar h1{font-size:24px;margin:0}.browse-bar p{color:var(--muted);margin:8px 0 0;font-size:13px}.search{display:flex;align-items:center;background:#ffffff16;border:1px solid #ffffff25;border-radius:30px;padding:0 16px}.search input{background:none;border:0;color:white;outline:none;min-width:0;width:220px;padding:13px 5px}.search input::placeholder{color:#d9cbee}.filters{display:flex;gap:8px;overflow:auto;padding:0 0 18px;margin-bottom:8px}.chip{white-space:nowrap;border:1px solid #ffffff26;border-radius:30px;padding:9px 16px;color:#eee4ff;background:#ffffff0b;cursor:pointer}.chip[aria-current=true],.chip:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 26px}.game-card{display:block;min-width:0;position:relative;border-radius:var(--radius);background:#200068;box-shadow:0 5px 0 #15003844;overflow:hidden;transition:transform .18s,box-shadow .18s}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px #09002a77}.game-card img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.card-name{display:block;padding:10px 12px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff}.section-heading{font-size:24px;margin:36px 0 20px}.detail{max-width:920px;margin:36px auto 0}.back{color:var(--muted);font-size:13px}.game-heading{display:flex;align-items:center;gap:24px;margin-top:24px}.game-heading img{width:180px;aspect-ratio:5/3;object-fit:cover;border-radius:18px}.game-heading h1{font-size:32px;margin:0 0 14px}.category-label{color:var(--lime)}.play-button{display:block;max-width:500px;margin:24px auto;background:var(--lime);color:var(--ink);border:0;border-radius:36px;padding:22px;text-align:center;font-size:20px;font-weight:900;box-shadow:0 5px 0 #829315}.copy{background:#ffffff0b;border:1px solid #ffffff17;padding:26px;border-radius:20px;line-height:1.8}.copy h2{font-size:15px;letter-spacing:1px;margin:0 0 12px}.copy p{color:#e6dbf6}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{background:#ffffff12;border-radius:20px;padding:4px 12px;font-size:12px}.player-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0}.player-toolbar h1{font-size:18px}.player-actions{display:flex;gap:10px;flex-wrap:wrap}.player-actions button,.player-actions a{border:1px solid #ffffff44;background:#ffffff14;color:#fff;border-radius:20px;padding:9px 16px;cursor:pointer}.game-frame{display:block;width:100%;height:75dvh;border:0;border-radius:16px;background:#10042b}.player-note{color:var(--muted);font-size:12px;line-height:1.6}.notice{text-align:center;padding:60px 20px;color:var(--muted)}.notice button{display:block;margin:20px auto;padding:12px 25px;border-radius:25px;border:0;background:var(--lime);cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.category-tile{padding:28px;background:#ffffff13;border:1px solid #ffffff22;border-radius:20px}.category-tile strong{display:block;font-size:20px;margin-bottom:10px}.category-tile span{color:var(--muted)}footer{max-width:1320px;margin:auto;border-top:1px solid #ffffff25;padding:28px 0 36px;display:flex;align-items:center;gap:30px;color:var(--muted);font-size:12px}.footer-brand{font-weight:900;letter-spacing:1px;color:var(--lime)}footer nav{display:flex;gap:22px}footer p{margin-left:auto}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:4px}.legal{max-width:760px;margin:48px auto;line-height:1.9}.legal p{color:var(--muted)}@media(min-width:1500px){.grid{gap:18px 46px}}@media(max-width:1420px){.site-header{margin:12px 24px 0}main,footer{margin-left:32px;margin-right:32px}}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.site-header{margin:10px 12px 0;padding:10px 16px;min-height:54px}.brand{font-size:19px}.brand>span{display:none}.categories-link{font-size:12px;gap:5px}main,footer{margin-left:16px;margin-right:16px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.game-card{border-radius:16px}.card-name{font-size:11px;padding:8px}.ad{margin-top:22px}.browse-bar{align-items:flex-start;flex-direction:column;gap:16px}.browse-bar h1{font-size:23px}.search{width:100%}.search input{width:100%}.game-heading{gap:16px}.game-heading img{width:110px}.game-heading h1{font-size:23px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{padding:20px}.player-toolbar{flex-wrap:wrap}.game-frame{height:70dvh}.copy{padding:20px}footer{flex-wrap:wrap;gap:20px}footer p{margin:0;width:100%}}@media(max-width:380px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}