:root{color-scheme:light;--g4k-blue-950: #063579;--g4k-blue-800: #0754af;--g4k-blue-600: #0b84df;--g4k-blue-400: #27b9f4;--g4k-sky-200: #bfeefe;--g4k-sky-100: #e7f9ff;--g4k-red-700: #c9161f;--g4k-red-500: #f3332f;--g4k-yellow-500: #ffc928;--g4k-yellow-300: #ffe680;--g4k-orange-500: #ff9f1c;--g4k-owl-brown: #8c501d;--g4k-column: #f3dec0;--g4k-cloud: #ffffff;--g4k-ink: #15345f;--g4k-muted: #55708d;--g4k-bg: #e9f8ff;--g4k-surface: #ffffff;--g4k-outline-soft: rgba(11, 132, 223, .42);--g4k-outline-warm: rgba(255, 201, 40, .58);--g4k-success: #4fbd5d;--g4k-wrong: #f26a5b;--shadow-toy: 0 18px 34px rgba(6, 53, 121, .14);--shadow-soft: 0 12px 24px rgba(6, 53, 121, .1);--shadow-plush: inset 0 0 0 1px rgba(255, 255, 255, .9), 0 10px 0 rgba(142, 205, 239, .26), 0 22px 34px rgba(6, 53, 121, .12);--outline-cartoon: 2.5px solid var(--g4k-outline-soft);--radius-blob: 34px;--radius-card: 24px;--radius-pill: 999px;--touch-min: 68px;--font-main: "Arial Rounded MT Bold", "Segoe UI", system-ui, sans-serif;--font-greek: "Arial Unicode MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;height:100%}body{margin:0;min-height:100dvh;overflow:hidden;font-family:var(--font-main);color:var(--g4k-ink);background:radial-gradient(circle at 78% 9%,rgba(255,201,40,.35) 0 8%,transparent 9%),radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0 10%,transparent 11%),linear-gradient(180deg,var(--g4k-sky-100) 0%,#f8fdff 54%,#fff8df 100%)}button{font-family:inherit}button:disabled{cursor:default}#app{min-height:100dvh;height:100dvh}.app-shell{min-height:100dvh;height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";position:absolute;border-radius:999px;background:#ffffffc7;filter:drop-shadow(0 6px 0 rgba(39,185,244,.15));pointer-events:none}.app-shell:before{width:270px;height:72px;left:-70px;top:82px}.app-shell:after{width:340px;height:86px;right:-100px;top:150px}.app-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(14px,3vw,28px)}.mini-logo{display:flex;align-items:center;gap:10px;font-size:clamp(1.1rem,2.8vw,1.55rem);font-weight:900;color:var(--g4k-blue-950);text-shadow:0 2px 0 white}.mini-logo img{width:min(220px,44vw);height:auto;display:block}.screen{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:clamp(14px,3vw,28px)}.home-screen{display:grid;align-items:center;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding-top:0}.opening-screen{display:grid;place-items:center;overflow:hidden}.opening-gate{position:relative;width:min(760px,100%);min-height:min(760px,calc(100dvh - 56px));appearance:none;border:0;border-radius:42px;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.92) 0 12%,transparent 13%),radial-gradient(circle at 82% 14%,rgba(255,201,40,.52) 0 13%,transparent 14%),linear-gradient(180deg,#ffffffc2,#e7f9ffe6);color:var(--g4k-blue-950);display:grid;justify-items:center;align-content:center;gap:30px;padding:clamp(22px,5vw,46px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 16px #0635792e,var(--shadow-toy);animation:openingCardFloat 3.6s ease-in-out infinite}.opening-gate:before,.opening-gate:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.opening-gate:before{width:96px;height:96px;left:clamp(18px,8vw,72px);bottom:clamp(38px,8vw,86px);background:var(--g4k-red-500);box-shadow:84px -26px 0 -34px var(--g4k-yellow-500),138px 22px 0 -42px var(--g4k-blue-400);opacity:.72}.opening-gate:after{width:130px;height:42px;right:clamp(24px,8vw,86px);top:clamp(92px,12vw,132px);background:#ffffffdb;box-shadow:44px 64px 0 -10px #ffffff94;transform:rotate(-8deg)}.opening-gate:active{transform:translateY(7px) scale(.985);box-shadow:0 8px #0635792e,var(--shadow-soft)}.app-shell.is-transitioning .opening-gate:disabled,.app-shell.is-transitioning .toddler-button:disabled,.app-shell.is-transitioning .theme-card:disabled,.app-shell.is-transitioning .activity-card:disabled,.story-card button:disabled{opacity:.72;transform:none;box-shadow:inset 0 2px #ffffffb8,var(--shadow-soft);filter:saturate(.9)}.opening-screen.is-leaving .opening-gate{animation:openingLeave .22s ease-in forwards}.opening-owl{position:relative;z-index:1;width:clamp(280px,45vw,430px);height:clamp(280px,45vw,430px);display:grid;place-items:center}.opening-owl .flapping-owl-sprite{width:clamp(255px,41vw,390px);height:clamp(255px,41vw,390px);background-repeat:no-repeat;animation:openingOwlFlap .82s steps(1,end) infinite,openingOwlInvite 1.55s ease-in-out infinite}.opening-ring{position:absolute;inset:12%;border:6px solid rgba(255,201,40,.75);border-radius:999px;opacity:0;animation:tapRing 1.7s ease-out infinite}.opening-ring.is-two{border-color:#27b9f48c;animation-delay:.55s}.opening-title{z-index:1;font-size:clamp(2rem,7vw,4.8rem);line-height:1;color:var(--g4k-red-500);font-weight:950;text-align:center;text-shadow:-3px -3px 0 white,3px -3px 0 white,-3px 3px 0 white,3px 3px 0 white,0 7px 0 rgba(201,22,31,.13)}.hero-stage{width:min(960px,100%);display:grid;justify-items:center;gap:18px}.hero-logo{width:min(620px,92vw);filter:drop-shadow(0 16px 18px rgba(6,53,121,.2));transform-origin:50% 75%;animation:floatLogo 4s ease-in-out infinite}.hero-title{margin:0;font-size:clamp(2.2rem,8vw,5.5rem);line-height:.95;color:var(--g4k-blue-800);text-shadow:-3px -3px 0 white,3px -3px 0 white,-3px 3px 0 white,3px 3px 0 white,0 8px 0 rgba(6,53,121,.12)}.hero-subtitle{max-width:620px;margin:0;font-size:clamp(1.1rem,3vw,1.55rem);line-height:1.35;color:var(--g4k-muted);font-weight:800}.toddler-button{min-height:var(--touch-min);min-width:180px;border:var(--outline-cartoon);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--g4k-yellow-300),var(--g4k-yellow-500));color:var(--g4k-blue-950);box-shadow:inset 0 2px #ffffffb8,0 7px #ff9f1c9e,var(--shadow-toy);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;font-size:clamp(1.05rem,3vw,1.45rem);font-weight:950;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease}.toddler-button:active{transform:translateY(5px) scale(.98);box-shadow:inset 0 2px #ffffffb8,0 3px #ff9f1c8c,var(--shadow-soft)}.toddler-button.is-back{min-width:112px;border-color:#0b84df7a;background:linear-gradient(180deg,#fffffff5,#bfeefebd);box-shadow:inset 0 2px #ffffffe6,0 5px #86cdef8c,var(--shadow-soft);font-size:1rem;padding:12px 18px}.toddler-button.is-red{background:linear-gradient(180deg,#ff7a70,var(--g4k-red-500));color:#fff;border-color:#c9161f5c;box-shadow:inset 0 2px #ffffff59,0 7px #c9161f9e,var(--shadow-toy)}.toddler-button__icon{font-size:1.45em;line-height:1}.screen-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px auto 22px;text-align:center;font-size:clamp(1.9rem,6vw,3.8rem);color:var(--g4k-red-500);text-shadow:-2px -2px 0 white,2px -2px 0 white,-2px 2px 0 white,2px 2px 0 white,0 6px 0 rgba(201,22,31,.13)}.theme-grid,.activity-grid{width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:18px}.theme-card,.activity-card{position:relative;min-height:170px;border:var(--outline-cartoon);border-radius:var(--radius-blob);background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.9) 0 18%,transparent 20%),linear-gradient(180deg,rgba(255,255,255,.96),var(--theme-color, #ffffff) 48%,rgba(255,255,255,.9));box-shadow:var(--shadow-plush);color:var(--g4k-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 14px;cursor:pointer;overflow:hidden;touch-action:manipulation;transition:transform .14s ease,box-shadow .14s ease}.theme-card:active,.activity-card:active{transform:translateY(5px) scale(.98);box-shadow:inset 0 0 0 1px #ffffffe6,0 4px #8ecdef47,var(--shadow-soft)}.theme-card__shine{position:absolute;width:82px;height:36px;border-radius:999px;right:-12px;top:14px;background:#ffffff8c;transform:rotate(-14deg)}.theme-card__icon,.activity-card__icon{font-size:clamp(2.9rem,10vw,4.6rem);line-height:1;filter:drop-shadow(0 5px 0 rgba(6,53,121,.12))}.activity-card__icon-img{width:clamp(84px,9vw,136px);height:clamp(84px,9vw,136px);object-fit:contain;display:block;margin:0 auto .35rem;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 5px 0 rgba(6,53,121,.12))}.theme-card__icon-img{width:clamp(96px,10vw,144px);height:clamp(96px,10vw,144px);object-fit:contain;display:block;margin:0 auto .35rem;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 5px 0 rgba(6,53,121,.12))}.theme-card__label,.activity-card__label{font-size:clamp(1.12rem,3vw,1.45rem);font-weight:950;text-align:center;color:var(--g4k-blue-950);line-height:1.08}.theme-card__greek,.activity-card__greek{font-family:var(--font-greek);font-size:1rem;font-weight:760;color:#55708de0;text-align:center}.activity-card{min-height:166px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.72) 0 14%,transparent 15%),linear-gradient(180deg,#fffffffa,#e7f9ffeb)}.mascot-bubble{width:min(640px,100%);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid rgba(11,132,223,.34);border-radius:30px 38px 38px 30px;background:#ffffffdb;box-shadow:inset 0 2px #ffffffe6,var(--shadow-soft);color:var(--g4k-blue-950);font-size:clamp(1rem,2.5vw,1.25rem);font-weight:900}.mascot-bubble.is-blue{background:#ffffffe6}.mascot-bubble.is-soft{background:linear-gradient(180deg,#fffffff0,#eaf8ffeb)}.mascot-bubble.is-green{background:linear-gradient(180deg,#fffffff0,#e4fbe6eb)}.mascot-bubble.is-gold{background:linear-gradient(180deg,#fffffff5,#fff5c6f0)}.mascot-bubble__owl{width:76px;height:76px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.owl-sprite{width:76px;height:76px;display:block;background-repeat:no-repeat;background-size:300% 200%;filter:drop-shadow(0 5px 0 rgba(6,53,121,.12));transform-origin:50% 70%}.owl-sprite.is-idleFloat{animation:owlFloat 3.2s ease-in-out infinite}.owl-sprite.is-nod{animation:owlNod 1.1s ease-in-out infinite}.owl-sprite.is-wiggle{animation:owlWiggle 1s ease-in-out infinite}.owl-sprite.is-bounce{animation:owlBounce .9s ease-in-out infinite}.owl-sprite.is-pop{animation:owlPop 1.05s ease-in-out infinite}.owl-sprite.is-sleep{animation:owlSleep 3.8s ease-in-out infinite}.mascot-bubble__text{min-width:0}.game-screen{padding:0;overflow:hidden;touch-action:none}.game-topbar{position:relative;z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px clamp(10px,2.5vw,20px)}.game-title{margin:0;text-align:center;font-size:clamp(1.25rem,4vw,2.2rem);color:var(--g4k-blue-950);text-shadow:0 2px 0 white}.game-host{height:calc(100dvh - 96px);min-height:520px;width:100%;overflow:hidden;touch-action:none;overscroll-behavior:contain}.game-host canvas{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.story-card{width:min(720px,100%);margin:0 auto;border:var(--outline-cartoon);border-radius:var(--radius-blob);background:linear-gradient(180deg,#fffffffa,#f7fdfff0);box-shadow:var(--shadow-plush);padding:clamp(14px,4vw,28px);display:grid;justify-items:center;gap:18px}.story-card img{width:min(480px,90%);aspect-ratio:1 / 1;object-fit:contain;border-radius:22px;background:var(--g4k-sky-100)}.story-greek{margin:0;font-family:var(--font-greek);font-size:clamp(1.55rem,5vw,2.5rem);color:var(--g4k-blue-800);font-weight:950;text-align:center}.story-german{margin:0;font-size:clamp(1rem,3vw,1.25rem);color:var(--g4k-muted);font-weight:800;text-align:center}.story-actions{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.empty-state{width:min(620px,100%);margin:40px auto;padding:24px;border-radius:var(--radius-card);border:2px dashed rgba(11,132,223,.48);background:#fff;font-weight:900;text-align:center}.reward-star{position:fixed;z-index:20;pointer-events:none;font-size:2.2rem;animation:rewardBurst .9s ease-out forwards}#confetti-canvas{position:fixed;inset:0;z-index:18;width:100%;height:100%;pointer-events:none}@keyframes floatLogo{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes openingCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes openingOwlInvite{0%,to{transform:translateY(0) scale(1) rotate(-1deg)}45%{transform:translateY(-12px) scale(1.06) rotate(2deg)}}@keyframes openingOwlFlap{0%,16.66%{background-position:0% 0%}16.67%,33.33%{background-position:50% 0%}33.34%,50%{background-position:100% 0%}50.01%,66.66%{background-position:0% 100%}66.67%,83.33%{background-position:50% 100%}83.34%,to{background-position:100% 100%}}@keyframes tapRing{0%{opacity:.8;transform:scale(.72)}to{opacity:0;transform:scale(1.22)}}@keyframes openingLeave{to{opacity:0;transform:scale(1.05)}}@keyframes owlFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes owlNod{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(4px) rotate(1deg)}65%{transform:translateY(-1px) rotate(-1deg)}}@keyframes owlWiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}@keyframes owlBounce{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-7px) scale(1.06)}}@keyframes owlPop{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-8px) scale(1.1)}70%{transform:translateY(-2px) scale(1.03)}}@keyframes owlSleep{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(4px) rotate(1deg)}}@keyframes rewardBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--star-x)),calc(-50% + var(--star-y))) scale(1.25) rotate(30deg)}}@media(max-width:640px){.app-topbar{padding-block:10px}.theme-grid,.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-card,.activity-card{min-height:142px;border-width:2px;border-radius:22px;padding:12px 8px}.theme-card__greek,.activity-card__greek{font-size:.82rem}.game-host{height:calc(100dvh - 86px);min-height:460px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}