:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e7f5ff;background:#030a18;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #6de7ff;outline-offset:3px}.top{display:flex;align-items:center;gap:30px;padding:16px 3%;background:#060e21;border-bottom:1px solid #18395a;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px;color:#36d9ff;letter-spacing:4px;line-height:.9}.brand-icon{font-size:37px;filter:drop-shadow(0 0 8px #c64cff)}.brand b{font-size:29px;text-shadow:0 0 13px #158eff}.brand small{display:block;color:#cb79ff;text-align:center;font-size:12px;margin-top:9px;letter-spacing:9px}.top nav{display:flex;gap:8px;flex-wrap:wrap;flex:1}.top nav button,.header-right button{background:none;border:0;color:#b9d4e8;padding:12px;border-radius:12px}.top nav button:hover,.top nav .active{background:#113272;color:#fff;box-shadow:0 0 15px #246bda66}.header-right{display:flex;align-items:center;gap:10px}.header-right input{background:#06182f;color:#fff;border:1px solid #287ba4;border-radius:22px;padding:12px 17px;width:200px}main{max-width:1600px;margin:auto}.hero{min-height:325px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 4%;background:radial-gradient(ellipse at 78% 40%,#4a0c72aa,transparent 38%),radial-gradient(ellipse at 42% 0%,#082b63,transparent 65%),#031022;border-bottom:1px solid #174369;overflow:hidden}.hero-copy{max-width:700px;z-index:1}.eyebrow,.section-heading h2,.more h2{color:#41d7ff;letter-spacing:5px;font-size:15px}.hero h1{font-size:clamp(36px,5vw,70px);margin:10px 0 0;color:#37d7ff;line-height:1.1;text-shadow:0 0 22px #1b96ff}.hero h1 em{font-style:normal;color:#ed64ed;text-shadow:0 0 20px #c535ee}.hero h2{font-size:clamp(20px,2.4vw,30px);color:#31cfff;margin:10px 0}.hero p{color:#afcde2;line-height:1.5;font-size:18px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:18px}.primary,.outline,.play,.install button{border-radius:13px;padding:13px 24px;font-weight:750}.primary{color:#fff;border:1px solid #f99dff;background:linear-gradient(120deg,#ff4dd8,#7d4eff,#2885ff);box-shadow:0 0 18px #e34dff}.outline{color:#9deaff;border:1px solid #21baff;background:#031527}.cabinet{margin-right:7%;width:220px;height:255px;background:linear-gradient(145deg,#1a1552,#070c21);border:5px solid #fc54d3;box-shadow:0 0 24px #ed2ebc,20px 20px 50px #000;border-radius:24px 24px 12px 12px;transform:perspective(700px) rotateY(-12deg);text-align:center;flex-shrink:0}.cab-top{padding:16px;color:#34dfff;font-weight:900;font-size:24px;text-shadow:0 0 12px #23adff}.cab-top span{font-size:13px;letter-spacing:6px;color:#db74ff}.cab-screen{font-size:70px;margin:5px 15px;background:#070f29;border:3px solid #245aff;border-radius:12px;box-shadow:inset 0 0 20px #2246e8}.cab-controls{padding:10px;font-size:19px}.catalog{padding:12px 3% 20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading span{color:#69b6dd}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{border:1px solid #175183;background:linear-gradient(#0a1c36,#041124);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 0 23px #1575c744}.art{height:190px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#144ab9,#040c27 70%)}.art.snake{background:radial-gradient(circle,#075a4c,#051b23 70%)}.art.space{background:radial-gradient(circle,#4a1278,#080b28 70%)}.art.pong{background:radial-gradient(circle,#074d79,#071126 70%)}.art-symbol{font-size:100px;color:#ffda32;text-shadow:0 0 25px currentColor;z-index:1}.snake .art-symbol{color:#46f69a}.space .art-symbol{color:#f06cff}.pong .art-symbol{color:#39dfff}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ffffff0a 1px,transparent 1px),linear-gradient(#ffffff0a 1px,transparent 1px);background-size:27px 27px}.category{position:absolute;top:12px;left:12px;background:#ffda39;color:#061023;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:900;z-index:2}.green .category{background:#3dff91}.violet .category{background:#d56bff}.cyan .category{background:#35cfff}.star{position:absolute;right:12px;top:10px;z-index:2;background:#09112cbd;border:1px solid #3e82b6;border-radius:50%;color:#fff;font-size:23px;width:39px;height:39px}.star.on{color:#ffdb4d}.card-body{padding:16px 18px}.card-body h3{margin:0;font-size:20px}.card-body p{color:#b0c7db;line-height:1.45;min-height:63px;margin:6px 0}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.play{background:#ffd63e;border:0;color:#0a1530;min-width:110px;box-shadow:0 0 16px #f6bd2799}.green .play{background:#48ee91;box-shadow:0 0 16px #35eb8c66}.violet .play{background:#bb56ef;box-shadow:0 0 16px #aa45ed88}.cyan .play{background:#34c8ff;box-shadow:0 0 16px #26aaff88}.score-caption{font-size:11px;color:#a5c2d9;text-align:center}.score-caption strong{display:block;font-size:17px;color:#fff}.more{display:flex;gap:24px;justify-content:space-between;padding:12px 3%}.more>div:first-child{flex:1}.more p{color:#9dbbd0}.install{border:1px solid #38479c;background:linear-gradient(135deg,#072039,#260c3d);padding:16px;border-radius:18px;max-width:340px}.install b{color:#36d8ff}.install button{background:linear-gradient(90deg,#654eff,#d92aff);border:0;color:#fff}.install small{display:block;color:#a8dfff;margin-top:6px}footer{padding:20px 3%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:#d2e8f7;font-size:13px}.leaderboard{max-width:700px;margin:auto}.leaderboard>div{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid #1a4e72}.game-page{min-height:100vh;background:radial-gradient(circle at 50% 25%,#102455,#030916 70%);padding:18px}.game-bar{max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.game-bar h2{color:#4de3ff}.game-bar button{background:#10254d;border:1px solid #367cb3;border-radius:10px;color:#fff;padding:10px 14px}.game-stats{max-width:640px;margin:15px auto;display:flex;justify-content:space-between;color:#b3dbfa}.game-stats b{color:#fff}.game-stage{max-width:640px;margin:auto}canvas{display:block;width:100%;height:auto;background:#050b1c;border:2px solid #1c78c8;border-radius:12px;box-shadow:0 0 22px #1478ed66;touch-action:none}.touch-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:16px 0}.touch-controls button{min-width:60px;min-height:54px;background:#142f61;border:1px solid #42baff;color:#fff;border-radius:13px;font-size:19px;touch-action:none;-webkit-user-select:none;user-select:none}.instructions{text-align:center;color:#a6c6e0;line-height:1.5}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.top nav{order:3;flex-basis:100%}.cabinet{margin-right:0}}@media(max-width:620px){.cards{grid-template-columns:1fr}.hero{padding:25px 5%}.cabinet{display:none}.header-right{width:100%}.header-right input{flex:1;min-width:0}.more{flex-direction:column}.install{max-width:none}.game-bar h2{order:-1;flex-basis:100%;text-align:center}.brand b{font-size:23px}.hero h1{font-size:37px}.top{gap:15px}.top nav button{padding:9px}}.art.maze{overflow:hidden;background:radial-gradient(ellipse at 40% 65%,#102e77,#03081e 70%)}.maze-poster{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(23,82,230,.11) 35px 36px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(23,82,230,.11) 35px 36px)}.poster-path{position:absolute;border:4px solid #166bff;border-radius:13px;box-shadow:0 0 9px #125dff,inset 0 0 8px #125dff}.path-a{left:8%;top:16%;width:78%;height:66%}.path-b{left:26%;top:-24%;width:45%;height:65%}.path-c{left:45%;top:55%;width:57%;height:55%}.poster-dots{position:absolute;top:53%;left:6%;right:0;white-space:nowrap;font-size:25px;letter-spacing:8px;color:#ffd675;text-shadow:0 0 8px #ffac38}.poster-hero{position:absolute;width:69px;height:69px;left:20%;top:48%;border-radius:50%;background:conic-gradient(from 36deg,transparent 0deg 65deg,#ffda28 66deg 360deg);filter:drop-shadow(0 0 14px #ffcb22);animation:poster-chomp .42s ease-in-out infinite alternate}@keyframes poster-chomp{to{background:conic-gradient(from 12deg,transparent 0deg 23deg,#ffda28 24deg 360deg)}}.poster-ghost{position:absolute;width:39px;height:43px;border-radius:22px 22px 5px 5px;filter:drop-shadow(0 0 9px currentColor)}.poster-ghost:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:9px;background:inherit;clip-path:polygon(0 0,13% 100%,25% 0,38% 100%,50% 0,63% 100%,75% 0,88% 100%,100% 0)}.poster-ghost i{position:absolute;top:13px;width:11px;height:15px;border-radius:50%;background:#fff}.poster-ghost i:first-child{left:8px}.poster-ghost i:nth-child(2){right:7px}.poster-ghost i:after{content:"";position:absolute;top:6px;left:5px;width:5px;height:6px;border-radius:50%;background:#1940a1}.pg-red{left:56%;top:28%;background:#ff4b64;color:#ff4b64}.pg-pink{left:75%;top:57%;background:#ff86cf;color:#ff86cf}.pg-orange{left:45%;top:67%;background:#ffa745;color:#ffa745}@media(prefers-reduced-motion:reduce){.poster-hero{animation:none}}.maze-game-page .game-bar{max-width:900px}.maze-game-page .game-stats,.maze-game-page .game-stage{max-width:850px}.maze-game-page canvas{border:1px solid #2346a9;box-shadow:0 0 20px #1845b755;image-rendering:auto}@media(min-width:701px){.maze-game-page{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:8px 16px 6px}.maze-game-page .game-bar{width:100%;max-width:850px;min-height:44px;flex-shrink:0}.maze-game-page .game-bar h2{margin:3px 0;font-size:20px}.maze-game-page .game-stats{width:min(100%,680px);margin:5px auto 6px;flex-shrink:0}.maze-game-page .game-stage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.maze-game-page canvas{height:min(calc(100dvh - 193px),100%);width:auto;max-width:100%;object-fit:contain;flex-shrink:1}.maze-game-page .touch-controls{margin:7px 0 4px;flex-shrink:0}.maze-game-page .touch-controls button{min-height:36px;min-width:44px;padding:4px 9px;font-size:16px}.maze-game-page .instructions{margin:4px auto 0;font-size:12px;flex-shrink:0}}
