@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2) format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#343c30;background:#f8f7f0;font-synthesis:none;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #7854bc;outline-offset:5px}button{color:inherit}button svg{flex-shrink:0}.app{height:100dvh;min-height:440px}.header{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;background:#f8f7f0;position:relative;z-index:5}.wordmark{display:flex;gap:12px;align-items:center;color:#353c31;text-decoration:none;font-family:Fredoka,sans-serif;font-weight:600;font-size:40px;letter-spacing:-1.8px}.brand-dot{color:#9873cd}.header-right{display:flex;gap:35px;align-items:center}.little-label{font-size:12px;color:#7c8375;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;border-radius:100%;background:#83a874}.text-button{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600;border:0;background:transparent;padding:14px 0}.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f9f9f0;border:1px solid #dedfd1;transition:background .2s,transform .2s}.icon-button:hover{background:#e9e7db;transform:translateY(-1px)}.hole-face{width:94px;height:53px;background:#3b2c4e;border:6px solid #a58ada;border-radius:50%;display:inline-flex;align-items:flex-start;justify-content:center;gap:10px;transform:rotate(-7deg);box-shadow:0 5px #7a5ba4;position:relative}.hole-face i{width:17px;height:20px;border-radius:50%;background:#fffaee;margin-top:4px;position:relative}.hole-face i:after{content:"";width:7px;height:9px;background:#3b2c4e;position:absolute;left:6px;top:7px;border-radius:50%}.hole-face.small{width:47px;height:29px;border-width:3px;gap:5px;box-shadow:0 3px #7a5ba4}.hole-face.small i{width:8px;height:11px;margin-top:2px}.hole-face.small i:after{width:4px;height:5px;left:3px;top:4px}.playground{flex:1;min-height:0;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 42%,#e5eedb,#dce7cf 58%,#dce5cc)}.town-canvas{position:absolute;inset:0;touch-action:none;cursor:grab}.in-game .town-canvas:active{cursor:grabbing}.town-canvas canvas{width:100%;height:100%;display:block;outline:0}.scene-grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.3' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}.welcome-copy{position:absolute;z-index:2;left:6.4%;top:clamp(38px,8vh,100px);pointer-events:none;animation:rise .7s ease both}.welcome-copy [role=button]{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;display:flex;gap:9px;align-items:center;color:#657557}.eyebrow>span{width:6px;height:6px;background:#87996e;border-radius:50%}h1{font-family:Fredoka,sans-serif;font-weight:500;font-size:clamp(56px,5.35vw,84px);line-height:1.045;letter-spacing:-2.4px;margin:24px 0;position:relative}h1>span{color:#8862bd}.happy-underline{position:absolute;bottom:-14px;left:82px;width:210px;height:20px;fill:none;stroke:#a18bc0;stroke-width:3;stroke-linecap:round}.welcome-copy p{font-size:15px;line-height:1.8;color:#78806d;margin:29px 0}.action-button{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:17px!important;background:#8965be;padding:20px 25px!important;border-radius:18px!important;box-shadow:0 5px #6a4b97,0 12px 24px #7454a222;color:#fff;min-width:220px;min-height:66px;cursor:pointer;transition:background .2s,transform .2s;align-self:flex-start}.action-button:hover{background:#9773cb}.action-button.secondary{background:#eee9f5;color:#7855a7;box-shadow:none}.play-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#858b79;margin-top:20px;width:260px}.town-label{position:absolute;right:7%;top:7%;text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px;pointer-events:none}.town-label>span:not(.town-label-line){font-size:9px;letter-spacing:2px;color:#859276}.town-label strong{font-family:Fredoka,sans-serif;font-weight:500;font-size:24px;color:#566748}.town-label strong span{color:#bea759;margin-left:7px}.town-label-line{width:31px;height:1px;background:#aab896;margin-bottom:5px}.scene-note{position:absolute;bottom:13%;right:12%;font-family:Fredoka,sans-serif;font-size:15px;font-weight:400;color:#879773;transform:rotate(-6deg);pointer-events:none}.hand-drawn-arrow{font-size:44px;vertical-align:middle;margin-right:9px}.world-number{position:absolute;left:6.4%;bottom:35px;font-family:Fredoka,sans-serif;font-size:20px;color:#6c7e5d;display:flex;gap:15px;align-items:center}.world-number span{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:1.8px;color:#89977a}footer{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;font-size:11px;color:#8b8d7d}.footer-promises{display:flex;gap:5px;align-items:center}.footer-promises>span{display:flex;align-items:center;gap:8px}.tiny-flower{color:#a18ab6;font-size:24px;line-height:1;margin-right:5px}.footer-signoff{display:flex;align-items:center;gap:11px}.footer-signoff>span{font-size:20px;color:#9a9275}.game-top{position:absolute;top:28px;left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.growth-hud{display:flex;gap:17px;align-items:center;background:#fffcf1ed;padding:16px 22px;border-radius:22px;box-shadow:0 5px 20px #6270440a}.growth-hud>div{min-width:160px;display:flex;flex-direction:column;gap:6px}.hud-eyebrow{font-size:8px;letter-spacing:1.8px;color:#93849f;font-weight:700}.growth-hud strong{font-family:Fredoka,sans-serif;font-weight:500;font-size:21px}.growth-track{width:100%;height:4px;background:#e7e0ec;border-radius:4px;margin-top:2px;overflow:hidden}.growth-track>div{height:100%;background:#9673cb;transition:width .35s}.game-top-right{display:flex;align-items:center;gap:12px}.count-hud{display:flex;align-items:center;gap:10px;background:#fffcf1ed;padding:15px 20px;border-radius:30px;color:#9b80b2;font-size:13px}.count-hud strong{font-size:19px;color:#414a37}.count-hud>span{color:#949784}.pause-button{pointer-events:auto;background:#fffcf1;width:51px;height:51px;border:0}.game-bottom{position:absolute;left:32px;right:32px;bottom:26px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#677459;pointer-events:none}.game-bottom>span{display:flex;gap:8px;align-items:center;background:#f6f7e8d9;padding:12px 17px;border-radius:30px}.town-progress{display:flex;align-items:center;gap:12px;background:#f6f7e8d9;padding:12px 17px;border-radius:30px}.town-progress>div{width:110px;height:5px;background:#c9d4b8;border-radius:5px;overflow:hidden}.town-progress i{height:100%;background:#839b67;display:block;transition:width .3s}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#52624638;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;animation:fade .2s ease}.dialog{background:#fffdf5;border-radius:32px;padding:40px 48px;max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 20px 100px #354b3026;position:relative;animation:rise .35s ease}.dialog>.hole-face{margin:0 0 31px}.dialog>.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:4px}h2{font-family:Fredoka,sans-serif;font-size:36px;font-weight:500;line-height:1.15;margin:12px 0;color:#3d4336;letter-spacing:-.8px}.dialog>p{font-size:13px;line-height:1.7;color:#8a8b7a;margin:5px 0 26px}.dialog .action-button{align-self:center;min-width:240px}.restart-link{display:flex;align-items:center;gap:8px;background:none;border:0;color:#9b948d;font-size:12px;margin-top:24px;padding:8px}.close-help{position:absolute;right:18px;top:18px;background:transparent;border:0}.help-dialog{padding:34px 42px}.help-dialog>.hole-face{margin-bottom:16px}.help-steps{display:flex;flex-direction:column;gap:23px;text-align:left;margin:21px 0 32px;width:100%}.help-steps>div{display:flex;gap:18px;align-items:center}.help-steps>div>span{display:flex;align-items:center;justify-content:center;color:#9978bc;background:#f0ebf6;width:47px;height:47px;border-radius:15px;flex-shrink:0}.help-steps p{margin:0;font-size:11px;line-height:1.65;color:#929080}.help-steps strong{display:block;color:#505742;font-size:13px;margin-bottom:3px}.loading-town{position:absolute;right:8%;bottom:22px;display:flex;align-items:center;gap:10px;font-size:12px;color:#748560}.loading-town>span{width:12px;height:12px;border-radius:50%;border:2px solid #bdcaa9;border-top-color:#748560;animation:spin 1s linear infinite}.growth-toast{position:absolute;top:140px;left:50%;transform:translate(-50%);padding:16px 25px;background:#fff9e8;border-radius:50px;color:#9974c1;font-family:Fredoka,sans-serif;font-size:22px;display:flex;align-items:center;gap:12px;white-space:nowrap;animation:fade .25s ease;pointer-events:none}.trophy{font-size:72px;color:#e9b650;line-height:1;margin-bottom:18px}.completion-score{display:flex;align-items:center;gap:8px;background:#edf2e5;border-radius:14px;padding:13px 17px;color:#81936b;font-size:12px;margin:0 0 28px}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-40px;width:10px;height:20px;border-radius:3px;animation:confetti 3s ease-in infinite}@keyframes confetti{to{transform:translate(50px,100vh) rotate(530deg)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.welcome-copy{top:13%}.scene-note{right:18%}}@media(max-height:760px)and (min-width:801px){.header{height:72px}footer{height:48px}.welcome-copy{top:30px}h1{font-size:60px;margin:17px 0}.welcome-copy p{margin:23px 0 22px;font-size:13px}.action-button{padding:15px 22px!important;min-height:59px}.world-number{bottom:22px}.scene-note{bottom:9%}}@media(max-width:1000px){.little-label{display:none}.welcome-copy{left:5%}h1{font-size:60px}.town-label{right:5%}.scene-note{right:6%;font-size:13px}.header-right{gap:24px}.footer-signoff{display:none}.game-bottom{gap:12px}.keyboard-hint{display:none}}@media(max-width:700px){.header{height:72px;padding:0 22px}.wordmark{font-size:34px;gap:10px}.wordmark .hole-face{width:39px;height:25px}.header-right{gap:19px}.text-button{font-size:11px;gap:5px}.icon-button{width:40px;height:40px}.playground.welcome{background:radial-gradient(ellipse at 50% 70%,#e5eedb,#dce7cf 78%)}.welcome-copy{top:27px;left:27px;right:27px;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:48px;line-height:1.03;letter-spacing:-1.5px;margin:17px 0}h1 br:nth-of-type(2){display:none}h1>span{margin-left:8px}.happy-underline{left:135px;width:148px;bottom:-13px}.welcome-copy p{font-size:12px;line-height:1.6;margin:22px 0}.welcome-copy .action-button{position:fixed;left:27px;right:27px;bottom:89px;padding:16px 22px!important;min-height:60px;z-index:3}.play-caption{position:fixed;bottom:60px;left:0;width:100%;font-size:9px;margin:0}.town-label{top:auto;bottom:148px;right:25px;gap:5px}.town-label>span:not(.town-label-line){font-size:7px;letter-spacing:1.2px}.town-label strong{font-size:18px}.town-label-line,.scene-note,.world-number{display:none}footer{height:44px;padding:0 20px;font-size:9px;justify-content:center}.tiny-flower{font-size:20px}.footer-promises{gap:3px}.loading-town{right:25px;bottom:210px;font-size:10px}.game-top{top:17px;left:16px;right:16px}.growth-hud{padding:12px 15px;gap:10px;border-radius:17px}.growth-hud>.hole-face{width:35px;height:23px}.growth-hud>div{min-width:110px}.growth-hud strong{font-size:17px}.count-hud{padding:12px;gap:5px;font-size:10px}.count-hud svg{display:none}.count-hud strong{font-size:17px}.game-top-right{gap:7px}.pause-button{width:40px;height:43px}.game-bottom{bottom:16px;left:16px;right:16px;flex-direction:column;gap:10px;font-size:10px}.game-bottom>span{padding:10px 15px}.town-progress{padding:10px 15px}.growth-toast{font-size:18px;top:115px;padding:13px 18px}.dialog{padding:34px 25px;border-radius:25px}.dialog h2{font-size:31px}.help-dialog{padding:29px 25px}.help-dialog>.hole-face{margin-bottom:10px}.help-steps{gap:18px;margin:18px 0 25px}.overlay{padding:17px}}@media(max-width:700px)and (max-height:730px){.welcome-copy{top:20px}h1{font-size:41px;margin:12px 0}.welcome-copy p{font-size:11px;margin:16px 0}.welcome-copy .action-button{bottom:83px}.play-caption{bottom:54px}.town-label{bottom:144px}.dialog{padding:24px}.help-steps{gap:12px}.help-dialog h2{font-size:27px}.help-dialog>.hole-face{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:700px){.welcome-copy{animation:none;transform:none}.welcome-copy .action-button{pointer-events:auto}.welcome-copy h1{max-width:340px;font-size:46px}.welcome-copy .action-button{left:27px;right:27px}.welcome-copy .play-caption{bottom:60px}}.action-button{width:260px;padding:0!important}.action-button>button{min-height:66px;padding:19px 22px!important;border-radius:18px}.welcome-copy .action-button{pointer-events:auto}@media(max-width:700px){.welcome-copy .action-button{width:auto;padding:0!important}.action-button>button{min-height:60px;padding:16px 22px!important}}@media(max-width:700px){h1 br:nth-of-type(2){display:initial}.happy-underline{left:66px;width:160px}.welcome-copy h1>span{margin-left:0}}.rival-label{position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:5px 9px;border-radius:12px;border:2px solid;background:#fffbf1ed;color:#58604c;font-family:Fredoka,sans-serif;font-size:12px;white-space:nowrap;box-shadow:0 3px 8px #364d3115}.rival-label[data-threat=true]{background:#fff1e9;color:#a45642}.caught-overlay{animation:fade .55s ease both}@media(max-width:700px){.rival-label{font-size:10px;padding:4px 7px}}#root{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.town-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media(pointer:coarse){.icon-button{min-width:44px;min-height:44px}}@media(min-width:701px)and (max-aspect-ratio:1/1){.welcome-copy{top:34px;left:6%;right:6%;animation:none;transform:none}.welcome-copy h1{font-size:58px;margin:20px 0}.welcome-copy p{font-size:14px;margin:22px 0}.welcome-copy .action-button{position:fixed;left:50%;transform:translate(-50%);bottom:calc(105px + env(safe-area-inset-bottom));width:320px}.welcome-copy .play-caption{position:fixed;left:0;bottom:calc(76px + env(safe-area-inset-bottom));width:100%;margin:0}.town-label{top:38px;right:6%;gap:7px}.town-label>span:not(.town-label-line){font-size:8px;letter-spacing:1px}.town-label strong{font-size:22px}.world-number,.scene-note{display:none}}@media(min-width:701px)and (max-aspect-ratio:1/1)and (max-height:1050px){.welcome-copy{top:25px}.welcome-copy h1{font-size:48px;margin:15px 0}.welcome-copy p{font-size:13px;margin:20px 0}}.face-avatar{display:block;width:100%;height:100%;overflow:visible;flex-shrink:0}.face-change{pointer-events:auto;display:flex;align-items:center;gap:12px;width:260px;min-height:58px;padding:5px 13px 5px 7px;margin:0 0 18px;border:1px solid #bec8ae;border-radius:18px;background:#f8faedcf;text-align:left;color:#515e46}.face-change>.face-avatar{width:52px;height:47px}.face-change>span{display:flex;flex-direction:column;gap:2px}.face-change strong{font-family:Fredoka,sans-serif;font-size:17px;font-weight:500}.face-change small{font-size:11px;color:#7a826e}.face-dialog{max-width:510px;padding:38px 35px 32px}.face-dialog>p{margin-bottom:20px}.face-dialog h2{font-size:33px}.face-dialog>.eyebrow{margin-top:13px}.face-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin:0 0 26px}.face-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid transparent;border-radius:20px;background:#f1f2e7;min-height:119px;padding:9px 10px;color:#626b57;font-family:Fredoka,sans-serif;font-size:16px;transition:background .18s,transform .18s}.face-option>.face-avatar{width:83px;height:75px}.face-option[aria-pressed=true]{border-color:#9472c0;background:#eee6f6;color:#6d4d99}.face-option:hover{transform:translateY(-2px);background:#ece6f2}.face-check{position:absolute;right:7px;top:7px;color:#7653a4;background:#fffaf1;border-radius:50%;padding:2px}.dialog .face-change{align-self:center;margin-bottom:24px}@media(max-width:700px){.welcome-copy .face-change{width:235px;min-height:49px;margin-top:-8px}.welcome-copy .face-change>.face-avatar{width:43px;height:39px}.face-dialog{padding:28px 20px}.face-dialog h2{font-size:29px}.face-options{gap:8px}.face-option{padding:8px 4px;min-height:107px;font-size:14px}.face-option>.face-avatar{width:70px;height:63px}}@media(max-height:760px)and (min-width:801px){.welcome-copy .face-change{min-height:49px;margin-bottom:13px}.welcome-copy .face-change>.face-avatar{width:42px;height:38px}.welcome-copy p{margin-bottom:15px}}@media(max-height:650px){.face-dialog{padding-top:20px;padding-bottom:20px}.face-dialog h2{font-size:27px}.face-options{margin-bottom:16px;gap:8px}.face-option{min-height:85px}.face-option>.face-avatar{height:52px;width:58px}.face-dialog>p{margin-bottom:12px}}.face-change{background:#f8faed}@media(max-width:700px)and (max-height:730px){.welcome-copy h1{font-size:36px}.welcome-copy p{margin:12px 0}.welcome-copy .face-change{margin-top:0}}.solo-link{pointer-events:auto;border:0;background:none;font:inherit;font-weight:700;color:#7451ab;cursor:pointer;padding:10px}.play-caption{flex-wrap:wrap;gap:8px}.play-caption>span{font-size:11px}.room-leaders{display:grid;gap:5px;margin:18px 0;text-align:left}.room-leaders>div{display:flex;justify-content:space-between;gap:20px;padding:7px 12px;border-radius:10px;color:#667459;font-size:14px}.room-leaders .is-you{background:#eee4f7;color:#7451ab}.respawn-count{font-weight:700;color:#8a64c9!important}.solo-link{min-height:44px;font-size:12px}@media(max-width:700px){.welcome-copy .action-button{bottom:calc(112px + env(safe-area-inset-bottom))}.welcome-copy .play-caption{bottom:calc(44px + env(safe-area-inset-bottom));gap:4px}}@media(min-width:701px)and (max-aspect-ratio:1/1){.welcome-copy .action-button{bottom:calc(138px + env(safe-area-inset-bottom))}.welcome-copy .play-caption{bottom:calc(66px + env(safe-area-inset-bottom))}}.round-dialog{max-height:100%;overflow-y:auto;padding:16px 24px}.round-dialog>*{flex-shrink:0}.round-dialog .trophy{font-size:32px;margin-bottom:4px}.round-dialog h2{font-size:26px;margin:8px 0}.round-dialog .room-leaders{width:100%;margin:8px 0;gap:2px}.round-dialog .room-leaders>div{font-size:12px;line-height:1.4;padding:3px 10px}.round-dialog>p{margin:4px 0}.round-dialog .restart-link{margin-top:4px;min-height:44px}.name-field{display:flex;flex-direction:column;gap:7px;width:100%;margin:0 0 18px;text-align:left}.name-field>span{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#657557}.name-field>input{font:inherit;font-family:Fredoka,sans-serif;font-size:20px;font-weight:500;color:#3d4336;background:#f1f2e7;border:2px solid transparent;border-radius:16px;padding:13px 16px;width:100%;outline:0}.name-field>input::placeholder{color:#a3a996;font-weight:400}.name-field>input:focus{border-color:#9472c0;background:#f6f1fb}.meal-toast{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 36px;background:#fff9e8f5;border-radius:30px;box-shadow:0 12px 40px #6a4b9733;pointer-events:none;animation:meal-pop .55s cubic-bezier(.2,1.6,.4,1) both,fade .2s ease both}.meal-toast strong{font-family:Fredoka,sans-serif;font-weight:600;font-size:34px;color:#7854bc;letter-spacing:-.6px;white-space:nowrap}.meal-toast span{font-size:13px;color:#677459}.meal-burst{position:absolute;left:50%;top:50%;width:0;height:0}.meal-burst i{position:absolute;left:-6px;top:-8px;width:12px;height:16px;border-radius:4px;transform-origin:6px 8px;animation:meal-burst .9s ease-out both}@keyframes meal-pop{0%{transform:translate(-50%,-50%) scale(.4)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes meal-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-150px)}}@media(max-width:700px){.meal-toast{padding:16px 24px;top:34%}.meal-toast strong{font-size:24px}}@media(max-width:700px){.welcome-copy .play-caption{left:27px;right:27px;width:auto;background:#f6f7e8e8;border-radius:30px;padding:7px 12px;box-shadow:0 2px 10px #4a5a3a1a}}.play-caption{width:auto;align-self:flex-start;background:#f6f7e8ee;border-radius:30px;padding:8px 16px 8px 10px;color:#5f6a53;box-shadow:0 2px 10px #4a5a3a1a;pointer-events:auto}.play-caption>span{color:#5f6a53;font-size:12px}.solo-link{font-size:13px;color:#6c47a6;padding:8px 10px}@media(min-width:701px)and (max-aspect-ratio:1/1){.welcome-copy .play-caption{left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 54px);padding:9px 18px 9px 12px}}.frame-stats{position:absolute;left:50%;top:6px;transform:translate(-50%);z-index:20;font:12px/1.4 ui-monospace,Menlo,monospace;background:#1f2418d9;color:#e8efd8;padding:4px 10px;border-radius:8px;pointer-events:none;white-space:nowrap}.welcome-copy .action-button{width:260px;min-width:260px}.welcome-copy .play-caption{width:260px;justify-content:center;margin-top:14px}@media(max-width:700px){.welcome-copy .action-button{width:auto;min-width:0}.welcome-copy .play-caption{width:auto}}@media(min-width:701px)and (max-aspect-ratio:1/1){.welcome-copy .action-button{width:340px;min-width:340px}.welcome-copy .play-caption{width:340px;max-width:none;padding:9px 12px;flex-wrap:nowrap;white-space:nowrap;gap:10px}}.stick-ring,.stick-knob{position:absolute;left:0;top:0;pointer-events:none;z-index:3;border-radius:50%;will-change:transform}.stick-ring{width:84px;height:84px;margin:-42px 0 0 -42px;border:3px solid #ffffffb8;background:#3b2c4e1f;box-shadow:0 0 0 2px #3b2c4e22}.stick-knob{width:40px;height:40px;margin:-20px 0 0 -20px;background:#ffffffd9;box-shadow:0 3px 10px #3b2c4e40}.standings{position:absolute;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:2;display:flex;justify-content:center;align-items:flex-end;gap:8px;margin:0;padding:0 16px;list-style:none;pointer-events:none}.standings li{background:#fffcf1e6;border-radius:30px;box-shadow:0 3px 12px #4a5a3a1f;border:2px solid transparent;pointer-events:auto;transition:transform .15s}.standings li button{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 8px;border:0;background:none;border-radius:30px;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.standings li:first-child button,.standings li.is-peeked button{padding-right:14px}.standings li.is-peeked{transform:translateY(-3px)}.standings li.is-you{border-color:#9673cb}.standings .face-avatar{width:34px;height:31px;flex-shrink:0}.standing-rank{font-size:11px;font-weight:800;color:#7b8570;min-width:22px;text-align:center}.standings li:first-child .standing-rank{color:#7854bc;font-size:13px}.standings strong{font-family:Fredoka,sans-serif;font-weight:600;font-size:16px;color:#343c30;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.standings{gap:5px;padding:0 10px;flex-wrap:wrap;row-gap:6px}.standings li button{padding:4px 7px 4px 5px;gap:4px}.standings .face-avatar{width:28px;height:25px}.standing-rank{font-size:10px;min-width:18px}.standings strong{font-size:14px;max-width:90px}}.room-toasts{position:absolute;right:32px;top:150px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.room-toast{background:#3b2c4ee6;color:#fffaee;font-size:14px;font-weight:700;padding:9px 16px;border-radius:30px;white-space:nowrap;animation:rise .3s ease both}@media(max-width:700px){.room-toasts{left:50%;right:auto;top:134px;transform:translate(-50%);align-items:center}.room-toast{font-size:13px;padding:8px 14px}}.update-badge{position:absolute;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100% - 32px);top:150px;z-index:12;display:flex;align-items:center;gap:8px;background:#8965be;color:#fff;font:inherit;font-weight:700;font-size:13px;padding:10px 16px;border:0;border-radius:30px;box-shadow:0 4px #6a4b97,0 8px 20px #7454a233;cursor:pointer;white-space:nowrap;animation:rise .35s ease both}.update-badge:hover{background:#9773cb}.welcome .update-badge{top:10px}.pause-button{width:44px;height:44px}.header-right{gap:14px}.header-right .text-button{margin-right:14px}@media(max-width:700px){.update-badge{top:134px;font-size:12px;padding:9px 14px}.welcome .update-badge{top:8px}.has-update .room-toasts{top:182px}.pause-button{width:40px;height:40px}.header-right{gap:8px}.header-right .text-button{margin-right:4px}}.sky-tint{position:absolute;inset:0;pointer-events:none;z-index:0;--rain:0;background:linear-gradient(180deg,rgba(96,116,140,calc(var(--rain)*.28)),rgba(96,116,140,calc(var(--rain)*.16)));mix-blend-mode:multiply}.lightning{position:absolute;inset:0;z-index:9;pointer-events:none;background:#fffdf3;animation:lightning .7s ease-out both}@keyframes lightning{0%{opacity:.98}12%{opacity:.25}22%{opacity:.9}to{opacity:0}}.town-canvas.is-shaking{animation:shake .45s ease-out both}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-9px,5px)}30%{transform:translate(8px,-6px)}45%{transform:translate(-6px,4px)}60%{transform:translate(5px,-3px)}80%{transform:translate(-2px,2px)}}@media(prefers-reduced-motion:reduce){.town-canvas.is-shaking{animation:none}.lightning{animation-duration:.3s}}.room-leaders strong small{font-size:11px;font-weight:600;color:#8f9a82}.talk-bubble{position:absolute;z-index:3;transform:translate(-50%,-100%);pointer-events:none;background:#fffdf5;color:#3d4336;font-family:Fredoka,sans-serif;font-weight:500;font-size:13px;line-height:1.2;padding:6px 11px;border-radius:14px;border:2px solid #d8d3e4;box-shadow:0 3px 10px #3b2c4e22;white-space:nowrap;max-width:190px}.talk-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:#fffdf5;border-right:2px solid #d8d3e4;border-bottom:2px solid #d8d3e4;transform:translate(-50%) rotate(45deg)}.talk-bubble.pop{animation:bubble-pop .28s cubic-bezier(.2,1.6,.4,1) both}@keyframes bubble-pop{0%{transform:translate(-50%,-100%) scale(.4)}to{transform:translate(-50%,-100%) scale(1)}}@media(max-width:700px){.talk-bubble{font-size:12px;padding:5px 9px}}.town-canvas canvas.minimap{position:absolute;left:auto;right:32px;top:28px;width:112px;height:auto;aspect-ratio:140/130;border-radius:14px;border:3px solid #fffcf1ed;box-shadow:0 5px 20px #6270441a;pointer-events:none;z-index:2;display:none}@media(max-width:700px){.town-canvas canvas.minimap{right:10px;top:120px;width:78px;border-width:2px;border-radius:10px}}.has-update .town-canvas canvas.minimap{top:200px}@media(max-width:700px){.has-update .town-canvas canvas.minimap{top:182px}}