:root{--g-bg:#061221;--g-surface:#0b1b2f;--g-surface-2:#102640;--g-line:rgba(184,224,255,.18);--g-text:#f7fbff;--g-muted:#b8cee0;--g-cyan:#42d4f5;--g-yellow:#ffd75a;--g-green:#72db72;--g-pink:#ff78b5;--g-orange:#ff934d;--g-purple:#9b7bff}
*{box-sizing:border-box}.kids-games-page{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#153458 0,transparent 38rem),linear-gradient(180deg,#061221,#040c17 68%);color:var(--g-text);font-family:Inter,Arial,sans-serif}.kids-games-page a{color:inherit;text-decoration:none}.kids-games-page button{font:inherit}.games-topbar,.games-shell,.games-footer{width:min(100% - 56px,1480px);margin-inline:auto}.games-topbar{min-height:82px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}.games-brand{display:flex;align-items:center;gap:12px}.games-brand strong{font-size:25px;letter-spacing:-.04em}.games-brand strong span{color:var(--g-cyan)}.games-brand b{padding:8px 12px;border-radius:999px;background:#fff;color:#264563;font-size:14px}.games-topbar nav{display:flex;gap:24px}.games-topbar nav a,.games-footer a{font-size:14px;font-weight:850;letter-spacing:.04em}.games-progress{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--g-line);border-radius:999px;background:rgba(255,255,255,.045)}.games-progress span{color:var(--g-yellow);font-size:18px}.games-progress strong{font-size:18px}.games-progress small{font-size:14px;font-weight:850;color:var(--g-muted)}
.games-shell{padding-bottom:48px}.games-island{position:relative;min-height:360px;padding:54px;border:1px solid var(--g-line);border-radius:36px;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 82% 28%,rgba(66,212,245,.18),transparent 14rem),radial-gradient(circle at 70% 70%,rgba(155,123,255,.16),transparent 20rem),linear-gradient(135deg,#0b1c35,#10274b 55%,#251738)}.games-island-copy{position:relative;z-index:2;max-width:700px}.games-kicker{display:inline-flex;color:var(--g-cyan);font-size:14px;font-weight:950;letter-spacing:.12em}.games-island h1{margin:14px 0 16px;font-size:clamp(58px,7vw,112px);line-height:.84;letter-spacing:-.07em}.games-island h1 em{font-style:normal;color:var(--g-yellow)}.games-island p{max-width:620px;margin:0;color:#d7e7f3;font-size:18px;line-height:1.6}.games-orbit{position:absolute;right:-80px;top:-130px;width:620px;aspect-ratio:1;border:1px solid rgba(255,255,255,.13);border-radius:50%}.games-orbit:before,.games-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:50%;inset:70px}.games-orbit:after{inset:150px}.games-orbit i{position:absolute;width:52px;height:52px;border-radius:18px;background:linear-gradient(145deg,var(--g-cyan),var(--g-purple));box-shadow:0 18px 50px rgba(66,212,245,.24)}.games-orbit i:nth-child(1){left:35px;top:280px}.games-orbit i:nth-child(2){right:90px;top:120px;background:linear-gradient(145deg,var(--g-yellow),var(--g-orange))}.games-orbit i:nth-child(3){right:180px;bottom:40px;background:linear-gradient(145deg,var(--g-green),var(--g-cyan))}.games-orbit i:nth-child(4){left:245px;top:55px;background:linear-gradient(145deg,var(--g-pink),var(--g-purple))}
.game-door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.game-door{position:relative;min-height:420px;border:1px solid var(--g-line);border-radius:28px;overflow:hidden;background:#0c1d32;box-shadow:0 20px 50px rgba(0,0,0,.18);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.game-door:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.34);box-shadow:0 28px 65px rgba(0,0,0,.28)}.game-door-media{height:250px;overflow:hidden;background:#102640}.game-door-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.game-door:hover .game-door-media img{transform:scale(1.035)}.game-door-copy{position:relative;padding:24px 25px 27px}.game-number{display:block;margin-bottom:9px;color:var(--g-cyan);font-size:14px;font-weight:950;letter-spacing:.12em}.game-door-copy strong{display:block;font-size:31px;line-height:1.02;letter-spacing:-.04em}.game-door-copy p{margin:12px 0 20px;color:var(--g-muted);font-size:17px;line-height:1.52}.game-door-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border-radius:999px;background:#fff;color:#0a1b2e;font-size:16px;font-weight:950}.door-memory .game-number{color:#c8b8ff}.door-matching .game-number{color:#8af0bd}.door-coloring .game-number{color:#ff9fc9}.door-maze .game-number{color:#ffd55f}.door-puzzle .game-number{color:#ffaf77}
.game-stage{margin-top:22px;border:1px solid var(--g-line);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#071628,#061221);min-height:620px}.game-play-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:34px 36px 26px}.game-play-head>div:first-child{max-width:900px}.game-back{display:inline-flex;min-height:44px;align-items:center;color:#9edff2;font-size:14px;font-weight:900;letter-spacing:.06em}.game-play-head>div>span{display:block;margin-top:14px;color:var(--g-cyan);font-size:14px;font-weight:950;letter-spacing:.12em}.game-play-head h1{margin:8px 0 10px;font-size:clamp(42px,5vw,76px);line-height:.96;letter-spacing:-.055em}.game-play-head p{max-width:780px;margin:0;color:var(--g-muted);font-size:18px;line-height:1.55}.game-pack-switch,.game-difficulty,.match-mode-switch{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.game-pack-switch a,.game-difficulty a,.match-mode-switch a,.game-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#10243c;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.game-pack-switch a.is-active,.game-difficulty a.is-active,.match-mode-switch a.is-active{background:var(--g-yellow);color:#192636;border-color:var(--g-yellow)}.game-score{display:grid;gap:2px;min-width:170px;padding:17px 20px;border:1px solid var(--g-line);border-radius:18px;background:rgba(255,255,255,.04)}.game-score strong{font-size:28px}.game-score small{font-size:14px;color:var(--g-muted);font-weight:850}
.spot-board{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 34px 34px}.spot-scene{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:#10243c;aspect-ratio:960/620}.spot-scene>img{display:block;width:100%;height:100%;object-fit:cover}.spot-target{position:absolute;width:clamp(42px,7vw,76px);aspect-ratio:1;border:3px solid transparent;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.spot-target:hover,.spot-target:focus-visible{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.08)}.spot-target.is-found{border-color:#8df29f;background:rgba(141,242,159,.18);box-shadow:0 0 0 6px rgba(141,242,159,.12)}.spot-target.is-wrong{border-color:#ff8aa3;animation:softWrong .34s ease}.spot-progress{padding:0 34px 28px;color:var(--g-muted);font-size:16px;font-weight:800}
.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;max-width:1040px;margin:0 auto;padding:0 34px 34px}.memory-grid.memory-kolay{grid-template-columns:repeat(4,minmax(120px,1fr));max-width:860px}.memory-grid.memory-zor{grid-template-columns:repeat(6,minmax(105px,1fr));max-width:1200px}.memory-card{position:relative;min-height:155px;border:1px solid rgba(255,255,255,.18);border-radius:22px;color:#fff;background:linear-gradient(145deg,#172554,#4c1d95);cursor:pointer;overflow:hidden}.memory-front,.memory-back{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .2s ease,transform .2s ease}.memory-front{background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.13),transparent 4rem),linear-gradient(145deg,#243c77,#4f2a94)}.memory-front:after{content:"AYVALIK TV";font-size:14px;font-weight:950;letter-spacing:.08em}.memory-back{opacity:0;transform:scale(.9);padding:12px;background:#dff8ff}.memory-back img{width:100%;height:100%;object-fit:contain}.memory-card.is-open .memory-front,.memory-card.is-matched .memory-front{opacity:0}.memory-card.is-open .memory-back,.memory-card.is-matched .memory-back{opacity:1;transform:scale(1)}.memory-card.is-matched{border-color:#86efac;box-shadow:0 0 0 3px rgba(134,239,172,.14)}
.matching-board{display:grid;grid-template-columns:1fr 72px 1fr;gap:16px;align-items:stretch;padding:0 34px 34px}.matching-column{display:grid;gap:12px}.matching-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;min-height:120px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:20px;color:#fff;background:#10243c;cursor:pointer;text-align:left}.matching-card img{width:110px;height:90px;object-fit:contain;border-radius:15px;background:#dff8ff}.matching-card b{font-size:22px}.matching-card .word-only{font-size:25px;letter-spacing:-.02em}.matching-card.is-selected{border-color:#fde68a;box-shadow:0 0 0 3px rgba(253,230,138,.12)}.matching-card.is-matched{opacity:.42;border-color:#86efac}.matching-card.is-wrong{border-color:#fb7185}.matching-lines{display:grid;place-items:center}.matching-lines i{width:80%;height:2px;background:linear-gradient(90deg,transparent,#67e8f9,transparent)}
.coloring-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:20px;padding:0 34px 24px}.coloring-canvas{min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:#fff}.coloring-canvas svg{display:block;width:100%;height:auto}.coloring-canvas [data-color-region]{cursor:pointer;transition:filter .15s ease,opacity .15s ease}.coloring-canvas [data-color-region]:hover{filter:brightness(.94)}.coloring-canvas [data-color-region].is-selected-region{filter:drop-shadow(0 0 7px rgba(66,212,245,.75))}.coloring-tools{padding:24px;border:1px solid var(--g-line);border-radius:22px;background:rgba(255,255,255,.045)}.coloring-tools>strong{font-size:18px}.color-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 22px}.color-palette button{min-width:44px;min-height:52px;border:3px solid rgba(255,255,255,.18);border-radius:14px;background:var(--swatch);cursor:pointer}.color-palette button.is-selected{border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.14)}.coloring-actions{display:grid;gap:10px}.coloring-tools p{color:var(--g-muted);font-size:16px;line-height:1.5}.coloring-page-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.coloring-page-nav button{min-height:48px;padding:0 15px;border:1px solid var(--g-line);border-radius:14px;background:#10243c;color:#fff;font-size:16px;font-weight:850;cursor:pointer}
.maze-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:0 34px 34px}.maze-board{display:grid;grid-template-columns:repeat(var(--maze-cols),1fr);aspect-ratio:1;max-width:760px;width:100%;margin:auto;overflow:hidden;border:8px solid #10263f;border-radius:24px;background:#dffbff}.maze-cell{display:grid;place-items:center;aspect-ratio:1}.maze-cell.is-wall{background:#17304d}.maze-cell.is-path{background:#e7fbff}.maze-cell img{width:82%;height:82%;object-fit:contain}.maze-controls{display:grid;align-content:start;gap:16px;padding:22px;border:1px solid var(--g-line);border-radius:22px;background:rgba(255,255,255,.045)}.maze-controls>strong{font-size:18px}.maze-controls>p{margin:0;color:var(--g-muted);font-size:16px;line-height:1.5}.maze-pad{display:grid;grid-template-columns:repeat(3,64px);grid-template-areas:". up ." "left down right";justify-content:center;gap:9px}.maze-pad button{min-width:64px;min-height:64px;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:#fff;background:#142846;font-size:28px;cursor:pointer}.maze-pad [data-maze-move=up]{grid-area:up}.maze-pad [data-maze-move=left]{grid-area:left}.maze-pad [data-maze-move=down]{grid-area:down}.maze-pad [data-maze-move=right]{grid-area:right}
.puzzle-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;padding:0 34px 34px}.puzzle-board{display:grid;grid-template-columns:repeat(var(--puzzle-size),1fr);aspect-ratio:960/620;overflow:hidden;border:8px solid #10263f;border-radius:24px;background:#10263f;gap:3px}.puzzle-piece{position:relative;border:0;min-width:44px;min-height:44px;background-repeat:no-repeat;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}.puzzle-piece.is-selected{box-shadow:inset 0 0 0 5px var(--g-yellow)}.puzzle-side{display:grid;align-content:start;gap:16px;padding:20px;border:1px solid var(--g-line);border-radius:22px;background:rgba(255,255,255,.045)}.puzzle-side img{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.18)}.puzzle-side p{margin:0;color:var(--g-muted);font-size:16px;line-height:1.5}
.game-result{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:12px 34px 34px;padding:22px;border:1px solid rgba(255,215,90,.25);border-radius:20px;background:linear-gradient(90deg,rgba(255,215,90,.08),rgba(155,123,255,.08))}.game-result strong{font-size:20px}.game-result button,.game-result a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#10243c;color:#fff;font-size:16px;font-weight:900;cursor:pointer}.game-load-error{display:grid;place-items:start;gap:14px;padding:50px}.game-load-error strong{font-size:32px}.game-load-error p{font-size:18px;color:var(--g-muted)}.games-footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 70px;color:var(--g-muted);font-size:14px}
.kids-games-page :focus-visible{outline:3px solid var(--g-yellow);outline-offset:4px}@keyframes softWrong{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.88)}}
@media(max-width:980px){.game-door-grid{grid-template-columns:1fr 1fr}.games-island{min-height:330px;padding:38px}.spot-board{grid-template-columns:1fr}.coloring-layout,.maze-wrap,.puzzle-layout{grid-template-columns:1fr}.coloring-tools,.maze-controls,.puzzle-side{max-width:760px;width:100%;margin:auto}.matching-card{grid-template-columns:90px 1fr}.matching-card img{width:90px;height:80px}.memory-grid.memory-zor{grid-template-columns:repeat(4,minmax(105px,1fr))}}
@media(max-width:760px){.game-play-head{padding:26px 20px 20px;flex-direction:column}.game-score{justify-items:start}.spot-board,.memory-grid,.matching-board,.coloring-layout,.maze-wrap,.puzzle-layout{padding-left:18px;padding-right:18px}.memory-grid,.memory-grid.memory-kolay,.memory-grid.memory-zor{grid-template-columns:repeat(3,minmax(90px,1fr))}.memory-card{min-height:120px}.matching-board{grid-template-columns:1fr 28px 1fr}.matching-card{grid-template-columns:1fr;justify-items:center;text-align:center}.matching-card img{width:100%;height:105px}.game-result{margin:12px 18px 26px}}
@media(max-width:620px){.games-topbar,.games-shell,.games-footer{width:min(100% - 20px,1480px)}.games-topbar{min-height:70px;grid-template-columns:1fr auto}.games-topbar nav{display:none}.games-brand strong{font-size:20px}.games-island{min-height:390px;align-items:flex-end;padding:26px 22px}.games-island-copy{max-width:100%}.games-island h1{font-size:clamp(52px,16vw,74px)}.games-island p{font-size:17px}.games-orbit{width:320px;right:-100px;top:-60px;opacity:.4}.game-door-grid{grid-template-columns:1fr}.game-door{min-height:390px}.game-door-media{height:225px}.game-door-copy strong{font-size:29px}.memory-grid,.memory-grid.memory-kolay,.memory-grid.memory-zor{grid-template-columns:repeat(2,minmax(110px,1fr))}.maze-pad{grid-template-columns:repeat(3,60px)}.maze-pad button{min-width:60px;min-height:60px}.games-footer{align-items:flex-start;padding:20px 0 80px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.game-door,.game-door-media img,.memory-front,.memory-back,.coloring-canvas [data-color-region]{transition:none!important}.spot-target.is-wrong{animation:none!important}}
.games-orbit img{position:absolute;width:112px;height:112px;padding:10px;border-radius:30px;object-fit:contain;background:rgba(255,255,255,.92);box-shadow:0 18px 50px rgba(0,0,0,.24);transform:rotate(-7deg)}.games-orbit img:nth-child(1){left:35px;top:280px;background:#dff8ff}.games-orbit img:nth-child(2){right:90px;top:120px;transform:rotate(8deg);background:#fff0cf}.games-orbit img:nth-child(3){right:180px;bottom:40px;transform:rotate(-3deg);background:#e4ffd9}.games-orbit img:nth-child(4){left:245px;top:55px;transform:rotate(12deg);background:#ffe4f0}