:root{--sky:#86c1ea;--sky-light:#aed7f4;--ink:#26324d;--accent:#ffb938;--accent-dark:#e8930c;--blue:#4aa3e0;--panel:#fff;--edge:16px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,Nunito,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(180deg, var(--sky-light) 0%, var(--sky) 100%);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0}canvas{touch-action:none;display:block}.loading,.preview-page{position:fixed;inset:0}.preview-bar{left:0;right:0;bottom:calc(12px + var(--safe-bottom));flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute}.preview-bar button{background:#fff;border-radius:999px;padding:10px 16px;font-weight:700;box-shadow:0 2px 8px #0000001f}.preview-bar button.on{background:var(--accent)}.preview-bar .sep{width:12px}.proof-head{top:calc(8px + var(--safe-top));pointer-events:none;background:#fffc;border-radius:12px;padding:8px 10px;font-size:12px;position:absolute;left:8px;right:8px}.proof-head table{width:100%;margin-top:4px;font-size:11px}.proof-head td{vertical-align:top;padding:1px 4px}.proof-cols{justify-content:space-around;margin-top:4px;font-weight:700;display:flex}.game{position:fixed;inset:0}.game .stage{inset:0;position:absolute!important}.render-recovery{z-index:20;background:linear-gradient(180deg, var(--sky-light), var(--sky));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.render-recovery p{margin:0}.render-recovery button{box-shadow:0 6px 0 var(--accent-dark);background:linear-gradient(#ffc94d,#ffa91f);border-radius:999px;padding:15px 24px}.screen{pointer-events:none;position:absolute;inset:0}.screen button,.screen a{pointer-events:auto}.round-btn{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .12s;display:grid;box-shadow:0 4px 14px #26324d29}.round-btn:active,.chapter-card:active,.cta:active{transform:scale(.92)}.chrome-top{top:calc(10px + var(--safe-top));left:calc(var(--edge) + var(--safe-left));right:calc(var(--edge) + var(--safe-right));align-items:center;gap:10px;height:68px;display:flex;position:absolute}.top-spacer{height:calc(48px + var(--safe-top));position:absolute;top:0;left:0;right:0}.top-spacer.home{height:calc(86px + var(--safe-top))}.corner-right{top:calc(90px + var(--safe-top));right:calc(var(--edge) + var(--safe-right));flex-direction:column;gap:10px;display:flex;position:absolute}.mode-toggle{margin-left:auto;animation:.35s cubic-bezier(.3,1.6,.5,1) pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}.slide-in{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.3,1.5,.5,1);transform:translate(-36px)scale(.8);pointer-events:none!important}.slide-in.shown{opacity:1;transform:none;pointer-events:auto!important}.home-bottom{padding:12px 18px calc(14px + var(--safe-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.home-chrome{justify-content:flex-end}.home-chrome.waiting{visibility:hidden}.home-chrome:not(.waiting){animation:.45s ease-out home-bottom-in}.info-btn{color:var(--ink)}.home-bottom,.home-chrome{transition:opacity .25s}.home-bottom.covered,.home-chrome.covered{opacity:0;pointer-events:none}.home-bottom.waiting{visibility:hidden}.home-bottom:not(.waiting){animation:.45s ease-out home-bottom-in}@keyframes home-bottom-in{0%{opacity:0}}.cta{width:min(420px,100%);min-height:92px;box-shadow:0 7px 0 var(--accent-dark), 0 12px 24px #e8930c59;color:#3a2a06;background:linear-gradient(#ffc94d,#ffa91f);border-radius:999px;justify-content:center;align-items:center;gap:14px;font-size:clamp(22px,6.4vw,30px);font-weight:900;animation:2.4s ease-in-out infinite bob;display:flex}@keyframes bob{50%{transform:translateY(-4px)}}.welcome{z-index:20;padding:calc(16px + var(--safe-top)) 18px calc(16px + var(--safe-bottom));place-items:center;display:grid;position:absolute;inset:0}.welcome-card{text-align:center;background:#fff;border-radius:28px;width:min(390px,100%);padding:26px 26px 22px;overflow:hidden;box-shadow:0 12px 30px #0003}.welcome-card.expanded{text-align:left;flex-direction:column;width:min(560px,100%);height:min(780px,100%);padding:0;display:flex}.welcome-card.support-card{background:#fffaf0;width:min(390px,100%)}.support-card .welcome-info{position:relative}.support-card .welcome-info-head{z-index:2;padding:14px 14px 0;position:absolute;inset:0 0 auto}.support-card .welcome-icon-btn{background:#26324d0f;width:38px;height:38px}.support-card .welcome-icon-btn svg{width:21px;height:21px}.support-card .welcome-scroll{padding:0 24px calc(18px + var(--safe-bottom));overflow-x:hidden}.welcome-info{flex-direction:column;flex:1;min-height:0;display:flex}.welcome-info-head{padding:18px 18px 4px;display:flex}.welcome-info-title{color:var(--ink);margin:6px 0 14px;font-size:26px;font-weight:900;line-height:1.15}.welcome-icon-btn{width:44px;height:44px;color:var(--ink);background:#f1f4f9;border-radius:999px;place-items:center;display:grid}.welcome-icon-btn svg{width:24px;height:24px}.welcome-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:8px 30px calc(32px + var(--safe-bottom));color:#3c4763;-webkit-user-select:text;user-select:text;flex:1;font-size:15px;line-height:1.55;overflow-y:auto}.welcome-scroll h2{color:var(--ink);margin:22px 0 6px;font-size:17px}.welcome-scroll ul{padding-left:20px}.welcome-scroll li{margin-bottom:8px}.welcome-scroll a{color:var(--ink)}.lang-toggle{background:#eef3f9;border-radius:999px;margin-top:4px;padding:4px;display:inline-flex}.lang-toggle button{color:#55607a;border-radius:999px;padding:7px 18px;font-size:14px;font-weight:800}.lang-toggle button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000026}.welcome-card h1{margin:22px 0 10px;font-size:28px;font-weight:900;line-height:1.1}.welcome-intro{color:#3c4763;margin:0 0 20px;font-size:18px;font-weight:600;line-height:1.4}.welcome-facts{text-align:left;background:#f4f7fb;border-radius:16px;margin:0 0 24px;padding:14px 18px;font-size:16px;font-weight:700;list-style:none}.welcome-facts li{align-items:center;gap:10px;padding:4px 0;display:flex}.welcome-facts svg{width:22px;height:22px;color:var(--blue);flex:none}.welcome-play{width:100%;min-height:64px;box-shadow:0 6px 0 var(--accent-dark);color:#3a2a06;background:linear-gradient(#ffc94d,#ffa91f);border-radius:999px;font-size:24px;font-weight:900}.welcome-play:active{box-shadow:0 3px 0 var(--accent-dark);transform:translateY(3px)}.welcome-links{justify-content:center;gap:20px;margin-top:18px;display:flex}.welcome-links a,.welcome-links button{color:var(--ink);padding:4px;font-size:13.5px;font-weight:700;text-decoration:underline}.chapter-list{padding:12px 18px calc(18px + var(--safe-bottom));justify-content:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.chapter-card{border:4px solid #fff;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:min(300px,100%);min-height:150px;font-size:26px;font-weight:900;animation:2.6s ease-in-out infinite bob;display:flex;box-shadow:0 7px #d9b56a,0 14px 26px #785a1e40}.bottom-dock{padding:6px calc(var(--edge) + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(var(--edge) + var(--safe-left));pointer-events:none;flex-direction:column;align-items:stretch;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.region-bar{justify-content:center;gap:clamp(8px,3.4vw,16px);display:flex}.region-btn{pointer-events:auto;aspect-ratio:1;background:var(--panel);border:3px solid #0000;border-radius:50%;flex:1 1 0;place-items:center;min-width:0;max-width:84px;transition:transform .25s ease-out,border-color .3s,background .35s,box-shadow .3s;display:grid;position:relative;box-shadow:0 4px 12px #26324d26}.region-visual{width:62%;height:62%;display:block;position:relative}.region-visual-body,.region-visual-check{place-items:center;transition:opacity .23s,transform .38s cubic-bezier(.2,1.35,.45,1);display:grid;position:absolute;inset:0}.region-visual-body svg{width:100%;height:100%}.region-visual-check{color:#fff;opacity:0;transform:scale(.45)rotate(-18deg)}.region-visual-check svg{width:82%;height:82%}.region-btn.on{z-index:1;border-color:var(--rc);transform:translateY(-6px)scale(1.08)}.region-btn.complete{background:#e9f7ec;border-color:#67bd7a}.region-btn.celebrating{background:#39b967;border-color:#269753}.region-btn.celebrating .region-visual-body{opacity:0;transform:scale(.58)rotate(-9deg)}.region-btn.celebrating .region-visual-check{opacity:1;transform:scale(1)rotate(0)}@media (prefers-reduced-motion:reduce){.region-btn,.region-visual-body,.region-visual-check{transition-duration:.01ms}}.tray-slot{height:120px}.bottom-dock--complete{padding-bottom:calc(20px + var(--safe-bottom));gap:24px}.finish-panel{pointer-events:auto;animation:.4s cubic-bezier(.25,1.3,.5,1) both finish-in}.finish-actions{gap:10px;display:flex}.finish-action{color:#3a2a06;min-width:0;min-height:74px;box-shadow:0 6px 0 var(--accent-dark), 0 12px 24px #e8930c4d;background:linear-gradient(#ffc94d,#ffa91f);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:900;transition:transform .15s;display:flex}.finish-action:active{transform:scale(.96)}@keyframes finish-in{0%{opacity:0;transform:translateY(16px)}}.name-bubble{top:calc(12px + var(--safe-top));max-width:calc(100vw - 2 * (64px + var(--edge) + 12px) - var(--safe-left) - var(--safe-right));opacity:0;border:4px solid var(--bc);color:var(--ink);pointer-events:none;white-space:nowrap;z-index:5;background:#fff;border-radius:999px;padding:8px 20px 10px;font-size:34px;font-weight:900;line-height:1.15;transition:opacity .25s,transform .3s cubic-bezier(.3,1.6,.5,1);position:fixed;left:50%;overflow:hidden;transform:translate(-50%,-8px)scale(.8);box-shadow:0 6px 18px #26324d2e}.name-bubble.show{opacity:1;transform:translate(-50%)scale(1)}.celebrate{pointer-events:none;position:absolute;inset:0;overflow:hidden}.celebrate i{border-radius:3px;width:12px;height:18px;animation:2.8s linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@media (width>=700px){.bottom-dock{width:min(620px,100%);left:50%;right:auto;transform:translate(-50%)}}.stats-overlay{left:50%;top:calc(2px + var(--safe-top));z-index:50;color:#fff;white-space:pre;pointer-events:none;background:#0009;border-radius:8px;padding:4px 7px;font:11px/1.35 ui-monospace,Menlo,monospace;position:fixed;transform:translate(-50%)}.top-layer{pointer-events:none;z-index:40;width:100%;height:100%;position:fixed;inset:0}.welcome-tip{color:#e2456a!important}.support{text-align:center;flex-direction:column;min-height:100%;display:flex}.piggy-art{aspect-ratio:1;-webkit-user-select:none;user-select:none;width:min(290px,100%);margin:24px auto 0;position:relative}.piggy-rest,.piggy-layers,.piggy-pig,.piggy-coin-window,.piggy-coin,.piggy-hand,.piggy-arm-motion,.piggy-arm-extension{position:absolute;inset:0}.piggy-arm-extension{clip-path:polygon(75% 0,100% 0,100% 34%,75% 34%);transform-origin:75%;pointer-events:none;transform:scaleX(1.72)}.piggy-rest>img:first-child{clip-path:polygon(0 0,75% 0,75% 34%,100% 34%,100% 100%,0 100%)}.piggy-art img{pointer-events:none;width:100%;height:100%;display:block}.piggy-rest{opacity:1}.piggy-layers,.piggy-art.is-celebrating .piggy-rest{opacity:0}.piggy-art.is-celebrating .piggy-layers{opacity:1}.piggy-coin-amount{color:#89570d;letter-spacing:-.05em;white-space:nowrap;text-shadow:0 1px #ffe59a;pointer-events:none;font-weight:950;line-height:1;position:absolute;top:37.2%;left:55.2%;transform:translate(-50%,-50%)}.piggy-pig{clip-path:polygon(0 40%,43.7% 40%,43.7% 47.7%,66.6% 47.7%,66.6% 40%,100% 40%,100% 100%,0 100%);transform-origin:52% 85%}.piggy-coin-window{clip-path:polygon(0 0,100% 0,100% 47.8%,64.1% 47.8%,64.1% 50.2%,44.3% 50.2%,44.3% 47.8%,0 47.8%)}.piggy-coin{clip-path:circle(10.8% at 55.2% 37.1%);transform-origin:55.2% 37.1%}.piggy-hand{clip-path:polygon(0 0,75% 0,75% 34%,62% 34%,62% 27%,0 27%)}.piggy-twinkle{color:#f8c34f;opacity:0;text-shadow:0 1px 2px #b56b3655;font-size:27px;line-height:1;position:absolute}.piggy-twinkle-one{top:46%;left:36%}.piggy-twinkle-two{font-size:18px;top:45%;left:70%}.piggy-twinkle-three{font-size:13px;top:54%;left:61%}.piggy-art.is-celebrating:not(.reduce-motion) .piggy-coin{animation:.95s cubic-bezier(.35,.02,.65,1) 80ms both support-coin-drop}.piggy-art.is-celebrating:not(.reduce-motion) .piggy-hand,.piggy-art.is-celebrating:not(.reduce-motion) .piggy-arm-motion{animation:1.12s ease-in-out both support-hand-release}.piggy-art.is-celebrating:not(.reduce-motion) .piggy-pig{animation:.56s ease-out 1s both support-pig-bounce}.piggy-art.is-celebrating:not(.reduce-motion) .piggy-twinkle{animation:.55s ease-out 1.04s both support-twinkle}.piggy-art.is-celebrating:not(.reduce-motion) .piggy-twinkle-two{animation-delay:1.13s}.piggy-art.is-celebrating:not(.reduce-motion) .piggy-twinkle-three{animation-delay:1.2s}.piggy-art.reduce-motion.is-celebrating .piggy-rest{opacity:1}.piggy-art.reduce-motion.is-celebrating .piggy-layers{opacity:0}@keyframes support-coin-drop{0%,18%{transform:translate(0)scale(1)}38%{transform:translate(-1.1%,3%)scale(.89)}55%{transform:translate(-1.1%,9%)scale(.89)}to{transform:translate(-1.1%,23%)scale(.89)}}@keyframes support-hand-release{0%,18%{opacity:1;transform:translate(0)}38%{opacity:1;transform:translate(-1.1%,4%)}to{opacity:0;transform:translate(7%,-4%)}}@keyframes support-pig-bounce{0%,to{transform:scale(1)rotate(0)}35%{transform:scale(1.035,.96)rotate(-1deg)}72%{transform:scale(.99,1.025)rotate(1deg)}}@keyframes support-twinkle{0%,to{opacity:0;transform:scale(.5)}45%{opacity:1;transform:scale(1.1)}}.welcome-scroll .support-title{color:#26324d;text-align:center;margin:15px 0 10px;font-size:25px;font-weight:900;line-height:1.1}.support-pick{flex-direction:column;flex:1;display:flex}.support-note{color:#3c4763;text-align:center;margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4}.support-signature{color:#e2456a;text-align:center;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.4}.support-rule{background:repeating-linear-gradient(90deg,#efe4cc 0 6px,#0000 6px 11px);height:1px;margin:16px 0 20px}.support-amounts{grid-template-columns:repeat(4,minmax(0,1fr));align-self:center;gap:10px;width:100%;max-width:278px;margin:2px 0 16px;display:grid;position:relative;overflow:hidden}.support-amount-button{aspect-ratio:1;color:#26324d;background:#fff;border:3px solid #efe4cc;border-radius:999px;min-width:0;font-size:17px;font-weight:900;transition:transform .33s cubic-bezier(.22,1,.36,1),opacity .16s .18s}.support-amount-button.on{color:#4d3600;background:#fcd248;border-color:#f7be39}.support-amounts.is-other-open .support-amount-button{opacity:0;transition:transform .33s cubic-bezier(.22,1,.36,1),opacity .12s;transform:translate(-76px)}.support-other{z-index:1;background:#fff;border:3px solid #efe4cc;border-radius:999px;width:calc(25% - 7.5px);transition:width .39s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s;position:absolute;inset:0 0 0 auto;overflow:hidden}.support-amounts.is-other-open .support-other{border-color:#f7be39;width:100%;box-shadow:0 3px 12px #563b0b14}.support-other-trigger{color:#9a907e;width:100%;font-size:13px;font-weight:800;transition:opacity .12s .26s;position:absolute;inset:0}.support-amounts.is-other-open .support-other-trigger{opacity:0;pointer-events:none;transition-delay:0s}.support-other-expanded{z-index:1;opacity:0;pointer-events:none;align-items:center;gap:6px;width:100%;height:100%;padding:0 7px 0 17px;transition:opacity .16s,transform .26s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translate(12px)}.support-amounts.is-other-open .support-other-expanded{opacity:1;pointer-events:auto;transition-delay:.15s;transform:none}.support-other-expanded input{width:100%;min-width:0;font:inherit;color:#26324d;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:800}.support-other-expanded input::placeholder{color:#9a907e;opacity:1}.support-other-close{color:#675b49;background:#f6f0e4;border-radius:999px;flex:none;place-items:center;width:36px;height:36px;display:grid}.support-other-close:hover{background:#efe4cc}.support-other-close:focus-visible{outline-offset:-2px;outline:2px solid #c99a2e}@media (prefers-reduced-motion:reduce){.support-amount-button,.support-other,.support-other-trigger,.support-other-expanded{transition-duration:.01ms;transition-delay:0s}}.support-go{width:100%;min-height:56px;box-shadow:0 5px 0 var(--accent-dark);color:#3a2a06;background:linear-gradient(#ffc94d,#ffa91f);border-radius:999px;margin-top:auto;font-size:18px;font-weight:900}.support-go:disabled{opacity:.45;box-shadow:none}.support-change{color:var(--ink);margin:6px 0 12px;font-size:14px;font-weight:700;text-decoration:underline}.support-checkout-wrap{position:relative}.support-checkout-wrap.is-loading{min-height:120px}.support-checkout{opacity:0;min-height:40px;margin:0 -8px;transition:opacity .3s ease-out}.support-checkout.ready{opacity:1}.support-checkout-wrap .support-loading{position:absolute;inset:0 0 auto}.support-loading{background:linear-gradient(90deg,#f1f4f9 25%,#e6ebf3 50%,#f1f4f9 75%) 0 0/200% 100%;border-radius:16px;height:120px;animation:1.2s linear infinite support-shimmer}@keyframes support-shimmer{to{background-position:-200% 0}}.support-msg{background:#fff4e5;border-radius:14px;padding:12px 14px;font-weight:700}.support-mock{text-align:center;background:#fff;border:1px solid #efe4cc;border-radius:14px;padding:14px}.support-secure{color:#9a907e;text-align:center;margin:10px 0 0;font-size:10.5px;line-height:1.4}.support-celebration{text-align:center;margin:0}.welcome-scroll .support-celebration h2{color:#26324d;margin:10px 0 6px;font-size:30px;font-weight:900}.support-celebration>p:not(.support-signature){color:#3c4763;margin:0 0 4px;font-size:18px;font-weight:600}@media (height<=720px){.support-card .support-note{font-size:17px}}.finish-support{color:#26324dbf;pointer-events:auto;margin-top:10px;font-size:13px;font-weight:700;text-decoration:underline}.hearts-burst{z-index:30;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hearts-burst span{opacity:0;animation:2.4s cubic-bezier(.2,.7,.3,1) forwards heart-rise;position:absolute;bottom:-40px}@keyframes heart-rise{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}to{transform:translate(var(--drift), -70vh) scale(1.1);opacity:0}}