:root{--game-navy:#15172c;--game-blue:#386ee8}
.game-room{max-width:1092px;margin:0 auto 90px;padding:38px;background:var(--ink);color:white;border-radius:20px;box-shadow:var(--shadow)}
.game-room[hidden]{display:none}
.game-room-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.game-room-heading .eyebrow{color:var(--yellow);margin-bottom:8px}.game-room-heading h2{font-size:42px}.close-game{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;width:38px;height:38px;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}.close-game:hover{background:var(--coral);border-color:var(--coral)}
.game-actions{display:flex;gap:8px;align-items:center}.fullscreen-game{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;width:38px;height:38px;border-radius:8px;font-size:22px;line-height:1;cursor:pointer}.fullscreen-game:hover{background:var(--blue);border-color:var(--blue)}
.game-room:fullscreen{max-width:none;width:100%;min-height:100vh;margin:0;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,5vw,70px)}.game-room:fullscreen .game-layout{width:100%;margin:0 auto;grid-template-columns:minmax(0,min(88vh,78vw)) 240px;justify-content:center}.game-room:fullscreen .canvas-wrap{width:min(88vh,78vw);max-width:none}
.game-layout{display:grid;grid-template-columns:minmax(0,462px) 1fr;gap:32px;align-items:center}.canvas-wrap{position:relative;width:100%;max-width:462px;aspect-ratio:1;background:var(--game-navy);border:6px solid #26366e;border-radius:10px;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.game-overlay{position:absolute;inset:0;background:rgba(21,23,44,.86);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.game-overlay[hidden]{display:none}.game-overlay strong{font:700 29px Fredoka,sans-serif;color:var(--yellow)}.game-overlay span{font-size:13px;max-width:230px;margin:9px 0 22px;color:#e0e2ef}.game-start{font-size:13px;border:0;cursor:pointer}
.score-board{display:flex;gap:28px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:22px}.score-board div{display:flex;flex-direction:column;gap:6px}.score-board span{font-size:10px;letter-spacing:1.3px;color:#afb4d1;font-weight:800}.score-board strong{font:600 22px Fredoka,sans-serif;color:var(--yellow);white-space:nowrap}.game-tip{font-size:14px;line-height:1.55;color:#c8cce0;max-width:245px;margin:24px 0}.game-tip strong{color:white;font-family:Fredoka,sans-serif;font-size:21px}.touch-controls{margin:20px 0}.touch-controls>div{display:flex;justify-content:flex-start;gap:8px;margin-top:8px;margin-left:43px}.touch-controls button{width:38px;height:38px;border:1px solid #52618e;border-radius:8px;background:#283663;color:white;font-size:20px;cursor:pointer}.touch-controls button:hover{background:var(--coral);border-color:var(--coral)}.reset-game{border:0;background:transparent;color:#b7bdd8;text-decoration:underline;padding:0;font-size:12px;cursor:pointer}.reset-game:hover{color:white}.play-link{border:0;background:transparent;padding:0;cursor:pointer}.play-link:hover{text-decoration:underline}
@media(max-width:700px){.game-room{margin:0 16px 65px;padding:22px 15px;border-radius:16px}.game-room-heading h2{font-size:36px}.game-layout{grid-template-columns:1fr;gap:25px}.canvas-wrap{margin:auto}.game-sidebar{padding:0 10px}.game-tip{max-width:none}.score-board{justify-content:space-between}.touch-controls{display:flex;flex-direction:column;align-items:center}.touch-controls>div{margin-left:0}.reset-game{display:block;margin:auto}}
:root{--ink:#242333;--muted:#716d7f;--cream:#fffaf0;--paper:#fffdf8;--yellow:#ffd34e;--coral:#ff765f;--blue:#4f9cf9;--mint:#a8e5ce;--pink:#f5b1c5;--line:#e9e1d7;--shadow:0 16px 30px rgba(53,38,49,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 34px}.brand{display:flex;align-items:center;gap:10px;font:700 25px Fredoka,sans-serif;letter-spacing:-.6px}.brand>span:last-child>span{color:var(--coral)}.brand-mark{width:30px;height:30px;border-radius:50%;background:var(--coral);display:grid;place-items:center;position:relative}.brand-mark:after{content:"";position:absolute;right:-1px;border-left:11px solid var(--cream);border-top:9px solid transparent;border-bottom:9px solid transparent}.brand-mark span{width:4px;height:4px;background:var(--cream);border-radius:50%;position:absolute;left:8px;top:8px}.main-nav{display:flex;gap:34px;color:var(--muted);font-weight:700;font-size:14px}.main-nav a{position:relative}.main-nav a.active,.main-nav a:hover{color:var(--ink)}.main-nav a.active:after{content:"";height:3px;border-radius:4px;background:var(--coral);position:absolute;bottom:-10px;left:0;right:0}.random-button{border:1px solid var(--ink);background:transparent;border-radius:99px;padding:10px 18px;color:var(--ink);font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.random-button:hover{background:var(--ink);color:white;transform:rotate(-2deg)}.random-button span{color:var(--coral);font-size:17px;vertical-align:-1px}.hero{max-width:1240px;margin:0 auto;min-height:500px;padding:68px 74px 58px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--yellow);position:relative;overflow:hidden;border-radius:0 0 34px 34px}.hero:before{content:"";position:absolute;width:210px;height:210px;border:28px solid rgba(255,255,255,.25);border-radius:50%;right:-80px;top:-85px}.eyebrow{margin:0 0 15px;text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:800;color:var(--coral)}.hero .eyebrow{color:var(--ink)}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:8px}.hero h1,h2,h3{font-family:Fredoka,sans-serif;margin:0;letter-spacing:-1.7px}.hero h1{font-size:clamp(50px,6vw,82px);line-height:.94}.hero h1 em{font-style:normal;color:var(--coral)}.hero-text{font-size:16px;line-height:1.55;max-width:365px;margin:25px 0 30px}.primary-button{display:inline-flex;gap:23px;align-items:center;background:var(--ink);color:white;border-radius:8px;padding:13px 17px 13px 20px;font-size:14px;font-weight:800;box-shadow:4px 4px 0 rgba(36,35,51,.2);transition:.2s}.primary-button:hover{transform:translateY(-3px);box-shadow:4px 7px 0 rgba(36,35,51,.2)}.hero-art{height:365px;position:relative;display:grid;place-items:center}.sunburst{width:315px;height:315px;border-radius:50%;background:repeating-conic-gradient(from 7deg,rgba(255,255,255,.3) 0deg 10deg,transparent 10deg 21deg);position:absolute}.arcade-machine{position:relative;z-index:1;width:228px;filter:drop-shadow(12px 15px 0 rgba(36,35,51,.13));transform:rotate(3deg)}.machine-top{height:58px;border-radius:22px 22px 3px 3px;background:var(--coral);color:white;font:700 18px Fredoka,sans-serif;padding:16px 15px;position:relative}.machine-top i{display:block;position:absolute;right:17px;top:20px;width:15px;height:15px;border-radius:50%;background:var(--yellow)}.machine-screen{height:158px;margin:0 12px;background:#28283c;border:9px solid var(--coral);position:relative;overflow:hidden}.machine-screen:after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.screen-pacman{position:absolute;z-index:2;background:var(--yellow);width:32px;height:32px;border-radius:50%;left:27px;top:57px}.screen-pacman:after{content:"";position:absolute;right:-2px;top:4px;border-left:17px solid #28283c;border-top:12px solid transparent;border-bottom:12px solid transparent}.screen-dot{position:absolute;background:#fff0cf;width:6px;height:6px;border-radius:50%;top:71px}.dot-a{left:76px}.dot-b{left:104px}.screen-ghost{position:absolute;background:var(--pink);width:30px;height:29px;right:27px;top:59px;border-radius:17px 17px 4px 4px}.screen-ghost:after{content:"••";letter-spacing:4px;color:white;position:absolute;top:1px;left:7px}.machine-controls{height:56px;background:var(--coral);display:flex;align-items:center;padding:0 25px;gap:15px}.joystick{width:21px;height:21px;border-radius:50%;background:var(--blue);border:4px solid var(--ink);position:relative}.joystick:after{content:"";height:14px;width:4px;background:var(--ink);position:absolute;left:5px;top:14px}.control-dot{width:17px;height:17px;border-radius:50%;background:var(--yellow);margin-left:auto}.control-dot.pink{background:var(--pink);margin-left:0}.machine-base{height:55px;background:var(--coral);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%)}.hero-star{position:absolute;z-index:2;font-size:25px;color:var(--coral)}.star-one{top:54px;left:20px}.star-two{right:23px;bottom:55px;color:var(--blue)}.art-caption{position:absolute;bottom:4px;right:9px;font-size:12px;transform:rotate(-7deg)}.games-section{max-width:1092px;margin:0 auto;padding:90px 16px 82px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{font-size:44px}.game-count{color:var(--muted);font-size:13px;font-weight:800;padding-bottom:7px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:28px;flex-wrap:wrap}.search-field{height:46px;border:1px solid var(--line);background:var(--paper);border-radius:8px;display:flex;align-items:center;padding:0 13px;color:var(--muted);flex:1;min-width:220px}.search-field span{font-size:28px;line-height:0;transform:rotate(-15deg);margin-right:8px}.search-field input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink)}.search-field kbd{border:1px solid var(--line);border-radius:4px;padding:2px 6px;font-size:11px}.category-list{display:flex;gap:8px;flex-wrap:wrap}.category-filter{border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 14px;color:var(--muted);font-weight:800;font-size:12px;cursor:pointer}.category-filter.active,.category-filter:hover{background:var(--ink);border-color:var(--ink);color:white}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.game-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px;transition:.25s;position:relative}.game-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.game-cover{height:205px;border-radius:8px;background:var(--blue);position:relative;overflow:hidden;padding:23px}.game-cover:before{content:"";position:absolute;width:190px;height:190px;border:21px solid rgba(255,255,255,.25);border-radius:50%;right:-66px;bottom:-65px}.game-cover:after{content:"";position:absolute;width:100px;height:100px;border:9px dotted rgba(255,255,255,.24);border-radius:50%;left:-45px;top:-40px}.game-cover.yellow{background:var(--yellow)}.cover-label{position:relative;z-index:1;font:700 13px Fredoka,sans-serif;letter-spacing:1px}.pacman-title{position:absolute;z-index:1;left:22px;bottom:26px;color:var(--ink);font:700 43px Fredoka,sans-serif;line-height:.85;text-transform:uppercase;letter-spacing:-2px}.cover-pacman{position:absolute;right:39px;top:54px;width:57px;height:57px;background:var(--yellow);border-radius:50%;z-index:1}.cover-pacman:after{content:"";position:absolute;right:-1px;top:9px;border-left:31px solid var(--blue);border-top:20px solid transparent;border-bottom:20px solid transparent}.game-card h3{font-size:25px;margin:18px 9px 3px}.game-meta{display:flex;justify-content:space-between;align-items:center;margin:0 9px 9px;color:var(--muted);font-size:12px;font-weight:700}.play-link{color:var(--coral);font-size:13px;font-weight:800}.empty-state{text-align:center;padding:45px;color:var(--muted)}.categories-section{background:var(--mint);padding:78px max(16px,calc((100% - 1092px)/2)) 84px}.compact{margin-bottom:30px}.compact .eyebrow{color:var(--ink)}.category-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{min-height:170px;padding:22px;border-radius:10px;background:var(--paper);position:relative;overflow:hidden}.category-card:nth-child(2){background:var(--pink)}.category-card:nth-child(3){background:var(--coral);color:white}.category-card h3{font-size:28px}.category-card p{font-size:13px;max-width:160px;line-height:1.4;color:var(--muted)}.category-card:nth-child(3) p{color:white}.category-symbol{position:absolute;right:19px;bottom:13px;font:700 68px Fredoka,sans-serif;color:rgba(36,35,51,.14)}.how-section{max-width:1092px;margin:auto;padding:90px 16px 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.how-intro h2{font-size:42px;line-height:1}.steps{list-style:none;padding:0;margin:0;display:grid;gap:22px}.steps li{display:flex;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.steps li>span{font:700 14px Fredoka,sans-serif;color:var(--coral)}.steps h3{font-size:23px}.steps p{font-size:13px;color:var(--muted);margin:4px 0 0}.site-footer{border-top:1px solid var(--line);max-width:1092px;margin:auto;padding:30px 16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.site-footer .brand{color:var(--ink);font-size:20px}.site-footer .brand-mark{width:24px;height:24px}.site-footer .brand-mark:after{border-left-width:9px;border-top-width:7px;border-bottom-width:7px}.site-footer p{margin:0}.footer-note{font-weight:800}@media(max-width:700px){.site-header{height:68px;padding:0 18px}.main-nav{display:none}.random-button{font-size:0;padding:8px 12px}.random-button span{font-size:19px}.hero{border-radius:0 0 22px 22px;padding:52px 27px 35px;grid-template-columns:1fr;min-height:0}.hero h1{font-size:57px}.hero-art{height:310px;margin-top:20px}.hero-text{font-size:15px}.section-heading h2{font-size:37px}.games-section{padding-top:64px;padding-bottom:65px}.category-cards{grid-template-columns:1fr}.category-card{min-height:130px}.how-section{grid-template-columns:1fr;gap:38px;padding-top:65px;padding-bottom:70px}.site-footer{gap:15px;flex-wrap:wrap}.site-footer p{order:3;width:100%}}