:root{color:#292747;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f3ff;font-family:Inter,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}.page-shell{background:radial-gradient(circle at 15% 15%,#fff4b8 0 8%,#0000 9%),radial-gradient(circle at 85% 82%,#c9f4e3 0 10%,#0000 11%),linear-gradient(145deg,#f5f3ff,#e9f4ff);place-items:center;min-height:100vh;padding:2rem;display:grid}.skip-link{z-index:10;color:#fff;background:#292747;border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.home,.not-found{text-align:center;background:#ffffffd1;border:3px solid #ffffffbf;border-radius:2rem;width:min(100%,44rem);padding:clamp(2rem,6vw,4rem);box-shadow:0 1.5rem 4rem #463c9624}.home__mascot,.not-found__icon{font-size:clamp(4rem,12vw,7rem);display:block}.eyebrow{color:#6558f5;margin:1rem 0 .25rem;font-weight:800}h1{margin:0;font-size:clamp(2.5rem,8vw,4.75rem);line-height:1}.home__intro{max-width:28rem;margin:1.25rem auto 2rem;font-size:1.25rem;line-height:1.5}.home__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.button{border:.18rem solid #0000;border-radius:1rem;justify-content:center;align-items:center;min-height:3.5rem;padding:.8rem 1.75rem;font-size:1.15rem;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:focus-visible{outline-offset:.2rem;outline:.25rem solid #ffbd2e}.button--primary{color:#fff;background:#6558f5;box-shadow:0 .45rem #493ed0}.button--secondary{color:#493ed0;background:#fff;border-color:#6558f5}.home__status{color:#625f78;margin:2rem 0 0}.content-page,.game-page{background:#ffffffe6;border-radius:2rem;width:min(100%,60rem);padding:clamp(1.5rem,5vw,3rem);box-shadow:0 1.5rem 4rem #463c9624}.back-link{color:#493ed0;margin-bottom:1rem;font-weight:800;display:inline-block}.page-title,.game-title{font-size:clamp(2rem,6vw,3.5rem)}.game-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.25rem;margin-top:2rem;display:grid}.game-card{text-align:center;background:#fff;border:.2rem solid #d8d3ff;border-radius:1.5rem;gap:.5rem;padding:1.5rem;text-decoration:none;display:grid}.game-card:hover,.game-card:focus-visible{border-color:#6558f5;transform:translateY(-2px)}.game-card__icon{font-size:4rem}.game-card strong{font-size:1.3rem}.game-card span:last-child{color:#625f78}.game-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.game-progress{gap:.2rem;font-size:clamp(1.2rem,4vw,2rem);display:flex}.timed-score{gap:.75rem;font-size:clamp(1.1rem,4vw,1.6rem);font-weight:900;display:flex}.timed-score span{text-align:center;background:#f1efff;border-radius:999px;min-width:5.5rem;padding:.45rem .75rem}.game-title{margin-top:.5rem}.target-board{cursor:crosshair;background:linear-gradient(#dff5ff,#f9fdff);border:.25rem solid #c9c3ff;border-radius:1.5rem;height:min(55vh,30rem);min-height:20rem;position:relative;overflow:hidden}.star-target{cursor:pointer;background:#fff3a6;border:0;border-radius:50%;width:5rem;height:5rem;padding:0;font-size:3rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .35rem #e2bb38}.star-target:hover{transform:translate(-50%,-50%)scale(1.08)}.star-target:focus-visible{outline-offset:.2rem;outline:.3rem solid #6558f5}.colored-star{filter:drop-shadow(0 .3rem #29274740);cursor:pointer;background:0 0;border:0;width:5rem;height:5rem;padding:0;font-size:5rem;line-height:1;position:absolute;transform:translate(-50%,-50%)}.colored-star--yellow{color:#f2c230}.colored-star--orange{color:#ed841f}.colored-star--red{color:#df3c4f}.colored-star:focus-visible{outline-offset:.2rem;border-radius:50%;outline:.3rem solid #6558f5}.color-instructions{flex-wrap:wrap;gap:.6rem 1.25rem;padding:0;font-weight:800;list-style:none;display:flex}.color-instructions li{align-items:center;gap:.4rem;display:flex}.color-dot{border-radius:50%;width:1rem;height:1rem}.color-dot--yellow{background:#f2c230}.color-dot--orange{background:#ed841f}.color-dot--red{background:#df3c4f}.gentle-feedback{color:#625f78;text-align:center;min-height:1.5rem;font-weight:700}.drag-board{touch-action:none;background:linear-gradient(#0000 72%,#bce2a7 72%),linear-gradient(#dff5ff,#f9fdff);border:.25rem solid #b4dfb9;border-radius:1.5rem;height:min(55vh,30rem);min-height:20rem;position:relative;overflow:hidden}.apple-target{z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:0;border-radius:50%;width:5.5rem;height:5.5rem;padding:0;font-size:3.4rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 .4rem #d7d3ca}.apple-target--dragging{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.apple-target:focus-visible{outline-offset:.2rem;outline:.3rem solid #6558f5}.basket-target{color:#69400e;background:#fff8dbd9;border:.25rem dashed #9b641f;border-radius:1.25rem;justify-items:center;min-width:8rem;padding:.75rem 1rem;display:grid;position:absolute;bottom:8%;right:6%}.basket-target span{font-size:5rem;line-height:1}.keyboard-game{text-align:center}.keyboard-game .game-header{text-align:left}.keyboard-prompt{color:#493ed0;margin:1.5rem 0;font-size:clamp(6rem,25vw,12rem);line-height:.9}.key-hint{aspect-ratio:1;background:#fff;border:.35rem solid #292747;border-radius:1.5rem;place-items:center;width:min(12rem,55vw);margin:1rem auto 2rem;display:grid;box-shadow:0 .65rem #c9c5d8}.key-hint span{font-size:clamp(4rem,18vw,8rem);font-weight:900}.keyboard-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:38rem;margin:2rem auto 0;display:grid}.keyboard-variant{color:#292747;cursor:pointer;background:#fff;border:.2rem solid #d8d3ff;border-radius:1.5rem;place-content:center;gap:.5rem;min-height:8rem;display:grid}.keyboard-variant:hover,.keyboard-variant:focus-visible{background:#f7f5ff;border-color:#6558f5}.keyboard-variant:focus-visible{outline-offset:.2rem;outline:.25rem solid #ffbd2e}.keyboard-variant span{color:#493ed0;font-size:clamp(2rem,7vw,3rem);font-weight:900}.keyboard-variant strong{font-size:1.15rem}.falling-letter-board{background:radial-gradient(circle at 18% 15%,#fff 0 4%,#0000 4.5%),radial-gradient(circle at 78% 25%,#fff 0 3%,#0000 3.5%),linear-gradient(#dff5ff,#f9fdff 78%,#def0c8 78%);border:.25rem solid #c9c3ff;border-radius:1.5rem;height:min(60vh,34rem);min-height:22rem;position:relative;overflow:hidden}.falling-letter{z-index:1;color:#493ed0;background:#fff;border:.2rem solid #493ed0;border-radius:1.2rem;place-items:center;width:4.5rem;height:4.5rem;font-size:2.7rem;font-weight:900;animation-name:letter-fall;animation-timing-function:linear;animation-fill-mode:forwards;display:grid;position:absolute;top:-4rem;transform:translate(-50%);box-shadow:0 .4rem #c9c5d8}.falling-letter-ground{border-top:.2rem dashed #83aa69;height:22%;position:absolute;bottom:0;left:0;right:0}@keyframes letter-fall{0%{top:-4rem}to{top:calc(78% - 4.5rem)}}.typing-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:38rem;margin:2rem auto 0;display:grid}.typing-level{color:#292747;cursor:pointer;background:#fff;border:.2rem solid #d8d3ff;border-radius:1.5rem;place-content:center;gap:.5rem;min-height:11rem;display:grid}.typing-level:hover,.typing-level:focus-visible{background:#f7f5ff;border-color:#6558f5}.typing-level:focus-visible{outline-offset:.2rem;outline:.25rem solid #ffbd2e}.typing-level span{font-size:3rem}.typing-level strong{font-size:1.35rem}.typing-level small{color:#625f78;font-size:1rem}.karaoke-reader{text-align:left;white-space:pre-wrap;background:#fff;border:.2rem solid #d8d3ff;border-radius:1.5rem;min-height:10rem;margin-top:2rem;padding:clamp(1.25rem,4vw,2.5rem);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:750;line-height:1.65}.karaoke-reader__typed{color:#29a06b}.karaoke-reader__current{color:#292747;text-align:center;background:#fff3a6;border-radius:.25rem;min-width:.65em;display:inline-block}.karaoke-next{opacity:0;text-align:left;background:#f1efff;border-radius:1rem;min-height:6rem;margin-top:1rem;padding:1rem 1.25rem;transition:opacity .3s}.karaoke-next--visible{opacity:1}.karaoke-next span{color:#6558f5;text-transform:uppercase;font-size:.85rem;font-weight:900}.karaoke-next p{color:#625f78;margin:.35rem 0 0;font-size:1.15rem;line-height:1.45}.typing-errors{color:#625f78;margin-bottom:0;font-weight:800}.maze-board{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#e9f7ff;border:.3rem solid #292747;border-radius:1.25rem;height:min(62vh,34rem);min-height:24rem;position:relative;overflow:hidden}.maze-board--active{cursor:none}.maze-wall{z-index:2;pointer-events:none;background:repeating-linear-gradient(45deg,#6558f5 0 .7rem,#493ed0 .7rem 1.4rem);border-radius:.35rem;position:absolute;box-shadow:inset 0 0 0 .15rem #29274747}.maze-start,.maze-finish{z-index:1;pointer-events:none;border-radius:.85rem;place-items:center;font-weight:900;display:grid;position:absolute}.maze-start{color:#176440;background:#b9efce;font-size:clamp(.55rem,1.7vw,.9rem)}.maze-finish{background:#fff3a6;font-size:clamp(1.5rem,5vw,2.6rem)}.maze-level-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.maze-level-grid button{color:#292747;cursor:pointer;background:#fff;border:.2rem solid #d8d3ff;border-radius:1.25rem;place-content:center;gap:.65rem;min-height:9rem;padding:1rem;display:grid}.maze-level-grid button:hover,.maze-level-grid button:focus-visible{background:#f7f5ff;border-color:#6558f5}.maze-level-grid button:focus-visible{outline-offset:.2rem;outline:.25rem solid #ffbd2e}.maze-level-grid strong{color:#493ed0;font-size:1.35rem}.maze-level-grid span{color:#625f78;line-height:1.4}.road-game{overscroll-behavior:contain;touch-action:none;background:#85d1f2;border:.3rem solid #292747;border-radius:1.5rem;height:min(62vh,34rem);min-height:24rem;position:relative;overflow:hidden}.road-sky{background:radial-gradient(circle at 18% 25%,#fff 0 5%,#0000 5.5%),radial-gradient(circle at 72% 18%,#fff 0 7%,#0000 7.5%),linear-gradient(#72c8ee,#dff5ff);position:absolute;inset:0 0 56%}.road-sun{font-size:3rem;position:absolute;top:8%;right:8%}.road-surface{z-index:1;clip-path:polygon(43% 0,57% 0,88% 100%,12% 100%);transform-origin:50% 0;background:repeating-linear-gradient(#0000 0 2.5rem,#fff 2.5rem 4rem,#0000 4rem 7rem) 50%/.45rem 7rem repeat-y,linear-gradient(90deg,#787b83,#4e5158 48% 52%,#787b83);width:120%;transition:transform .18s linear;position:absolute;top:34%;bottom:-8%;left:-10%}.road-game:after{content:"";background:#71bd68;height:58%;position:absolute;bottom:0;left:0;right:0}.road-car{z-index:3;filter:drop-shadow(0 .35rem #2927474d);font-size:clamp(3.5rem,10vw,5.5rem);transition:left .1s ease-out;position:absolute;bottom:7%;transform:translate(-50%)}.road-start-panel{z-index:4;text-align:center;background:#ffffffeb;border-radius:1.5rem;align-content:center;place-items:center;gap:1rem;padding:1.5rem;display:grid;position:absolute;inset:16% 10%;box-shadow:0 1rem 3rem #2927473d}.road-start-panel>span{font-size:4rem}.road-start-panel strong{font-size:1.25rem}.road-departures{color:#625f78;text-align:center;margin-bottom:0;font-weight:800}.maze-player{z-index:3;pointer-events:none;background:#ed4960;border:.18rem solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .18rem #a51e35}.results{text-align:center}.results__stars{font-size:clamp(3rem,10vw,6rem);display:block}.points-awarded{color:#765500;background:#fff3a6;border-radius:999px;width:fit-content;margin:1.5rem auto;padding:.75rem 1.25rem;font-size:1.5rem;font-weight:900}.record-banner{color:#765500;margin:1.25rem 0 0;font-size:1.35rem;font-weight:900}.result-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;margin:2rem 0;display:grid}.result-grid div{background:#f1efff;border-radius:1.25rem;padding:1.25rem}.result-grid dt{color:#625f78;font-weight:700}.result-grid dd{color:#493ed0;margin:.35rem 0 0;font-size:2rem;font-weight:900}.empty-state{text-align:center;justify-items:center;gap:1rem;padding:2rem;display:grid}.empty-state span{font-size:4rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}@media (width<=30rem){.page-shell{padding:1rem}.home,.not-found{border-radius:1.5rem;padding:2rem 1.25rem}.home__actions,.button{width:100%}.keyboard-variant-grid,.typing-level-grid,.maze-level-grid{grid-template-columns:1fr}}