*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:#fff;background:#2a1a5e;width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}img,canvas{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:none;background:0 0;border:none}#app{position:fixed;inset:0;overflow:hidden}.preboot{background:linear-gradient(160deg,#2a1a5e 0%,#4527a0 55%,#7b1fa2 100%);padding:8vmin 6vmin;position:absolute;inset:0;overflow-y:auto}.preboot h1{margin-bottom:1rem;font-size:clamp(1.5rem,5vmin,2.4rem)}.preboot p{opacity:.92;max-width:42rem;margin-bottom:1rem;line-height:1.6}.preboot ul{columns:2;max-width:42rem;margin-bottom:1rem;padding-left:1.4rem;line-height:1.9}.preboot a{color:#ffd54f}.screen{position:absolute;inset:0;overflow:hidden}.splash{background:linear-gradient(160deg,#2a1a5e 0%,#4527a0 55%,#7b1fa2 100%);flex-direction:column;justify-content:center;align-items:center;gap:4vmin;display:flex}.splash__logo{filter:drop-shadow(0 6px 24px #00000059);font-size:clamp(3rem,14vmin,7rem)}.splash__title{letter-spacing:.02em;text-shadow:0 3px 12px #0006;font-size:clamp(1.6rem,6vmin,3rem);font-weight:800}.splash__play{background:radial-gradient(circle at 35% 30%,#ffd54f,#ff8f00);border-radius:50%;justify-content:center;align-items:center;width:clamp(7rem,26vmin,12rem);height:clamp(7rem,26vmin,12rem);font-size:clamp(3rem,11vmin,5.5rem);animation:1.6s ease-in-out infinite splash-pulse;display:flex;box-shadow:0 10px 40px #ffa00080,inset 0 -6px 16px #0003}@keyframes splash-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.splash__parents{text-align:center;text-shadow:0 1px 4px #0006;background:#00000047;border:1px solid #ffffff2e;border-radius:1rem;flex-direction:column;gap:.35em;max-width:min(30rem,88vw);padding:.9em 1.2em;font-size:clamp(.85rem,2.6vmin,1.05rem);line-height:1.45;display:flex}.splash__parents b{color:#ffd54f}.splash__parents-exit{margin-top:.15em}.splash__parents-alt{opacity:.65;font-size:.85em}.menu__hint{text-align:center;opacity:.6;pointer-events:none;flex:none;padding:1.5vmin 0 0;font-size:clamp(.75rem,2.2vmin,.95rem)}.menu{padding:max(3vmin, env(safe-area-inset-top)) max(5vmin, env(safe-area-inset-right)) max(3vmin, env(safe-area-inset-bottom)) max(5vmin, env(safe-area-inset-left));background:linear-gradient(160deg,#2a1a5e 0%,#4527a0 55%,#7b1fa2 100%);flex-direction:column;display:flex}.menu__header{text-align:center;text-shadow:0 2px 10px #00000059;flex:none;padding:1.5vmin 0 2.5vmin;font-size:clamp(1.3rem,5vmin,2.2rem);font-weight:800}.menu__grid{scrollbar-width:none;flex-wrap:wrap;flex:auto;place-content:center;gap:3vmin;width:100%;max-width:110rem;margin-inline:auto;padding:1.5vmin;display:flex;overflow:hidden auto}.menu__grid::-webkit-scrollbar{display:none}.menu__card{aspect-ratio:1;border-radius:22%;flex:none;justify-content:center;align-items:center;width:clamp(7rem,17vmin,10rem);font-size:clamp(2.8rem,11vmin,5rem);transition:transform .15s;animation:3.2s ease-in-out infinite card-breathe;display:flex;box-shadow:0 8px 24px #0000004d,inset 0 -5px 14px #0000002e,inset 0 5px 14px #ffffff47}.menu__card:active{transform:scale(.92)}@keyframes card-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}body.calm .menu__card,body.calm .splash__play{animation:none}.menu__card--daily{animation:1.8s ease-in-out infinite card-breathe;position:relative;box-shadow:0 0 0 .45vmin #ffd54fe6,0 8px 30px #ffc10773,inset 0 -5px 14px #0000002e,inset 0 5px 14px #ffffff47}.menu__card-badge{font-size:.45em;animation:1.4s ease-in-out infinite badge-twinkle;position:absolute;top:-.4rem;right:-.2rem}@keyframes badge-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.75;transform:scale(1.3)rotate(15deg)}}body.calm .menu__card-badge{animation:none}@keyframes dot-float{0%{translate:0 -1.2vmin}to{translate:0 1.2vmin}}body.calm [style*=dot-float]{animation:none!important}.game-host{position:absolute;inset:0;overflow:hidden}.particle-overlay{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-home{left:max(1.5vmin, env(safe-area-inset-left));bottom:max(1.5vmin, env(safe-area-inset-bottom));z-index:20;--hold:0;background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:clamp(3.5rem,12vmin,5rem);height:clamp(3.5rem,12vmin,5rem);display:flex;position:absolute}.hud-home__ring{background:conic-gradient(#ffd54f calc(var(--hold) * 360deg), transparent 0deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 62%,#000 65%);mask:radial-gradient(circle,#0000 62%,#000 65%)}.hud-home__icon{opacity:.9;font-size:clamp(1.6rem,5.5vmin,2.4rem)}.gate-ring{top:max(2vmin, env(safe-area-inset-top));z-index:40;pointer-events:none;background:radial-gradient(circle, #00000080 60%, transparent 62%), conic-gradient(#81d4fa calc(var(--gate,0) * 360deg), #ffffff26 0deg);--gate:0;border-radius:50%;justify-content:center;align-items:center;width:clamp(3.5rem,12vmin,5rem);height:clamp(3.5rem,12vmin,5rem);display:flex;position:absolute;left:50%;transform:translate(-50%)}.gate-ring:after{content:"👨‍👩‍👧";font-size:clamp(1.3rem,4.5vmin,2rem)}.gate-ring:before{content:"keep holding…";white-space:nowrap;color:#fff;text-shadow:0 1px 6px #000000b3;margin-top:.35rem;font-size:clamp(.75rem,2.4vmin,.95rem);font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.resume-overlay__parent{opacity:.7;text-align:center;padding:0 6vw;font-size:clamp(.8rem,2.4vmin,1rem)}.resume-overlay__parent b{color:#ffd54f}.resume-overlay{z-index:50;background:linear-gradient(160deg,#2a1a5e,#4527a0);flex-direction:column;justify-content:center;align-items:center;gap:3vmin;display:flex;position:absolute;inset:0}.resume-overlay__face{font-size:clamp(4rem,20vmin,9rem);animation:1.1s ease-in-out infinite face-bounce}body.calm .resume-overlay__face{animation:none}@keyframes face-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3vmin)}}.resume-overlay__hint{opacity:.9;font-size:clamp(1.2rem,4.5vmin,2rem);font-weight:700}.parent-panel{z-index:60;background:#0a081ed1;justify-content:center;align-items:center;padding:3vmin;display:flex;position:absolute;inset:0}.parent-panel__card{color:#2b2640;touch-action:pan-y;-webkit-user-select:text;user-select:text;background:#f7f6fb;border-radius:1.2rem;flex-direction:column;gap:.9rem;width:min(30rem,94vw);max-height:92vh;padding:1.6rem;font-size:1rem;display:flex;overflow-y:auto}.parent-panel__card h2{font-size:1.3rem}.parent-panel__card h3{opacity:.75;margin-top:.4rem;font-size:1rem}.parent-panel__resume{color:#fff;background:#4527a0;border-radius:.8rem;padding:.9rem;font-size:1.1rem;font-weight:700}.parent-panel__toggles{flex-direction:column;gap:.5rem;display:flex}.parent-panel__toggle{background:#e8e5f2;border-radius:.7rem;justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:1rem;display:flex}.parent-panel__pill{color:#fff;background:#b6b0cc;border-radius:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.parent-panel__toggle.is-on .parent-panel__pill{background:#43a047}.parent-panel__games{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;display:grid}.parent-panel__game{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#e8e5f2;border-radius:.6rem;padding:.55rem .4rem;font-size:.85rem;overflow:hidden}.parent-panel__stats,.parent-panel__info{font-size:.9rem;line-height:1.45}.parent-panel__how{flex-direction:column;gap:.5rem;margin-bottom:.75rem;list-style:none;display:flex}.parent-panel__how li{background:#0000000d;border-radius:.7rem;padding:.6rem .8rem;font-size:.92rem;line-height:1.45}.parent-panel__exit{color:#b71c1c;background:#ffe0e0;border-radius:.8rem;padding:.8rem;font-weight:700}.parent-panel__link{text-align:center;color:#6a5fa0;font-size:.8rem}