:root{--c-shell: #F7F6F2;--c-paper: #FFFFFF;--c-fg: #0F1B17;--c-fg-2: #56605B;--c-fg-3: #8A938D;--c-border: #E2E6E1;--c-border-st: #CFD5CF;--c-forest: #172018;--c-pond: #0E4D5A;--c-pond-deep: #072936;--c-teal: #2BA7A0;--c-moss: #2E5D43;--c-moss-deep: #1B3A29;--c-sunlight: #F5C84B;--c-amber: #FFA63D;--c-coral: #FF6B3D;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-12: 48px;--sh-soft: 0 1px 2px rgba(15,27,23,.04), 0 2px 6px rgba(15,27,23,.04);--sh-med: 0 2px 4px rgba(15,27,23,.05), 0 8px 24px rgba(15,27,23,.06);--sh-high: 0 8px 24px rgba(15,27,23,.1), 0 24px 48px rgba(15,27,23,.1);--f-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light dark;font-family:var(--f-sans);background:#06120f;color:#f7fbf2;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden;touch-action:none}button{font:inherit}.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}@keyframes ppaCoachBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ppaSheetUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.app-shell{width:100%;height:100%;background:#06120f}.launcher{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:24px;padding:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));background:#f7fbf2;color:#17201d;overflow:auto;touch-action:pan-y}.launcher__header{max-width:880px}.launcher__title{margin:0 0 10px;font-size:clamp(36px,8vw,72px);line-height:.95;letter-spacing:0}.launcher__subtitle{margin:0;max-width:720px;color:#465650;font-size:18px;line-height:1.45}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-content:start}.mode-card{min-height:190px;border:2px solid #d8e2dc;border-radius:8px;background:#fff;color:#17201d;display:grid;grid-template-rows:1fr auto;padding:16px;text-align:left;cursor:pointer}.mode-card:focus-visible{outline:4px solid #54b6ff;outline-offset:2px}.mode-card__preview{border-radius:6px;min-height:96px;position:relative;overflow:hidden}.mode-card__preview:before,.mode-card__preview:after{content:"";position:absolute;display:block}.mode-card__preview--fish-pond:before{width:68px;height:30px;left:22%;top:36%;border-radius:50%;background:#54b6ff;box-shadow:0 0 22px #54b6ffa6;transform:rotate(-14deg)}.mode-card__preview--fish-pond:after{width:0;height:0;left:calc(22% - 24px);top:calc(36% + 5px);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:26px solid #f5c84b;filter:drop-shadow(0 0 10px rgba(245,200,75,.55))}.mode-card__preview--firefly-chase:before{width:28px;height:28px;left:55%;top:28%;border-radius:50%;background:#17201d;box-shadow:-46px 22px 0 -7px #f0a928,46px 34px 0 -9px #54b6ff,0 0 18px #17201d59}.mode-card__preview--firefly-chase:after{width:72%;height:42%;left:14%;top:32%;border-top:3px dashed rgba(23,32,29,.35);border-radius:50%;transform:rotate(-10deg)}.mode-card__preview--glow-dot:before{width:46px;height:46px;left:62%;top:28%;border-radius:50%;background:#f5c84b;box-shadow:0 0 18px #f5c84b,0 0 46px #5ff0e5b3,-90px 24px 0 -16px #5ff0e5d9}.mode-card__preview--glow-dot:after{width:54%;height:40%;left:20%;top:38%;border-bottom:3px solid rgba(95,240,229,.5);border-radius:50%;transform:rotate(-18deg)}.mode-card__title{margin:14px 0 4px;font-size:24px;line-height:1.1}.mode-card__tagline{margin:0;color:#53625c;line-height:1.35}.safety-note{max-width:860px;color:#53625c;font-size:15px;line-height:1.4}.play-screen{position:relative;width:100%;height:100%;overflow:hidden;background:#06120f}.play-canvas{display:block;width:100%;height:100%;touch-action:none}.owner-hot-corner{position:absolute;top:var(--safe-top);left:var(--safe-left);width:96px;height:96px;border:0;background:transparent;color:transparent;z-index:5}.owner-panel,.reward-break{position:absolute;inset:auto 16px calc(16px + var(--safe-bottom)) 16px;max-width:520px;margin:0 auto;border-radius:8px;background:#f7fbf2f5;color:#17201d;padding:18px;z-index:10;box-shadow:0 18px 60px #0000003d}.owner-panel[hidden],.reward-break[hidden]{display:none}.primary-button,.secondary-button{min-height:48px;border-radius:8px;padding:0 16px;border:0;cursor:pointer;font-weight:700}.primary-button{background:#f5c84b;color:#17201d}.secondary-button{background:#e8eee9;color:#17201d}