:root{color-scheme:light;font-family:Atkinson Hyperlegible,Verdana,Geneva,sans-serif;font-size:16px;line-height:1.5;font-synthesis:none;--paper: #f7f2e8;--surface: #fffcf5;--ink: #17211b;--muted: #526058;--blue: #1746a2;--blue-dark: #103477;--red: #c83b2d;--green: #18794e;--yellow: #f3bf3b;--lavender: #d9d3f8;--line: 2px solid var(--ink);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}[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}.skip-link{position:fixed;z-index:100;left:12px;top:12px;padding:10px 14px;background:var(--ink);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{padding:18px 0}.nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{min-height:44px;display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800}.brand-mark{width:38px;height:38px;border:var(--line);border-radius:10px;background:var(--blue);position:relative;box-shadow:3px 3px 0 var(--ink)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;height:6px;background:#fff;left:7px}.brand-mark:before{top:9px;width:16px}.brand-mark:after{bottom:9px;left:14px;width:16px}.nav-links{display:flex;align-items:center;gap:8px}.text-link{color:var(--ink);font-weight:700;padding:10px;min-height:44px;display:inline-flex;align-items:center}.hero{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:570px;gap:20px;padding:28px 0 56px}.eyebrow{color:var(--red);font-weight:900;letter-spacing:.09em;text-transform:uppercase;font-size:.78rem}h1,h2,h3{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;margin:0;line-height:1.1}h1{font-size:clamp(2.8rem,6.2vw,5.3rem);max-width:10ch;letter-spacing:-.055em}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:1.3rem}.hero-copy>p:not(.eyebrow){font-size:1.15rem;max-width:58ch;color:var(--muted);margin:22px 0 28px}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.action-note{color:var(--muted);font-size:.92rem;margin:12px 0 0!important}.plain-facts{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:18px 0 0;list-style:none;color:var(--ink);font-size:.88rem;font-weight:800}.plain-facts li:before{content:"◆";color:var(--red);margin-right:6px}.hero-art{position:relative}.hero-art:before{content:"6 games";position:absolute;z-index:1;top:4%;right:4%;background:var(--yellow);border:var(--line);border-radius:50%;width:88px;height:88px;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(8deg);box-shadow:4px 4px 0 var(--ink)}.hero-art img{display:block;aspect-ratio:3 / 2;object-fit:cover;mix-blend-mode:multiply}.button{min-height:48px;border:var(--line);border-radius:10px;padding:10px 18px;background:var(--surface);color:var(--ink);font-weight:800;box-shadow:3px 3px 0 var(--ink);text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px}.button:hover{background:#fff}.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button.primary{background:var(--blue);color:#fff}.button.primary:hover{background:var(--blue-dark)}.button.danger{color:#9d2e23}.button.small{min-height:44px;padding:8px 13px;font-size:.92rem}.button:disabled{cursor:not-allowed;opacity:.48;transform:none;box-shadow:2px 2px 0 var(--muted)}.maker-wrap{padding:72px 0;position:relative}.maker-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,33,27,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,27,.06) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.maker{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:36px}.section-intro{margin-bottom:22px}.section-intro p{color:var(--muted);max-width:64ch}.field{margin-bottom:18px}label,.label{font-weight:850;display:block;margin-bottom:7px}.label-help{display:block;color:var(--muted);font-size:.86rem;font-weight:400;margin-top:3px}input,textarea{width:100%;border:var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:13px 14px}textarea{min-height:270px;resize:vertical;line-height:1.6}input:focus,textarea:focus{border-color:var(--blue)}.field-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.status{min-height:28px;margin:12px 0;color:var(--muted)}.status.error{color:#9d2e23;font-weight:700}.status.good{color:var(--green);font-weight:700}.share-limit{color:#765000;font-size:.9rem;font-weight:700;line-height:1.45;margin:12px 0 0}.share-tools{border-top:2px dashed var(--ink);margin-top:20px;padding-top:18px}.share-tools h3{font-size:1.1rem}.share-tools>p:not(.share-limit){color:var(--muted);font-size:.9rem;margin:7px 0 12px;max-width:62ch}.offline-banner{background:var(--yellow);border-block:var(--line);padding:9px 20px;text-align:center;font-weight:800}.demo-banner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:8px 20px;background:var(--lavender);border-bottom:var(--line);color:var(--ink);font-size:.9rem}.demo-actions{display:inline-flex;align-items:center;gap:8px}.text-button{min-width:44px;min-height:44px;border:0;border-bottom:2px solid currentColor;padding:8px 4px;background:transparent;color:var(--ink);font:inherit;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.text-button:hover{color:var(--blue-dark)}.game-shelf{align-self:start}.shelf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.count-pill{border:var(--line);border-radius:999px;padding:3px 10px;background:var(--surface);font-size:.85rem;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-card{min-height:164px;text-align:left;border:var(--line);border-radius:18px 18px 12px 12px;background:var(--surface);color:var(--ink);padding:18px;box-shadow:4px 4px 0 var(--ink);position:relative;overflow:hidden}.game-card:after{content:"";position:absolute;width:74px;height:74px;right:-18px;bottom:-26px;background:var(--shape-color, var(--lavender));transform:rotate(32deg);border:var(--line)}.game-card:hover:not(:disabled){transform:translateY(-3px)}.game-card:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.game-card strong,.game-card span{display:block;position:relative;z-index:1}.game-card strong{font:850 1.14rem/1.2 Arial Rounded MT Bold,Trebuchet MS,sans-serif;margin:10px 0 6px}.game-card span{color:var(--muted);font-size:.88rem;max-width:24ch}.game-number{width:30px;height:30px;border:var(--line);border-radius:50%;display:grid!important;place-items:center;background:var(--yellow);font-weight:900;color:var(--ink)!important}.how{padding:72px 0 90px}.how-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:34px 0 0;counter-reset:steps}.how-list li{counter-increment:steps}.how-list li:before{content:"0" counter(steps);font:900 2.2rem/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif;color:var(--blue);display:block;margin-bottom:12px}.how-list p{color:var(--muted)}.site-footer{border-top:var(--line);padding:28px 0 42px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:start}.footer-inner p{margin:0;color:var(--muted);max-width:65ch;font-size:.88rem}.footer-links{display:flex;gap:12px;white-space:nowrap}.not-found{min-height:60vh;padding:clamp(72px,13vw,150px) 0}.not-found h1{max-width:13ch}.not-found p:not(.eyebrow){max-width:48ch;color:var(--muted);font-size:1.1rem;margin:22px 0 28px}.play-page{min-height:100vh}.play-toolbar{border-bottom:var(--line);border-top:1px dashed var(--muted);background:var(--surface)}.play-nav{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.play-nav .inline-actions{justify-content:end}.game-title{text-align:center}.game-title h1{font-size:clamp(1rem,2vw,1.35rem);max-width:none;letter-spacing:0}.game-title span{display:block;color:var(--muted);font-size:.76rem;font-weight:700}.play-main{padding:34px 0 80px}.play-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.progress-wrap{flex:1}.progress-label{display:flex;justify-content:space-between;font-weight:800;font-size:.9rem;margin-bottom:7px}.progress{height:14px;border:var(--line);background:var(--surface);overflow:hidden}.progress>span{display:block;height:100%;width:var(--progress, 0%);background:var(--green);transition:width .22s ease}.score-box{min-width:104px;border:var(--line);background:var(--yellow);padding:8px 14px;text-align:center;box-shadow:3px 3px 0 var(--ink);font-weight:900}.game-stage{min-height:500px;border:var(--line);background:var(--surface);padding:clamp(20px,4vw,48px);position:relative;box-shadow:6px 6px 0 var(--ink)}.game-stage h2{text-align:center;max-width:28ch;margin:0 auto 12px}.prompt{color:var(--muted);text-align:center;font-size:1.1rem;max-width:64ch;margin:0 auto 28px}.live-message{text-align:center;min-height:30px;margin:18px 0 0;font-weight:850}.live-message.good{color:var(--green)}.live-message.bad{color:#9d2e23}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:820px;margin-inline:auto}.choice{min-height:76px;border:var(--line);background:var(--paper);border-radius:12px;color:var(--ink);padding:14px;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.choice:hover:not(:disabled){background:#fff}.choice.correct{background:#d8efdf;border-color:var(--green)}.choice.wrong{background:#f8d8d2;border-color:var(--red)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto}.match-column{display:grid;align-content:start;gap:10px}.match-tile{min-height:58px;border:var(--line);border-radius:999px;padding:10px 16px;background:var(--paper);color:var(--ink);font-weight:750}.match-tile.selected{background:var(--yellow)}.match-tile.matched{background:#d8efdf;border-color:var(--green);opacity:.62;text-decoration:line-through}.anagram-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:25px auto 30px}.letter-tile{min-width:48px;min-height:54px;display:grid;place-items:center;border:var(--line);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font:900 1.35rem/1 Arial Rounded MT Bold,Trebuchet MS,sans-serif;transform:rotate(var(--tilt, 0deg))}.answer-form{max-width:520px;margin:auto;display:flex;gap:12px}.answer-form input{text-align:center;font-size:1.25rem}.word-rail{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:28px 0}.word-rail>[aria-hidden=true]{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.word-slot{width:34px;border-bottom:4px solid var(--ink);min-height:42px;text-align:center;font:900 1.5rem/1.4 Arial Rounded MT Bold,Trebuchet MS,sans-serif}.letter-grid{display:grid;grid-template-columns:repeat(9,48px);justify-content:center;gap:8px}.letter-button{width:48px;height:48px;border:var(--line);background:var(--paper);color:var(--ink);border-radius:8px;font-weight:900}.letter-button:disabled{opacity:.3;cursor:default}.reveal-answer{margin-top:24px}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:900px;margin:auto}.memory-card{min-height:112px;border:var(--line);border-radius:12px;background:var(--blue);color:#fff;padding:12px;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.memory-card.open{background:var(--paper);color:var(--ink)}.memory-card.matched{background:#d8efdf;color:var(--ink);border-color:var(--green)}.memory-card .card-kind{display:block;font-size:.7rem;text-transform:uppercase;color:inherit;opacity:.72;margin-bottom:6px}.race-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:600px;margin:0 auto 30px}.race-step{height:22px;border:var(--line);background:var(--paper);transform:skew(-12deg)}.race-step.done{background:var(--red)}.finish{text-align:center;max-width:560px;margin:60px auto}.finish-shape{width:120px;height:120px;background:var(--yellow);border:var(--line);margin:0 auto 28px;display:grid;place-items:center;border-radius:50% 12%;box-shadow:6px 6px 0 var(--ink);font-size:3rem}.finish p{color:var(--muted);font-size:1.1rem}.finish .inline-actions{justify-content:center;margin-top:24px}.toast{position:fixed;z-index:50;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;box-shadow:4px 4px 0 var(--yellow);font-weight:800}.update-toast{width:min(calc(100% - 32px),430px);display:flex;align-items:center;justify-content:space-between;gap:12px}.update-toast .button{flex:0 0 auto;background:var(--yellow);color:var(--ink);box-shadow:none}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0;padding-top:36px;position:relative;overflow:hidden}.hero-art{position:absolute;z-index:0;width:620px;top:-10px;left:34%;opacity:.13;pointer-events:none}.hero-art:before{display:none}.hero-copy{position:relative;z-index:1;padding:42px 0}.maker{grid-template-columns:1fr}.how-list{grid-template-columns:1fr;gap:12px}.play-nav{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"back actions" "title title";gap:6px 8px;padding:8px 0}.play-nav #back-home{grid-area:back;justify-self:start}.play-nav .game-title{grid-area:title}.play-nav .inline-actions{grid-area:actions}.play-nav .button.small{padding-inline:8px;font-size:.82rem}.play-nav .inline-actions{gap:6px}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.letter-grid{grid-template-columns:repeat(7,44px)}.letter-button{width:44px;height:44px}}@media(max-width:520px){.shell{width:min(100% - 24px,1180px)}.nav-links{gap:2px}.nav-links .text-link:nth-child(2){display:none}.nav-links .text-link{padding-inline:7px}.hero{padding-top:20px}.hero-copy{padding:30px 0 42px}h1{font-size:clamp(2.7rem,15vw,4.2rem)}.hero-actions .button{width:100%}.plain-facts{display:grid;grid-template-columns:1fr;gap:6px}.maker-wrap,.how{padding:52px 0}.field-row,.game-grid{grid-template-columns:1fr}.game-card{min-height:138px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap;gap:4px}.play-nav{min-height:64px}.game-title h1{font-size:1rem}.play-meta{align-items:stretch}.score-box{min-width:84px}.game-stage{min-height:480px;padding:22px 14px;box-shadow:4px 4px 0 var(--ink)}.choice-grid,.match-grid{grid-template-columns:1fr;gap:10px}.match-column+.match-column{margin-top:12px}.answer-form{flex-direction:column}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.memory-card{min-height:94px;font-size:.86rem;padding:8px}.letter-grid{grid-template-columns:repeat(6,44px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.game-card:hover:not(:disabled),.button:active{transform:none}}@media print{.site-header,.hero-art,.hero-actions,.site-footer,.play-header{display:none}}