:root{--pandi-cream:#fff4e3;--pandi-paper:#fffaf2;--pandi-peach:#f7c59f;--pandi-apricot:#f4a261;--pandi-honey:#e9c46a;--pandi-mint:#9bd4b4;--pandi-sky:#bfe0ef;--pandi-rose:#f2a7b3;--pandi-cocoa:#5b3a29;--pandi-cocoa-soft:#7f5f4e;--pandi-shadow:0 8px 24px #5b3a2924;--radius-xl:28px;--radius-lg:20px;--tap-min:88px;--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);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:var(--pandi-cream);width:100%;height:100%;color:var(--pandi-cocoa);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Nunito,Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-size:20px;line-height:1.35;position:fixed;inset:0;overflow:hidden}#app{display:block}#game{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);box-sizing:border-box;position:absolute;inset:0}#game-mount{width:100%;height:100%;position:relative;overflow:hidden}#game canvas{touch-action:none;display:block}#shell{z-index:10;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--pandi-cream);position:absolute;inset:0;overflow:hidden auto}#shell[hidden]{display:none}#overlays{z-index:20;pointer-events:none;position:absolute;inset:0}.overlay-root{pointer-events:auto;touch-action:none;background:#fff4e3f5;position:absolute;inset:0;overflow:hidden auto}.overlay-root[hidden]{pointer-events:none;display:none}.art-studio-root{background:var(--pandi-paper)}.screen{box-sizing:border-box;min-height:100%;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 20px);flex-direction:column;align-items:stretch;gap:18px;display:flex}.shell-header{align-items:center;gap:16px;display:flex}.shell-title{letter-spacing:.3px;margin:0;font-size:30px;font-weight:800}.shell-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.card{background:var(--pandi-paper);border-radius:var(--radius-xl);box-shadow:var(--pandi-shadow);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.btn{appearance:none;border-radius:var(--radius-lg);min-height:var(--tap-min);min-width:var(--tap-min);font:inherit;color:var(--pandi-cocoa);background:var(--pandi-honey);box-shadow:var(--pandi-shadow);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:14px;padding:14px 26px;font-size:24px;font-weight:800;transition:transform .12s,filter .12s;display:inline-flex}.btn[hidden]{display:none}.btn:active{filter:brightness(.97);transform:scale(.97)}.btn:focus-visible,.world-card:focus-visible,.gate-input:focus-visible,.parent-input:focus-visible{outline:4px solid var(--pandi-cocoa);outline-offset:3px}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-icon{font-size:40px;line-height:1;display:inline-flex}.btn-icon svg{width:1em;height:1em}.btn-primary{background:var(--pandi-apricot);color:var(--pandi-cocoa)}.btn-secondary{background:var(--pandi-peach)}.btn-quiet{box-shadow:none;color:var(--pandi-cocoa-soft);background:0 0;font-size:20px}.btn-danger{background:var(--pandi-rose)}.btn-huge{background:var(--pandi-apricot);min-height:132px;color:var(--pandi-cocoa);border-radius:36px;padding:20px 40px;font-size:32px}.btn-huge .btn-icon{font-size:52px}.start-main{flex-direction:column;align-items:stretch;gap:24px;display:flex}.start-actions{flex-wrap:wrap;align-items:stretch;gap:18px;display:flex}.start-actions .btn-huge{flex:2 320px}.start-actions .btn-secondary{flex:220px}.world-section{flex-direction:column;gap:12px;display:flex}.world-section-title{margin:0;font-size:24px;font-weight:800}.world-cards{flex-wrap:wrap;gap:16px;display:flex}.world-cards-scroll{touch-action:pan-y;flex:auto;padding-bottom:8px;overflow:hidden auto}.world-card{appearance:none;background:var(--pandi-paper);border-radius:var(--radius-xl);box-shadow:var(--pandi-shadow);width:200px;min-height:190px;font:inherit;color:var(--pandi-cocoa);cursor:pointer;touch-action:manipulation;border:0;flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.world-card-large{width:230px}.world-card:active{transform:scale(.98)}.world-card-name{text-align:center;font-size:22px;font-weight:800}.world-card-note,.world-card-resting{color:var(--pandi-cocoa);font-size:18px}.world-card-disabled,.world-card:disabled{cursor:default;box-shadow:none}.world-card-disabled .thumb,.world-card-disabled .world-card-name,.world-card:disabled .thumb,.world-card:disabled .world-card-name{opacity:.6}.world-card:disabled:active{transform:none}.restart-card{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:560px;display:flex}.thumb{aspect-ratio:16/10;border-radius:var(--radius-lg);background:var(--pandi-sky) center / cover no-repeat;width:100%;color:var(--pandi-cocoa-soft);justify-content:center;align-items:center;display:flex}.thumb-small{flex:0 0 120px;width:120px}.thumb-question{background:var(--pandi-honey)}.thumb-mark{font-size:56px;display:inline-flex}.thumb-pair{flex-wrap:wrap;gap:24px;display:flex}.thumb-col{flex-direction:column;flex:220px;gap:8px;display:flex}.volume-row{gap:16px;display:flex}.parent-link-row{justify-content:flex-end;display:flex}.install-card,.new-world-card,.gate-card{box-sizing:border-box;width:100%;max-width:640px;margin:0 auto}.install-title,.gate-title{margin:0;font-size:30px;font-weight:800}.install-step{align-items:center;gap:16px;font-size:24px;font-weight:700;display:flex}.install-icon{color:var(--pandi-cocoa);font-size:56px;display:inline-flex}.install-adult,.install-hint,.gate-hint,.new-world-question,.loading-text{color:var(--pandi-cocoa-soft);margin:0;font-size:22px}.new-world-picture{width:min(100%,420px);color:var(--pandi-cocoa-soft)}.new-world-actions{flex-wrap:wrap;justify-content:center;gap:18px;width:100%;display:flex}.new-world-actions .btn-huge{flex:2 260px}.new-world-actions .btn-secondary{min-height:var(--tap-min);flex:200px;font-size:20px}.orientation-screen{justify-content:center;align-items:center}.orientation-picture{width:min(86vw,62vh,440px);color:var(--pandi-cocoa);cursor:pointer}.orientation-picture svg{width:100%;height:auto;display:block}.orientation-phone{transform-box:fill-box;transform-origin:50%}.orientation-picture.is-turning .orientation-phone{animation:1.8s ease-in-out 3 alternate forwards pandi-turn-phone}@keyframes pandi-turn-phone{0%,20%{transform:rotate(0)}80%,to{transform:rotate(-90deg)}}@media (prefers-reduced-motion:reduce){.orientation-picture .orientation-phone,.orientation-picture.is-turning .orientation-phone{animation:none;transform:rotate(-90deg)}}.gate-wait-picture{color:var(--pandi-cocoa);justify-content:center;font-size:96px;display:flex}.gate-wait-picture[hidden]{display:none}.gate-wait-time{text-align:center;margin:0;font-size:18px}.loading-picture{color:var(--pandi-cocoa);font-size:112px;display:inline-flex}.loading-picture .wait-dot{animation:1.2s ease-in-out infinite wait-pulse}.loading-picture .wait-dot:nth-child(2){animation-delay:.2s}.loading-picture .wait-dot:nth-child(3){animation-delay:.4s}@keyframes wait-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loading-picture .wait-dot{animation:none}}.loading-screen{justify-content:center;align-items:center}.shell-hud{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);z-index:15;pointer-events:none;position:absolute}.shell-hud[hidden]{display:none}.shell-hud.shell-hud-over-hint{z-index:21}.shell-hud .btn{pointer-events:auto;min-width:72px;min-height:72px;box-shadow:var(--pandi-shadow);background:#fffaf2d9;padding:8px}.shell-hud.shell-hud-over-hint .btn{min-height:var(--tap-min);min-width:var(--tap-min)}.gate-screen{justify-content:safe center}.gate-task{margin:0;font-size:26px;font-weight:800}.gate-form{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;display:flex}.gate-form[hidden]{display:none}.gate-input,.parent-input{font:inherit;min-height:var(--tap-min);border-radius:var(--radius-lg);border:3px solid var(--pandi-peach);color:var(--pandi-cocoa);box-sizing:border-box;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#fff;width:min(100%,260px);padding:8px 18px;font-size:26px}.gate-card .btn-huge{width:100%}.parent-screen{gap:12px}.parent-header{align-items:center;gap:16px;display:flex}.parent-title{margin:0;font-size:28px;font-weight:800}.parent-body{flex-direction:column;gap:16px;width:100%;max-width:820px;margin:0 auto;display:flex}.parent-section{background:var(--pandi-paper);border-radius:var(--radius-xl);box-shadow:var(--pandi-shadow);flex-direction:column;gap:12px;padding:20px 22px;display:flex}.parent-section-title{margin:0;font-size:24px;font-weight:800}.parent-section-title:empty{display:none}.parent-subtitle{margin:8px 0 0;font-size:21px;font-weight:800}.parent-status{margin:0;font-size:20px;font-weight:700}.parent-help{color:var(--pandi-cocoa-soft);margin:0;font-size:18px}.parent-notice{background:var(--pandi-sky);border-radius:var(--radius-lg);color:var(--pandi-cocoa);padding:12px 14px}.parent-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.parent-spacer{height:28px}.world-list{flex-direction:column;gap:12px;display:flex}.world-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.world-row-text{flex-direction:column;flex:160px;gap:2px;display:flex}.world-row-name{flex:160px;font-size:22px;font-weight:800}.world-row-note{color:var(--pandi-cocoa-soft);font-size:18px}.dev-overlay{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);z-index:30;pointer-events:auto;color:#f7efe4;touch-action:pan-y;background:#1e1814db;border-radius:14px;flex-direction:column;gap:6px;max-width:min(92vw,520px);max-height:60vh;padding:10px 12px;font:14px/1.35 ui-monospace,Menlo,Consolas,monospace;display:flex;position:absolute;overflow:hidden auto}.dev-overlay[hidden]{display:none}.dev-title{letter-spacing:.4px;font-weight:700}.dev-stats{white-space:pre-wrap;margin:0}.dev-tools{flex-wrap:wrap;gap:6px;display:flex}.dev-tools .btn{color:#f7efe4;min-width:44px;min-height:44px;box-shadow:none;background:#ffffff1f;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700}.dev-tools .btn-danger{background:#f2a7b34d}.dev-note{color:var(--pandi-honey)}@media (max-width:600px){html,body,#app{font-size:18px}.btn-huge{min-height:112px;font-size:26px}.world-card,.world-card-large{width:calc(50% - 8px)}}@media (orientation:landscape) and (max-height:500px){.start-screen,.new-world-screen{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(var(--safe-bottom) + 12px);gap:12px}.start-screen{grid-template:"head foot""main main"minmax(0,1fr)/minmax(0,1fr) auto;column-gap:16px;display:grid}.start-screen>.shell-header{grid-area:head}.start-screen>.shell-footer{flex-wrap:nowrap;grid-area:foot;margin-top:0}.start-screen>.start-main{flex-direction:row;grid-area:main;align-items:flex-start;gap:18px;min-height:0}.start-main>.btn-huge{flex:auto}.start-screen .btn-huge{min-height:var(--tap-min);padding:12px 20px;font-size:24px}.start-screen .btn-huge .btn-icon{font-size:40px}.start-actions{flex-flow:column;flex:1 0 300px;gap:12px}.start-actions .btn-huge,.start-actions .btn-secondary{flex:none}.start-screen .world-section{flex:0 auto;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""cards more";align-items:start;gap:8px 12px;min-width:0;display:grid}.world-section>.world-section-title{grid-area:title;font-size:20px}.world-section>.world-cards{touch-action:pan-x;flex-wrap:nowrap;grid-area:cards;margin:-8px -12px -16px -8px;padding:8px 12px 16px 8px;overflow:auto hidden}.world-section>.btn{grid-area:more}.start-screen .world-card,.start-screen .world-card-large,.world-cards-screen .world-card{flex:0 0 150px;gap:6px;width:150px;min-height:0;padding:10px}.start-screen .world-card .thumb,.world-cards-screen .world-card .thumb{aspect-ratio:auto;height:84px}.start-screen .world-card-name,.world-cards-screen .world-card-name{overflow-wrap:break-word;font-size:18px}.start-screen .world-card-note,.start-screen .world-card-resting,.world-cards-screen .world-card-note,.world-cards-screen .world-card-resting{display:none}.world-cards-screen{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(var(--safe-bottom) + 12px);gap:12px}.restart-screen,.install-screen{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(var(--safe-bottom) + 12px);grid-template:"head foot""main main"minmax(0,1fr)/minmax(0,1fr) auto;justify-content:normal;align-items:center;gap:12px 16px;display:grid}.install-screen.install-dismissed{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"head sound foot""main main main"}.restart-screen>.shell-header,.install-screen>.shell-header{grid-area:head}.restart-screen>.parent-link-row,.install-screen>.parent-link-row{grid-area:foot}.install-screen>.volume-row{grid-area:sound}.restart-screen>.restart-card{grid-area:main;gap:12px;margin:auto;padding:16px 24px}.restart-card .btn-huge{min-height:var(--tap-min);padding:12px 28px;font-size:24px}.restart-card .btn-huge .btn-icon{font-size:40px}.install-screen>.install-card{grid-area:main;align-self:start}.install-screen:not(.install-dismissed)>.install-card{grid-template-rows:repeat(3,auto);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-auto-flow:column;place-items:center;gap:6px 16px;max-width:none;padding:10px 16px;display:grid}.install-screen .install-title{font-size:22px}.install-screen .install-step{gap:10px;font-size:20px}.install-screen .install-icon{font-size:40px}.install-screen:not(.install-dismissed) .install-adult,.install-screen:not(.install-dismissed) .install-hint{font-size:18px;line-height:1.25}.new-world-screen{justify-content:center}.new-world-card{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-areas:"picture question""picture actions";align-items:center;gap:12px 20px;padding:16px;display:grid}.new-world-picture{grid-area:picture;width:100%}.new-world-question{grid-area:question}.new-world-actions{flex-flow:column;grid-area:actions;gap:12px}.new-world-actions .btn-huge,.new-world-actions .btn-secondary{flex:none}.new-world-actions .btn-huge{min-height:var(--tap-min);padding:12px 20px;font-size:24px}.new-world-actions .btn-huge .btn-icon{font-size:40px}.gate-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title back""hint back""main main""sub sub";align-items:center;gap:8px 20px;padding:16px 24px;display:grid}.gate-title{text-align:start;grid-area:title;font-size:26px}.gate-hint{text-align:start;grid-area:hint;font-size:20px}.gate-task,.gate-wait-picture{grid-area:main}.gate-wait-time,.gate-form{grid-area:sub}.gate-wait-picture{font-size:64px}.gate-card .btn-huge{width:auto;min-height:var(--tap-min);grid-area:back;padding:12px 20px;font-size:24px}.gate-card .btn-huge .btn-icon{font-size:40px}}@media (orientation:portrait) and (max-width:600px){.start-screen{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(var(--safe-bottom) + 12px);gap:12px}.start-screen>.start-main,.start-screen .start-actions{gap:12px}.start-screen .world-section{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title title""cards more";align-items:start;gap:8px 12px;display:grid}.start-screen .world-section>.world-section-title{grid-area:title;font-size:20px}.start-screen .world-section>.world-cards{touch-action:pan-x;flex-wrap:nowrap;grid-area:cards;margin:-8px -12px -16px -8px;padding:8px 12px 16px 8px;overflow:auto hidden}.start-screen .world-section>.world-cards:last-child{padding-right:calc(var(--safe-right) + 20px);margin-right:calc(-20px - var(--safe-right));grid-column:1/-1}.start-screen .world-section>.btn{grid-area:more}.start-screen .world-card,.start-screen .world-card-large{flex:0 0 150px;gap:6px;width:150px;min-height:0;padding:10px}.start-screen .world-card .thumb{aspect-ratio:auto;height:84px}.start-screen .world-card-name{overflow-wrap:break-word;font-size:18px}.start-screen .world-card-note,.start-screen .world-card-resting,.world-cards-screen .world-card-note,.world-cards-screen .world-card-resting{display:none}.install-screen{padding-top:calc(var(--safe-top) + 12px);padding-bottom:calc(var(--safe-bottom) + 12px);gap:12px}.install-screen:not(.install-dismissed)>.install-card{gap:10px;padding:16px}.install-screen .install-title{font-size:24px}.install-screen .install-step{gap:12px;font-size:20px}.install-screen .install-icon{font-size:44px}.install-screen:not(.install-dismissed) .install-adult,.install-screen:not(.install-dismissed) .install-hint{font-size:18px;line-height:1.25}}@media (orientation:landscape) and (min-height:501px) and (max-height:860px){.start-screen .world-section{grid-template-columns:minmax(0,max-content) auto;grid-template-areas:"title title""cards more";justify-content:start;align-items:center;gap:12px 24px;display:grid}.start-screen .world-section>.world-section-title{grid-area:title}.start-screen .world-section>.world-cards{grid-area:cards}.start-screen .world-section>.btn{grid-area:more;justify-self:start}.shell-hud .btn{min-height:var(--tap-min);min-width:var(--tap-min)}}