*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--gk-font);color:var(--gk-ink);background:var(--gk-sky);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}button,input{font:inherit;color:inherit}.screen{min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative;overflow-x:hidden}.screen>:not(.scenery){z-index:1;position:relative}.scenery{background:linear-gradient(var(--gk-sky-deep), var(--gk-sky) 60%);z-index:0;position:fixed;inset:0;overflow:hidden}.scenery__sun{width:clamp(80px,14vw,150px);position:absolute;top:3%;right:4%}.scenery__cloud{width:clamp(100px,16vw,200px);animation:40s linear infinite drift;position:absolute}.scenery__cloud--a{top:8%;left:-20%}.scenery__cloud--b{width:clamp(70px,11vw,140px);animation-duration:55s;animation-delay:-20s;top:24%;left:-20%}.scenery__cloud--c{animation-duration:70s;animation-delay:-45s;top:40%;left:-20%}@keyframes drift{to{transform:translate(140vw)}}.scenery__hills{width:104%;height:22vh;position:absolute;bottom:0;left:-2%}@media (prefers-reduced-motion:reduce){.scenery__cloud{animation:none;left:10%}.scenery__cloud--b{left:60%}}.screen-message{text-align:center;place-content:center;min-height:100dvh;font-size:1.75rem;font-weight:600;display:grid}.loading-star{font-size:4rem;animation-iteration-count:infinite;display:inline-block}.logo{letter-spacing:.02em;margin:.5rem 0 1rem;font-size:clamp(3rem,12vw,5.5rem);font-weight:700;line-height:1}.logo span{-webkit-text-stroke:3px var(--gk-ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--gk-ink);animation:2.4s ease-in-out infinite letter-bob;display:inline-block}.logo span:nth-child(odd){animation-delay:-1.2s}@keyframes letter-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-6px)rotate(3deg)}}.login__card{flex-direction:column;gap:1rem;width:min(440px,100%);padding:1.25rem 1.5rem 1.5rem;display:flex}.login__tabs{border:3px solid var(--gk-ink);background:#e7f5ff;border-radius:999px;grid-template-columns:1fr 1fr;gap:.5rem;padding:4px;display:grid}.login__tab{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem;font-size:1rem;font-weight:600}.login__tab--active{background:var(--gk-yellow);box-shadow:inset 0 0 0 3px var(--gk-ink)}.login__label{flex-direction:column;gap:.4rem;font-size:1.15rem;font-weight:600;display:flex}.login__input{border:var(--gk-outline);background:#fff;border-radius:18px;outline:none;width:100%;padding:.4rem 1rem;font-size:1.75rem;font-weight:600}.login__input:focus{border-color:var(--gk-blue);box-shadow:0 0 0 4px #a5d8ff}.login__avatars{border:none;grid-template-columns:repeat(4,1fr);justify-items:center;gap:.5rem;margin:0;padding:0;display:grid}.login__avatars legend{margin-bottom:.4rem;font-size:1.15rem;font-weight:600}.login__avatar{cursor:pointer;background:0 0;border:3px solid #0000;border-radius:50%;padding:2px;transition:transform .12s}.login__avatar--active{border-color:var(--gk-ink);box-shadow:0 4px 0 var(--gk-ink);transform:scale(1.12)}.login__error{border:3px solid var(--gk-red);text-align:center;background:#fff5f5;border-radius:18px;margin:0;padding:.6rem 1rem;font-weight:600}.login__go{font-size:1.75rem}.pinpad{flex-direction:column;align-items:center;gap:.9rem;display:flex}.pinpad__dots{gap:.9rem;display:flex}.pinpad__dot{border:var(--gk-outline);background:#fff;border-radius:50%;width:26px;height:26px;transition:background .12s,transform .12s}.pinpad__dot--filled{background:var(--gk-purple);transform:scale(1.15)}.pinpad__keys{grid-template-columns:repeat(3,1fr);gap:.7rem;width:100%;max-width:320px;display:grid}.pinpad__key{aspect-ratio:1.35;border-radius:22px;padding:0;font-size:2rem}.dashboard__header{justify-content:space-between;align-items:center;gap:1rem;width:min(1100px,100%);display:flex}.dashboard__hello{background:var(--gk-paper);border:var(--gk-outline);box-shadow:var(--gk-shadow);border-radius:999px;align-items:center;gap:.75rem;padding:.3rem 1.5rem .3rem .3rem;display:flex}.dashboard__hi{margin:0;font-size:1rem}.dashboard__name{margin:0;font-size:clamp(1.4rem,4vw,2rem);line-height:1.1}.dashboard__prompt{color:#fff;-webkit-text-stroke:2px var(--gk-ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--gk-ink);text-align:center;margin:2rem 0 1.25rem;font-size:clamp(1.6rem,5vw,2.6rem)}.dashboard__tiles{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:1.5rem;width:min(1100px,100%);margin:0;padding:0 0 4rem;list-style:none;display:grid}.tile{border:var(--gk-outline);border-radius:var(--gk-radius);width:100%;height:100%;min-height:250px;box-shadow:0 8px 0 var(--gk-ink);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1.25rem 1rem;transition:transform .12s;display:flex;position:relative}button.tile:hover{transform:translateY(-4px)rotate(-1deg)}button.tile:active{box-shadow:0 3px 0 var(--gk-ink);transform:translateY(4px)}button.tile:focus-visible{outline-offset:4px;outline:5px dashed #fff}.tile__art{border:var(--gk-outline);background:#ffffff8c;border-radius:50%;place-items:center;width:140px;height:140px;display:grid}.tile__title{color:#fff;-webkit-text-stroke:2px var(--gk-ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--gk-ink);font-size:1.9rem;font-weight:700}.tile__tagline{font-size:1.1rem;font-weight:600}.tile__badge{background:var(--gk-yellow);border:3px solid var(--gk-ink);border-radius:999px;padding:.15rem .7rem;font-weight:700;position:absolute;top:-14px;right:-10px;rotate:8deg}.tile--soon{box-shadow:none;cursor:default;background:#ffffff73;border-style:dashed}.tile__art--soon{color:#2b2d4280;border-style:dashed;font-size:4rem;font-weight:700}.game-modal{width:min(560px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--gk-ink);padding:0;overflow:auto}.game-modal[open]{animation:.32s cubic-bezier(.2,1.5,.4,1) modal-in}.game-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2b2d428c}@keyframes modal-in{0%{opacity:0;transform:scale(.7)translateY(40px)}}.game-modal__art{border-bottom:var(--gk-outline);place-items:center;padding:1.5rem;display:grid}.game-modal__body{flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.game-modal__title{margin:0;font-size:2.4rem;line-height:1}.game-modal__age{background:var(--gk-teal);border:3px solid var(--gk-ink);border-radius:999px;align-self:flex-start;margin:0;padding:.1rem .8rem;font-weight:600;display:inline-block}.game-modal__description{margin:0;font-size:1.15rem;line-height:1.45}.game-modal__first{margin:0;font-size:1.15rem;font-weight:600}.game-modal__stats{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:.25rem 0 0;display:grid}.game-modal__stat{border:3px solid var(--gk-ink);background:#fff;border-radius:18px;padding:.5rem .8rem}.game-modal__stat--main{background:#fff9db;grid-column:1/-1}.game-modal__stat dt{font-size:.95rem;font-weight:600}.game-modal__stat dd{margin:0;font-size:1.8rem;font-weight:700}.game-modal__stat--main dd{font-size:2.6rem}.game-modal__actions{justify-content:space-between;gap:1rem;margin-top:.75rem;display:flex}.game-modal__play{flex:1;font-size:2rem}.play{background:var(--gk-sky);height:100dvh;overflow:auto}