:root{--blue: #37a7f0;--blue-deep: #1d6fb0;--sun: #ffc23c;--grass: #4fc06a;--coral: #ff7a6b;--ink: #123449;--paper: #f7fbff;--shadow: 0 6px 0 rgba(0, 0, 0, .18);--touch-min: 72px;--radius: 26px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Nunito,"Baloo 2",Comic Sans MS,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);overflow:hidden;overscroll-behavior:none;user-select:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app{height:100dvh;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.screen{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;animation:fade-in .35s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top, #8fd8ff),var(--sky-bottom, #d9f2ff));z-index:0}.layer{position:relative;z-index:1}.big-btn{min-height:var(--touch-min);min-width:var(--touch-min);padding:18px 34px;border-radius:var(--radius);background:var(--btn-bg, var(--grass));color:#fff;font-size:clamp(20px,3.4vw,30px);font-weight:900;letter-spacing:.5px;box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .12s ease,filter .12s ease;text-shadow:0 2px 0 rgba(0,0,0,.15)}.big-btn:active{transform:translateY(5px);box-shadow:0 1px #0000002e}.big-btn--quiet{background:#fffc;color:var(--ink);text-shadow:none}.big-btn--round{padding:0;width:var(--touch-min);height:var(--touch-min);border-radius:50%;font-size:32px}.icon-row{display:flex;gap:14px;align-items:center}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px;z-index:3}.topbar h1{font-size:clamp(18px,3vw,30px);margin:0}.pill{background:#fff;border-radius:999px;padding:10px 18px;font-weight:800;font-size:18px;box-shadow:0 3px #0000001f;display:inline-flex;align-items:center;gap:8px}.card{background:#fff;border-radius:var(--radius);padding:18px;box-shadow:0 6px #0000001a;border:4px solid #fff}.grid{display:grid;gap:16px;padding:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));overflow-y:auto;-webkit-overflow-scrolling:touch}.tile{border-radius:var(--radius);padding:14px;background:#fff;box-shadow:0 6px #0000001f;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:150px;justify-content:center;font-weight:800;text-align:center;transition:transform .12s ease}.tile:active{transform:translateY(4px) scale(.98)}.tile__flag{font-size:48px;line-height:1}.tile__name{font-size:17px}.tile--locked{opacity:.45;filter:grayscale(.6)}.tile--visited{outline:5px solid var(--sun)}.bubble{position:relative;background:#fff;border-radius:24px;padding:18px 22px;font-size:clamp(19px,3.1vw,27px);font-weight:800;line-height:1.35;box-shadow:0 6px #0000001f;max-width:720px}.bubble--rodney{background:#e8f6ff}.rodney{display:block}.rodney--standing{animation:breathe 3s ease-in-out infinite}.rodney--waving{animation:breathe 2s ease-in-out infinite}.rodney--floating{animation:bob 3.4s ease-in-out infinite}.rodney--jumping{animation:hop .7s ease-in-out infinite}.rodney--falling{animation:wobble 1.1s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes hop{0%,to{transform:translateY(0)}45%{transform:translateY(-26px)}}@keyframes wobble{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (prefers-reduced-motion: reduce){.rodney,.rodney *{animation:none!important}}.reduced-motion .rodney{animation:none!important}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:1;padding:20px;text-align:center}.progress-track{height:22px;background:#ffffff80;border-radius:999px;overflow:hidden;width:min(520px,80%)}.progress-fill{height:100%;background:var(--sun);transition:width .3s ease}.sparkle{position:absolute;pointer-events:none;font-size:30px;animation:sparkle-up .9s ease-out forwards}@keyframes sparkle-up{to{transform:translateY(-70px) scale(1.5);opacity:0}}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.title-wordmark{font-size:clamp(30px,7vw,70px);font-weight:900;line-height:.95;color:#fff;text-shadow:0 5px 0 var(--blue-deep),0 9px 18px rgba(0,0,0,.25);text-align:center}.title-wordmark small{display:block;font-size:.42em;letter-spacing:3px}.parent-gate{display:flex;flex-direction:column;align-items:center;gap:18px}.parent-gate__sum{font-size:40px;font-weight:900}.world-map-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 12px 12px}.world-map{position:relative;width:100%;max-width:1200px;aspect-ratio:2 / 1;max-height:100%;border-radius:26px;overflow:visible;filter:drop-shadow(0 8px 0 rgba(0,0,0,.12))}.world-map__svg{position:absolute;inset:0;width:100%;height:100%;border-radius:26px;overflow:hidden}.map-pin{position:absolute;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 4px #00000038;display:flex;align-items:center;justify-content:center;font-size:26px;transition:transform .12s ease;outline-offset:0}.map-pin:after{content:"";position:absolute;inset:-12px;border-radius:50%}.map-pin:active{transform:translate(-50%,-50%) scale(.9)}.map-pin:focus-visible{outline:4px solid #1d6fb0}.map-pin--visited{box-shadow:0 0 0 5px #ffc23c,0 4px #00000038}.map-pin--soon{opacity:.55;filter:grayscale(.65)}.map-pin__flag{line-height:1;pointer-events:none}.map-pin__tick{position:absolute;bottom:-4px;right:-4px;font-size:18px;pointer-events:none}@media (max-width: 700px){.map-pin{width:46px;height:46px;font-size:21px}.map-pin:after{inset:-14px}}.storybook__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px}.storybook__page{max-height:100%;max-width:100%;width:auto;object-fit:contain;border-radius:14px;box-shadow:0 10px 30px #00000073;animation:page-in .28s ease}@keyframes page-in{0%{opacity:0;transform:translate(14px) scale(.99)}to{opacity:1;transform:none}}.storybook__nav{flex:0 0 auto;width:72px;height:96px;border-radius:20px;background:#fff2;color:#fff;font-size:48px;line-height:1;transition:background .12s ease}.storybook__nav:hover:not(:disabled){background:#ffffff38}.storybook__nav:disabled{opacity:.18;cursor:default}.storybook__footer{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px 16px}@media (max-width: 700px){.storybook__nav{display:none}.storybook__stage{padding:0 6px}}