@font-face{font-family:Lexend;src:url(/fonts/lexend-var.woff2) format("woff2-variations");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Kayra Aydin;src:url(/fonts/Kayra%20Aydin.ttf) format("truetype");font-weight:400;font-display:swap}:root{--paper: #faf6f0;--paper-edge: #f4eee5;--surface: #ffffff;--surface-sunk: #f5f0e8;--surface-hover: #fdfbf8;--line: #e6ddd0;--line-strong: #d5c9b8;--ink: #2c2723;--ink-soft: #665d54;--ink-faint: #736a5e;--accent: #0e6e68;--accent-hover: #0a5651;--accent-soft: #e2efec;--accent-line: #b9d7d2;--warm: #b4632a;--warm-soft: #f8ece1;--ok: #2f6b4f;--ok-soft: #e7f0ea;--warn: #a8681b;--warn-soft: #fbf0e0;--bad: #a63a2e;--bad-soft: #f8e9e6;--cat-bellek: #1f6f8b;--cat-dikkat: #a8681b;--cat-harf: #7a4c8f;--cat-mantik: #2f6b4f;--font-sans: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Lexend", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-base: 1.0625rem;--fs-md: 1.3125rem;--fs-lg: 1.625rem;--fs-xl: 2.0625rem;--fs-2xl: 2.625rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--s8: 4rem;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-full: 999px;--shadow-raise: 0 1px 2px rgba(44,39,35,.04), 0 8px 24px -14px rgba(44,39,35,.14);--shadow-float: 0 2px 4px rgba(44,39,35,.05), 0 18px 40px -20px rgba(44,39,35,.2);--ring: 0 0 0 3px var(--accent-soft), 0 0 0 4px var(--accent);--t-fast: .14s cubic-bezier(.2, 0, .2, 1);--t-base: .22s cubic-bezier(.2, 0, .2, 1);--content-max: 1120px;--text-primary: var(--ink);--text-secondary: var(--ink-soft);--text-muted: var(--ink-faint);--accent-light: var(--accent-line);--border: var(--line);--radius: var(--r-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:400;line-height:1.6;letter-spacing:.005em;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:600;line-height:1.25;letter-spacing:-.012em;text-wrap:balance}p{max-width:62ch}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}::selection{background:var(--accent-soft);color:var(--ink)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}#app{min-height:100vh;display:flex;flex-direction:column}.section{display:none;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--s5) var(--s8);flex-direction:column}.section--active{display:flex}.masthead{border-bottom:1px solid var(--line);background:var(--paper)}.masthead__inner{max-width:var(--content-max);margin:0 auto;padding:var(--s5) var(--s5);display:flex;align-items:center;gap:var(--s4)}.brand{display:flex;align-items:center;gap:var(--s3);min-width:0}.brand__mark{width:44px;height:44px;flex:none;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.brand__mark img{width:34px;height:34px;object-fit:contain}.brand__name{display:block;font-size:var(--fs-md);font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--ink)}.brand__name span{color:var(--accent)}.brand__tagline{display:block;font-size:var(--fs-sm);color:var(--ink-faint);line-height:1.4;margin-top:1px}.masthead__link{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--fs-sm);font-weight:500;text-decoration:none;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.masthead__link:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.masthead__link svg{width:16px;height:16px}.catalog-head{padding:var(--s7) 0 var(--s5)}.catalog-head h1{font-size:var(--fs-xl);font-weight:600;margin-bottom:var(--s2)}.catalog-head p{font-size:var(--fs-base);color:var(--ink-soft)}.games-filter{display:flex;flex-wrap:wrap;gap:var(--s2);padding-bottom:var(--s5);border-bottom:1px solid var(--line);margin-bottom:var(--s5)}.filter-chip{padding:var(--s2) var(--s4);border-radius:var(--r-full);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:var(--fs-sm);font-weight:500;white-space:nowrap;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);-webkit-tap-highlight-color:transparent}.filter-chip:hover{border-color:var(--line-strong);color:var(--ink);background:var(--surface-hover)}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:var(--s4);align-items:stretch}.game-card{--card-accent: var(--accent);position:relative;display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;height:100%;transition:border-color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast);-webkit-tap-highlight-color:transparent}.game-card[hidden]{display:none}.game-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:var(--shadow-raise)}.game-card:active{transform:translateY(0)}.game-card__art{display:block;color:var(--card-accent);background:color-mix(in srgb,var(--card-accent) 5%,var(--surface-sunk));border-bottom:1px solid var(--line);line-height:0}.game-card__art svg{width:100%;height:auto;display:block}.game-card__text{display:flex;flex-direction:column;flex:1;padding:var(--s4);min-width:0}.game-card__cat{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-xs);font-weight:500;color:var(--card-accent);margin-bottom:var(--s2)}.game-card__ico{display:block;width:15px;height:15px;flex:none}.game-card__ico svg{width:15px;height:15px;display:block}.game-card h3{font-size:var(--fs-base);font-weight:600;color:var(--ink);margin-bottom:var(--s1);letter-spacing:-.01em;text-wrap:balance}.game-card p{font-size:var(--fs-sm);line-height:1.55;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card__tags{display:flex;gap:var(--s1);margin-top:auto;padding-top:var(--s3);overflow:hidden;white-space:nowrap}.game-tag{font-size:var(--fs-xs);color:var(--ink-faint);white-space:nowrap}.game-tag+.game-tag:before{content:"·";margin-right:var(--s1);color:var(--line-strong)}.game-view{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:var(--s5)}.game-view.hidden{display:none!important}.game-topbar{display:flex;align-items:center;gap:var(--s3);width:100%;max-width:var(--content-max);padding-bottom:var(--s4);margin-bottom:var(--s4);border-bottom:1px solid var(--line)}.game-topbar__title{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--fs-md);font-weight:600;color:var(--ink);letter-spacing:-.015em;min-width:0}.game-topbar__icon{width:34px;height:34px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent, var(--accent)) 10%,transparent);color:var(--card-accent, var(--accent))}.game-topbar__icon svg{width:19px;height:19px}.game-topbar__actions{margin-left:auto;display:flex;gap:var(--s2);flex:none}.icon-btn{width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);display:grid;place-items:center;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.icon-btn:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.icon-btn svg{width:18px;height:18px}.game-canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--s3);width:100%;max-width:var(--content-max)}.game-canvas-wrap canvas{max-width:100%;border-radius:var(--r-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s5);border-radius:var(--r-md);border:1px solid transparent;font-size:var(--fs-base);font-weight:500;line-height:1.2;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast);-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.985)}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--quiet{background:var(--surface);border-color:var(--line);color:var(--ink-soft)}.btn--quiet:hover{border-color:var(--line-strong);color:var(--ink);background:var(--surface-hover)}.btn--sm{padding:var(--s2) var(--s4);font-size:var(--fs-sm)}.howto-overlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:#2c272352;opacity:0;transition:opacity var(--t-base)}.howto-overlay.is-open{opacity:1}.howto-card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);box-shadow:var(--shadow-float);transform:translateY(10px);transition:transform var(--t-base)}.howto-overlay.is-open .howto-card{transform:translateY(0)}.howto-card__head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.howto-card__icon{width:38px;height:38px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent, var(--accent)) 10%,transparent);color:var(--card-accent, var(--accent))}.howto-card__icon svg{width:20px;height:20px}.howto-card__head h3{font-size:var(--fs-md);font-weight:600}.howto-card__steps{list-style:none;display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s5)}.howto-card__steps li{display:flex;gap:var(--s3);font-size:var(--fs-sm);line-height:1.6;color:var(--ink-soft)}.howto-card__steps b{flex:none;width:22px;height:22px;border-radius:var(--r-full);background:var(--surface-sunk);color:var(--ink-soft);font-size:var(--fs-xs);font-weight:600;display:grid;place-items:center;margin-top:2px}.howto-card__btn{width:100%}.game-loading,.game-error{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);color:var(--ink-faint);font-size:var(--fs-sm);text-align:center;padding:var(--s6) var(--s4)}.game-loading__spinner{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--accent);animation:dcmSpin .8s linear infinite}@keyframes dcmSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.game-loading__spinner{animation:none}}.game-error svg{width:30px;height:30px;color:var(--ink-faint)}.game-error h3{font-size:var(--fs-md);font-weight:600;color:var(--ink)}.game-hud{display:flex;align-items:center;gap:var(--s4);width:100%;flex-wrap:wrap;font-size:var(--fs-sm);color:var(--ink-soft);font-weight:500}.game-hud span:first-child{color:var(--ink);font-weight:600}.game-hint{margin-left:auto;font-size:var(--fs-xs);color:var(--ink-faint)}.game-canvas-wrap .cm-app:not(:has(.gs)),.game-canvas-wrap .bw-app:not(:has(.gs)),.game-canvas-wrap .hb-app:not(:has(.gs)),.game-canvas-wrap .hc-app:not(:has(.gs)),.game-canvas-wrap .qb-app:not(:has(.gs)),.game-canvas-wrap .pf-app:not(:has(.gs)),.game-canvas-wrap .st-app:not(:has(.gs)),.game-canvas-wrap .memory-game:not(:has(.gs)),.game-canvas-wrap .pm-app:not(:has(.gs)),.game-canvas-wrap .nm-app:not(:has(.gs)),.game-canvas-wrap .vm-app:not(:has(.gs)),.game-canvas-wrap .ver-app:not(:has(.gs)),.game-canvas-wrap .bw-intro-card:not(:has(.gs)),.game-canvas-wrap .sch-intro-card:not(:has(.gs)),.game-canvas-wrap .sch-main-area:not(:has(.gs)),.game-canvas-wrap .pf-result-card:not(:has(.gs)),.game-canvas-wrap .pm-result:not(:has(.gs)),.game-canvas-wrap .vm-card:not(:has(.gs)),.game-canvas-wrap .ver-card:not(:has(.gs)),.game-canvas-wrap .nm-result-card:not(:has(.gs)),.game-canvas-wrap .vd-header:not(:has(.gs)),.game-canvas-wrap .vd-controls:not(:has(.gs)),.game-canvas-wrap .ws-top-controls:not(:has(.gs)),.game-canvas-wrap .ws-word-list:not(:has(.gs)),.game-canvas-wrap .ws-congrats:not(:has(.gs)),.game-canvas-wrap .rm-main-view:not(:has(.gs)),.game-canvas-wrap .mot-glass-card:not(:has(.gs)),.game-canvas-wrap .syl-type-card:not(:has(.gs)),.game-canvas-wrap .syl-settings:not(:has(.gs)),.game-canvas-wrap .syl-game-header:not(:has(.gs)),.game-canvas-wrap .syl-premise:not(:has(.gs)),.game-canvas-wrap .vd-result-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--ink)}.game-canvas-wrap .bw-grid,.game-canvas-wrap .hb-grid,.game-canvas-wrap .vm-grid,.game-canvas-wrap .ws-grid,.game-canvas-wrap .qb-tray,.game-canvas-wrap .cm-math-box,.game-canvas-wrap .sch-panel,.game-canvas-wrap .sch-top-bar,.game-canvas-wrap .st-instruction-box{background:var(--surface-sunk);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.game-canvas-wrap .bw-cluster,.game-canvas-wrap .hb-cell,.game-canvas-wrap .ws-cell,.game-canvas-wrap .sch-cell,.game-canvas-wrap .vd-card,.game-canvas-wrap .qb-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:none;color:var(--ink);transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast)}.game-canvas-wrap .bw-cluster:hover,.game-canvas-wrap .hb-cell:hover,.game-canvas-wrap .vd-card:hover,.game-canvas-wrap .sch-cell:hover{border-color:var(--accent-line);background:var(--accent-soft);transform:none}.game-canvas-wrap .bw-cluster.selected,.game-canvas-wrap .hb-cell.selected,.game-canvas-wrap .vd-card.found{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.game-canvas-wrap .vd-card.error{border-color:var(--bad);background:var(--bad-soft)}.game-canvas-wrap .bw-cluster.correct,.game-canvas-wrap .hb-cell.correct,.game-canvas-wrap .sch-cell.fb-correct,.game-canvas-wrap .sch-dropzone.fb-correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.game-canvas-wrap .bw-cluster.wrong,.game-canvas-wrap .hb-cell.wrong,.game-canvas-wrap .sch-cell.fb-wrong,.game-canvas-wrap .sch-dropzone.fb-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.game-canvas-wrap .cm-btn-primary,.game-canvas-wrap .bw-btn-primary,.game-canvas-wrap .hb-start-btn,.game-canvas-wrap .hc-btn-start,.game-canvas-wrap .qb-btn-start,.game-canvas-wrap .pf-btn-start,.game-canvas-wrap .st-btn-start,.game-canvas-wrap .nm-btn,.game-canvas-wrap .vm-btn,.game-canvas-wrap .sch-btn-primary,.game-canvas-wrap .pm-btn-primary,.game-canvas-wrap .mot-btn-main,.game-canvas-wrap .syl-start-btn,.game-canvas-wrap .syl-next-btn,.game-canvas-wrap .btn--primary{background:var(--card-accent, var(--accent));background-image:none;border:1px solid var(--card-accent, var(--accent));color:#fff;border-radius:var(--r-md);box-shadow:none;font-family:var(--font-sans);font-weight:500;font-size:var(--fs-base);letter-spacing:0;text-transform:none;padding:var(--s3) var(--s5);transition:background var(--t-fast),transform var(--t-fast)}.game-canvas-wrap .cm-btn-primary:hover,.game-canvas-wrap .bw-btn-primary:hover,.game-canvas-wrap .hb-start-btn:hover,.game-canvas-wrap .hc-btn-start:hover,.game-canvas-wrap .qb-btn-start:hover,.game-canvas-wrap .pf-btn-start:hover,.game-canvas-wrap .nm-btn:hover,.game-canvas-wrap .vm-btn:hover,.game-canvas-wrap .sch-btn-primary:hover,.game-canvas-wrap .pm-btn-primary:hover,.game-canvas-wrap .mot-btn-main:hover,.game-canvas-wrap .syl-start-btn:hover,.game-canvas-wrap .syl-next-btn:hover{filter:brightness(.92);transform:none;box-shadow:none}.game-canvas-wrap .cm-opt-btn,.game-canvas-wrap .cm-mode-btn,.game-canvas-wrap .hb-group-chip,.game-canvas-wrap .st-btn,.game-canvas-wrap .pf-btn,.game-canvas-wrap .pm-btn,.game-canvas-wrap .ver-btn-seen,.game-canvas-wrap .nm-btn-secondary,.game-canvas-wrap .sch-pill,.game-canvas-wrap .nm-pill,.game-canvas-wrap .hc-case,.game-canvas-wrap .hc-letter,.game-canvas-wrap .hc-mini,.game-canvas-wrap .qb-tool,.game-canvas-wrap .sch-top-btn,.game-canvas-wrap .rhy-ctl,.game-canvas-wrap .syl-back-menu,.game-canvas-wrap .btn--quiet{background:var(--surface);background-image:none;border:1px solid var(--line);color:var(--ink-soft);border-radius:var(--r-md);box-shadow:none;font-family:var(--font-sans);font-weight:500;text-transform:none;letter-spacing:0;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.game-canvas-wrap .cm-opt-btn:hover,.game-canvas-wrap .cm-mode-btn:hover,.game-canvas-wrap .hb-group-chip:hover,.game-canvas-wrap .st-btn:hover,.game-canvas-wrap .pf-btn:hover,.game-canvas-wrap .pm-btn:hover,.game-canvas-wrap .ver-btn-seen:hover,.game-canvas-wrap .sch-pill:hover,.game-canvas-wrap .nm-pill:hover,.game-canvas-wrap .hc-case:hover,.game-canvas-wrap .hc-letter:hover,.game-canvas-wrap .hc-mini:hover,.game-canvas-wrap .qb-tool:hover,.game-canvas-wrap .sch-top-btn:hover,.game-canvas-wrap .rhy-ctl:hover,.game-canvas-wrap .syl-back-menu:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft);transform:none;box-shadow:none}.game-canvas-wrap .cm-opt-btn.active,.game-canvas-wrap .cm-mode-btn.active,.game-canvas-wrap .hb-group-chip.active,.game-canvas-wrap .sch-pill.active,.game-canvas-wrap .nm-pill.active,.game-canvas-wrap .hc-case.active,.game-canvas-wrap .hc-letter.active,.game-canvas-wrap .pm-btn.active{background:var(--accent);background-image:none;border-color:var(--accent);color:#fff;box-shadow:none;transform:none}.game-canvas-wrap .pf-btn-different,.game-canvas-wrap .syl-btn-invalid{background:var(--surface);background-image:none;border:1px solid var(--line-strong);color:var(--ink);box-shadow:none}.game-canvas-wrap .pf-btn-identical,.game-canvas-wrap .syl-btn-valid{background:var(--accent);background-image:none;border:1px solid var(--accent);color:#fff;box-shadow:none}.game-canvas-wrap .pf-btn-different:hover,.game-canvas-wrap .syl-btn-invalid:hover{border-color:var(--ink);background:var(--surface-sunk)}.game-canvas-wrap .pf-btn-identical:hover,.game-canvas-wrap .syl-btn-valid:hover{background:var(--accent-hover)}.game-canvas-wrap input[type=text],.game-canvas-wrap input[type=number],.game-canvas-wrap select{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-sans);font-weight:400;box-shadow:none}.game-canvas-wrap input:focus,.game-canvas-wrap select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.game-canvas-wrap input[type=range]{accent-color:var(--accent)}.game-canvas-wrap h1,.game-canvas-wrap h2,.game-canvas-wrap h3{font-family:var(--font-sans);font-weight:600;letter-spacing:-.012em;color:var(--ink)}.game-canvas-wrap [style*=text-transform],.game-canvas-wrap .qb-label,.game-canvas-wrap .vm-stat-label,.game-canvas-wrap .ver-stat-label,.game-canvas-wrap .nm-result-label,.game-canvas-wrap .st-instruction-title,.game-canvas-wrap .mot-glass-card h3,.game-canvas-wrap .rm-target-label,.game-canvas-wrap .rm-choice-label{text-transform:none;letter-spacing:.01em}.game-canvas-wrap .ver-word{font-size:clamp(2rem,7vw,3.6rem);font-weight:600}.game-canvas-wrap .ver-title,.game-canvas-wrap .vm-title,.game-canvas-wrap .nm-title,.game-canvas-wrap .pm-title{font-size:clamp(1.5rem,5vw,2.1rem);font-weight:600}.game-canvas-wrap .st-word-display{font-weight:600}.game-canvas-wrap .cm-word-box{color:var(--ink);text-shadow:none;font-weight:600}.game-canvas-wrap .cm-status.correct,.game-canvas-wrap .pf-status.correct,.game-canvas-wrap .st-status.correct{color:var(--ok)}.game-canvas-wrap .cm-status.wrong,.game-canvas-wrap .pf-status.wrong,.game-canvas-wrap .st-status.wrong{color:var(--bad)}.game-canvas-wrap .pf-tip{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);border-radius:var(--r-md);padding:var(--s3) var(--s4);margin-bottom:var(--s5);font-size:var(--fs-sm);font-weight:500;text-align:center;max-width:42ch}.game-canvas-wrap [class$=-app]:has(.gs),.game-canvas-wrap [class$=-screen]:has(.gs),.game-canvas-wrap [class$=-container]:has(.gs),.game-canvas-wrap .memory-game:has(.gs),.game-canvas-wrap .syl-root:has(.gs){background:transparent;border:0;box-shadow:none;padding:0;min-height:0;align-items:stretch}.game-canvas-wrap .gs{--accent-ink: color-mix(in srgb, var(--card-accent, var(--accent)) 76%, #14100d);display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:var(--s6);align-items:start;width:100%;max-width:960px;margin:0 auto;padding:var(--s6);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.game-canvas-wrap .gs__art{color:var(--card-accent, var(--accent));border-radius:var(--r-md);overflow:hidden;background:var(--surface-sunk);line-height:0}.game-canvas-wrap .gs__art svg{width:100%;height:auto;display:block}.game-canvas-wrap .gs__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);min-width:0}.game-canvas-wrap .gs__intro{font-size:var(--fs-base);line-height:1.6;color:var(--ink-soft);max-width:46ch;margin:0;text-align:left}.game-canvas-wrap .gs__steps{list-style:none;display:flex;flex-direction:column;gap:var(--s3);margin:0;padding:0;width:100%}.game-canvas-wrap .gs__steps li{display:flex;align-items:flex-start;gap:var(--s3);font-size:var(--fs-sm);line-height:1.6;color:var(--ink);text-align:left;font-weight:400}.game-canvas-wrap .gs__steps li span{flex:none;width:22px;height:22px;margin-top:2px;border-radius:var(--r-full);background:color-mix(in srgb,var(--card-accent, var(--accent)) 12%,transparent);color:var(--accent-ink);font-size:var(--fs-xs);font-weight:600;display:grid;place-items:center}.game-canvas-wrap .gs__settings{width:100%;padding-top:var(--s4);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start}.game-canvas-wrap .gs__settings-label{font-size:var(--fs-xs);font-weight:600;color:var(--ink-faint)}.game-canvas-wrap .gs-sub{font-size:var(--fs-xs);font-weight:500;color:var(--ink-faint);margin-top:var(--s1)}.game-canvas-wrap .gs-sub:first-child{margin-top:0}.game-canvas-wrap .gs-check{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-sm);color:var(--ink);cursor:pointer}.game-canvas-wrap .gs-check input{accent-color:var(--card-accent, var(--accent));width:17px;height:17px}.game-canvas-wrap .gs-row select{flex:0 1 260px;padding:var(--s2) var(--s3);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-sm)}.game-canvas-wrap .gs-note{font-size:var(--fs-sm);color:var(--ink-soft);margin-top:var(--s1)}.game-canvas-wrap .gs-note b{font-weight:600;color:var(--ink)}.game-canvas-wrap .gs-chips{display:flex;flex-wrap:wrap;gap:var(--s2);width:100%}.game-canvas-wrap .gs-chip{padding:var(--s2) var(--s3);border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:500;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.game-canvas-wrap .gs-chip:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.game-canvas-wrap .gs-chip.active{border-color:var(--card-accent, var(--accent));background:color-mix(in srgb,var(--card-accent, var(--accent)) 10%,#fff);color:var(--accent-ink);font-weight:600}.game-canvas-wrap .gs-chip b{font-weight:600}.game-canvas-wrap .gs-chip small{display:block;font-size:.75em;opacity:.8;font-weight:400;margin-top:1px}.game-canvas-wrap .gs-row{display:flex;align-items:center;gap:var(--s3);width:100%;font-size:var(--fs-sm);color:var(--ink-soft)}.game-canvas-wrap .gs-row>label{flex:none;min-width:118px;font-weight:500;color:var(--ink)}.game-canvas-wrap .gs-row input[type=range]{flex:1;accent-color:var(--card-accent, var(--accent))}.game-canvas-wrap .gs-row output{flex:none;min-width:62px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.game-canvas-wrap .gs--wide{max-width:1100px}.game-canvas-wrap .gs--wide .gs__body{padding-bottom:var(--s2)}.game-canvas-wrap .gs__wide{grid-column:1 / -1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);padding-top:var(--s5);border-top:1px solid var(--line)}.game-canvas-wrap .gs__wide .gs__settings{border-top:none;padding-top:0}.game-canvas-wrap .gs__actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s1)}.game-canvas-wrap .gs__note{font-size:var(--fs-xs);color:var(--ink-faint);line-height:1.6;margin:0}.game-canvas-wrap .gs__action{padding:var(--s3) var(--s6);border-radius:var(--r-md);border:none;background:var(--card-accent, var(--accent));color:#fff;font-family:var(--font-sans);font-size:var(--fs-base);font-weight:500;transition:filter var(--t-fast),transform var(--t-fast)}.game-canvas-wrap .gs__action--ghost{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);font-weight:400}.game-canvas-wrap .gs__action--ghost:hover{border-color:var(--line-strong);color:var(--ink);filter:none}.game-canvas-wrap .gs__action:hover{filter:brightness(.92)}.game-canvas-wrap .gs__action:active{transform:scale(.985)}@media (max-width: 720px){.game-canvas-wrap .gs{grid-template-columns:1fr;gap:var(--s4);padding:var(--s4)}.game-canvas-wrap .gs__art{max-width:320px;margin:0 auto}.game-canvas-wrap .gs__actions{flex-direction:column}.game-canvas-wrap .gs__action{width:100%}.game-canvas-wrap .gs-row{flex-wrap:wrap}.game-canvas-wrap .gs-row>label{min-width:0;width:100%}}.game-canvas-wrap .game-hud{display:flex;align-items:center;gap:var(--s2) var(--s5);flex-wrap:wrap;width:100%;min-height:56px;padding:var(--s2) var(--s4);margin-bottom:var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.game-canvas-wrap .game-hud__end{margin-left:auto}.game-canvas-wrap .game-hud__stat{display:inline-flex;align-items:baseline;gap:.4rem;font-size:var(--fs-sm);font-weight:400;color:var(--ink-soft);line-height:1.2}.game-canvas-wrap .game-hud__stat b{font-size:var(--fs-md);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0}.game-canvas-wrap .game-hud__target{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:0 .85rem;border-radius:var(--r-md);background:color-mix(in srgb,var(--card-accent, var(--accent)) 10%,#fff);border:1px solid color-mix(in srgb,var(--card-accent, var(--accent)) 35%,#fff)}.game-canvas-wrap .game-hud__target>span{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.2}.game-canvas-wrap .game-hud__target>b{display:block;min-width:1.1em;font-size:1.5rem;line-height:1;font-weight:600;text-align:center;color:color-mix(in srgb,var(--card-accent, var(--accent)) 76%,#14100d)}@media (max-width: 560px){.game-canvas-wrap .game-hud{gap:var(--s2) var(--s3);padding:var(--s2) var(--s3)}.game-canvas-wrap .game-hud__stat{font-size:var(--fs-xs)}.game-canvas-wrap .game-hud__stat b{font-size:var(--fs-base)}}.lives{display:inline-flex;align-items:center;gap:3px;color:var(--bad);vertical-align:middle}.lives svg{width:17px;height:17px;display:block}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 700px){:root{--fs-base: 1rem}.masthead__inner{padding:var(--s4);gap:var(--s3)}.brand__mark{width:38px;height:38px}.brand__mark img{width:28px;height:28px}.brand__name{font-size:var(--fs-base)}.brand__tagline,.masthead__link span{display:none}.masthead__link{padding:var(--s2)}.section{padding:0 var(--s4) var(--s7)}.catalog-head{padding:var(--s5) 0 var(--s4)}.catalog-head h1{font-size:var(--fs-md)}.catalog-head p{font-size:var(--fs-sm)}.games-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:var(--s4);margin-bottom:var(--s4)}.games-filter::-webkit-scrollbar{display:none}.games-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s3)}.game-card{border-radius:var(--r-md)}.game-card__text{padding:var(--s3)}.game-card__cat{font-size:.75rem;margin-bottom:var(--s1)}.game-card__ico,.game-card__ico svg{width:13px;height:13px}.game-card h3{font-size:var(--fs-sm);line-height:1.3}.game-card p{font-size:.8125rem;-webkit-line-clamp:2}.game-card__tags{display:none}.filter-chip{padding:var(--s2) var(--s3)}.game-view{padding-top:var(--s4)}.game-topbar{padding-bottom:var(--s3);margin-bottom:var(--s3)}.game-topbar__title{font-size:var(--fs-base)}.game-topbar__icon{width:30px;height:30px}}@media (max-width: 380px){.games-grid{grid-template-columns:1fr 1fr}}