@font-face{font-family:"Bree Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bree-serif-CBwZE9fM.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/nunito-regular-mBGGtOB5.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:700 800;font-display:swap;src:url(/assets/nunito-bold-DcuS2A2O.ttf) format("truetype")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/nunito-black-CwXf83gf.ttf) format("truetype")}:root{font-family:Nunito,sans-serif;color:#174d43;background:#154c45;font-synthesis:none;font-weight:500;--cream:#fff6df;--ink:#174d43;--teal:#087e70;--gold:#f1bc50}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #e9943c;outline-offset:4px}button:disabled{cursor:default}#app{position:relative;width:100%;max-width:600px;height:100dvh;min-height:420px;overflow:hidden;margin:auto;background:#c3e8df;box-shadow:0 0 100px #082e3160}canvas{display:block;width:100%;height:100%;touch-action:none}.ui{position:absolute;inset:0;pointer-events:none;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.topbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{font-size:25px;font-weight:900;letter-spacing:-2px}.brand span{font-size:15px;letter-spacing:-1px}.brand i{color:#d99039;letter-spacing:0;font-style:normal}.top-actions{display:flex;gap:8px}.icon-button{width:42px;height:42px;border:1px solid #ffffff7a;background:#fff8dfb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;font-size:23px;pointer-events:auto}.hud{position:absolute;top:max(77px,calc(env(safe-area-inset-top) + 63px));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;background:#fff6dfec;border:1px solid #fff9e7;border-radius:17px;padding:13px 17px;box-shadow:0 5px 18px #3d70561a}.hud small{font-size:9px;letter-spacing:1.4px;font-weight:800;display:block}.distance strong{font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.25}.distance em{font-size:14px;font-style:normal;font-weight:500}.wallet{display:flex;gap:7px;align-items:center;font-size:22px}.coin-icon{width:21px;height:21px;border-radius:50%;background:#f2bd4f;border:2px solid #e5a93c;color:#8b5927;display:inline-flex;align-items:center;justify-content:center;font-size:13px;vertical-align:middle}.life{text-align:right}.life>span{font-size:22px;letter-spacing:2px;color:#ce654c}.life small{margin-top:5px;color:var(--ink)}.lost{opacity:.45}.powers{position:absolute;top:max(166px,calc(env(safe-area-inset-top) + 152px));left:22px;display:flex;gap:6px}.powers span{padding:7px 10px;background:#154d43e0;color:#fff3ce;border-radius:20px;font-size:11px}.tip{position:absolute;top:26%;left:6%;right:6%;text-align:center;letter-spacing:1.3px;font-size:10px;font-weight:800;text-shadow:0 1px 6px #fff8df,0 1px 6px #fff8df}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.menu{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 30px 20px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.title-block{text-align:center;margin-top:clamp(83px,13vh,138px)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800}.title-block .eyebrow{display:flex;align-items:center;justify-content:center;gap:7px}.eyebrow span{width:5px;height:5px;background:#d48d45;border-radius:50%}h1{font-family:"Bree Serif",serif;font-weight:500;font-style:italic;font-size:clamp(59px,14vw,89px);letter-spacing:-6px;line-height:.97;margin:24px 0 15px;text-shadow:0 2px 22px #ddf1df}h1 span{font-family:Nunito,sans-serif;display:block;font-style:normal;font-size:14px;letter-spacing:6px;font-weight:800;margin-top:16px;padding-left:7px}.title-block p{font-size:13px;line-height:1.6;margin:19px 0;color:#265e50}.menu-bottom{width:100%;max-width:410px;margin:0 auto}.controls-guide{display:flex;justify-content:center;gap:28px;margin-bottom:18px;text-shadow:0 1px 5px #fff5d9}.controls-guide span{font-size:10px;text-align:center;font-weight:700}.controls-guide b{display:block;font-size:23px;font-weight:500;margin-bottom:4px}.primary{border:0;border-bottom:4px solid #075c50;border-radius:13px;background:var(--teal);color:#fff5dc;width:100%;min-height:58px;padding:14px 22px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;box-shadow:0 7px 20px #125c4c26}.primary:hover{background:#096f63}.primary:active{transform:translateY(2px);border-bottom-width:2px}.primary span{font-size:24px;font-weight:400}.fine{font-size:10px;text-align:center;line-height:1.5;color:#487062;margin:11px 0}.record{display:flex;justify-content:center;gap:12px;align-items:center;font-size:9px;letter-spacing:1.5px;margin:17px 0 0}.record b{font-size:12px;letter-spacing:0}.panel{pointer-events:auto;position:relative;background:var(--cream);width:calc(100% - 32px);max-width:440px;border:1px solid #ffffff;box-shadow:0 20px 60px #173f4240;border-radius:23px;padding:25px;max-height:calc(100dvh - 105px);overflow-y:auto}.compact{text-align:center;padding:32px}.panel h2{font-family:"Bree Serif",serif;font-weight:500;font-size:42px;line-height:1.08;letter-spacing:-1.5px;margin:18px 0 13px}.panel p{font-size:13px;line-height:1.7}.panel.compact .primary{margin-top:25px}.secondary{display:block;margin:10px auto 0;padding:12px;min-height:44px;background:transparent;border:0;font-size:12px;text-decoration:underline;text-underline-offset:4px}.shop{margin-top:45px}.shop-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-wallet{font-size:16px;font-weight:800;white-space:nowrap}.vendor-intro{display:flex;align-items:center;gap:14px;margin-top:18px}.vendor-intro small{font-size:8px;letter-spacing:2px;font-weight:800}.vendor-intro h2{margin:5px 0 0;font-size:37px}.vendor-portrait{position:relative;width:62px;height:69px;border-radius:40px 40px 16px 16px;overflow:hidden;background:#e6d6ac;flex-shrink:0}.vendor-portrait:before{content:"";position:absolute;width:25px;height:29px;background:#795037;top:10px;left:19px;border-radius:12px 12px 9px 9px;border-top:6px solid #302c24}.vendor-portrait:after{content:"";position:absolute;width:47px;height:38px;bottom:-4px;left:8px;background:var(--robe);border-radius:22px 22px 0 0;border-right:8px solid #edc66c}.vendor-portrait span{position:absolute;left:26px;top:39px;z-index:2;color:#ffe6ad;font-size:16px}.quote{font-family:"Bree Serif",serif;font-style:italic;font-size:16px!important;color:#4b6959;margin:18px 0 8px;line-height:1.45!important}.shop-note{font-size:10px!important;margin:0 0 16px;color:#577569}.offers{display:flex;flex-direction:column;gap:9px}.offer{display:flex;align-items:center;text-align:left;gap:10px;padding:12px 10px;min-height:97px;width:100%;background:#fffaf0;border:1px solid #d8d7b8;border-radius:12px}.offer:hover:not(:disabled){border-color:#087e70;background:#f0f1d9}.offer:disabled{opacity:.48}.item-art{width:50px;flex-shrink:0}.item-art svg{display:block;width:100%}.item-copy{flex:1}.item-copy strong{display:block;font-size:13px;line-height:1.4;margin-bottom:5px}.item-copy small{font-size:12px;line-height:1.4;display:block;color:#587568}.item-copy em{display:block;font-size:9px;margin-top:4px;font-style:normal;font-weight:700}.price{font-size:16px;display:flex;gap:4px;align-items:center;font-weight:800}.price .coin-icon{width:16px;height:16px;font-size:9px}.skip-button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:55px;border:0;border-top:1px solid #ded9bd;background:transparent;margin-top:16px;font-size:12px;font-weight:700;padding:12px 0}.skip-button span{font-size:9px;font-weight:400}.skip-button:disabled{opacity:.4}.shop .fine{margin:3px 0 0;font-size:9px}.countdown{display:flex;flex-direction:column;align-items:center;color:#fff9e8;background:#174d43cf;border:1px solid #ffffff40;border-radius:100px;padding:32px 28px;text-align:center}.countdown>span{font-size:9px;letter-spacing:2px}.count-number{font-size:80px;font-family:"Bree Serif",serif;font-weight:500}.countdown small{font-size:10px}.end-stamp{font-size:8px;letter-spacing:2px;border:2px solid #cd8259;color:#b06b48;transform:rotate(-10deg);border-radius:50%;width:98px;height:98px;margin:20px auto;padding-top:19px;line-height:1.6}.end-stamp span{font-size:22px}.final-score{font-family:"Bree Serif",serif;font-size:65px;line-height:1;margin-top:20px}.final-score span{display:block;font-family:Nunito,sans-serif;font-size:11px;margin-top:9px;letter-spacing:.6px}.result-line{display:flex;justify-content:center;gap:24px;border-top:1px solid #d9d6b7;border-bottom:1px solid #d9d6b7;padding:15px 0;margin-top:22px;font-size:8px;letter-spacing:1px}.result-line b{font-size:13px;display:block;margin-top:6px;letter-spacing:0}.toast{position:absolute;bottom:calc(110px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,8px);width:max-content;max-width:90%;background:#154d43ee;color:#fff3d4;font-size:12px;padding:12px 17px;border-radius:30px;opacity:0;transition:opacity .15s,transform .15s;text-align:center;box-shadow:0 5px 20px #123f421f}.toast.visible{opacity:1;transform:translate(-50%)}.touch-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:25px;right:25px;display:flex;justify-content:center;gap:10px}.touch-controls button{pointer-events:auto;min-width:58px;height:55px;border:1px solid #fff6d4bd;border-radius:13px;background:#fff6dfad;font-size:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.touch-controls small{font-size:6px;letter-spacing:1px;margin-top:4px}.ui:not([data-state=running]) .touch-controls,.ui:not([data-state=running]) .tip{display:none}.ui[data-state=menu] .hud,.ui[data-state=menu] .powers,.ui[data-state=menu] #pause,.ui[data-state=gameover] #pause,.ui[data-state=shop] #pause{display:none}.ui[data-state=shop] .overlay,.ui[data-state=paused] .overlay,.ui[data-state=gameover] .overlay{background:#124f4438;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ui[data-state=shop] .hud,.ui[data-state=gameover] .hud{opacity:0}.fallback{padding:40px;color:var(--ink)}@media(min-width:760px){body{background:radial-gradient(ellipse at 50% 10%,#528e7b,#163f39)}#app{border-left:1px solid #ffffff30;border-right:1px solid #ffffff30}.title-block h1{font-size:89px}}@media(max-height:710px){.title-block{margin-top:74px}h1{font-size:63px;margin-top:15px}.title-block p{font-size:11px;margin-top:12px}.menu{padding-bottom:12px}.record{margin-top:10px}.controls-guide{margin-bottom:10px}.panel{padding:18px}.shop{margin-top:35px}.vendor-intro{margin-top:10px}.quote{margin-top:10px;font-size:14px!important}.offer{min-height:82px;padding:8px}.item-art{width:40px}.shop-note{margin-bottom:10px}.skip-button{margin-top:8px}.compact .end-stamp{display:none}.compact h2{font-size:34px}}@media(max-width:350px){.menu{padding-left:20px;padding-right:20px}h1{font-size:60px}.title-block .eyebrow{font-size:8px;letter-spacing:1.6px}.panel{padding:16px}.item-art{width:34px}.offer{gap:7px}.price{font-size:13px}.item-copy small{font-size:11px}.shop-top .eyebrow{font-size:8px}.touch-controls{gap:6px}.touch-controls button{min-width:52px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.abilities{position:absolute;bottom:calc(89px + env(safe-area-inset-bottom));left:22px;right:22px;display:flex;gap:10px;justify-content:center}.abilities button{pointer-events:auto;min-height:55px;min-width:125px;border:1px solid #ffe8ad;border-bottom:3px solid #c08d3b;border-radius:13px;background:#f6cf76;color:#194e44;font-size:16px;font-weight:800;padding:8px 15px;box-shadow:0 4px 13px #163f4126}.abilities small{display:block;font-size:9px;font-weight:500;margin-top:5px}.abilities button:disabled{opacity:.6}.ui:not([data-state=running]) .abilities{display:none}.intro-caption{position:absolute;top:29%;left:18px;right:18px;text-align:center;color:#164d43;text-shadow:0 2px 10px #fff7d8}.intro-caption small{display:block;font-size:9px;letter-spacing:2px;font-weight:800}.intro-caption strong{display:block;font:italic 27px "Bree Serif",serif;margin-top:14px}.ui[data-state=running] .toast{bottom:calc(159px + env(safe-area-inset-bottom))}.ui[data-state=intro] .tip{display:none}h1{font-style:normal;font-weight:400;letter-spacing:-2.5px}.panel h2,.count-number,.final-score{font-weight:400}.quote{font-family:Nunito,sans-serif;font-style:normal;font-weight:700}.intro-caption strong{font-family:Nunito,sans-serif;font-style:normal;font-weight:900}.ui[data-state=gameover] .panel{transform-origin:center;animation:result-popup .28s cubic-bezier(.2,.85,.3,1.15) both}@keyframes result-popup{0%{opacity:0;transform:scale(.76)}to{opacity:1;transform:scale(1)}}.ui[data-state=budgetout] #pause,.ui[data-state=budgetout] .toast,.ui[data-state=budgetout] .powers{display:none}.budget-stamp{position:absolute;top:29%;left:50%;width:min(76%,350px);padding:14px 20px;border:5px solid #b8472c;outline:2px dashed #b8472c;outline-offset:-11px;border-radius:5px;color:#b8472c;background:#fff6dfed;text-align:center;opacity:0;transform:translate(-50%) rotate(-8deg);font-family:"Bree Serif",serif;box-shadow:0 5px #63391e12}.budget-stamp span{display:block;font-size:clamp(18px,5vw,26px);letter-spacing:6px}.budget-stamp strong{display:block;font-size:clamp(38px,10vw,60px);line-height:1.05;font-weight:400;letter-spacing:2px}.budget-stamp.stamped{animation:budget-stamp .38s cubic-bezier(.12,.72,.26,1) both}@keyframes budget-stamp{0%{opacity:0;transform:translate(-50%) rotate(-18deg) scale(1.8)}65%{opacity:1;transform:translate(-50%) rotate(-8deg) scale(.94)}to{opacity:1;transform:translate(-50%) rotate(-8deg) scale(1)}}.intro-caption,.start-callout,.countdown{position:absolute;left:var(--head-x,50%);top:var(--head-y,60%);right:auto;bottom:auto;width:max-content;max-width:85%;transform:translate(-50%,-100%);text-align:center;color:#174d43;text-shadow:0 1px 5px #fff6df,0 1px 12px #fff6df;background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 10px}.intro-caption strong{margin:0;font-size:clamp(19px,5vw,27px);line-height:1.25}.intro-caption{animation:head-appear .18s ease-out both}.start-callout{font-size:34px;font-weight:900;opacity:0}.start-callout.visible{animation:head-cheer 1.5s ease-out both}.countdown{gap:2px;font-weight:900}.countdown>span{font-size:12px;letter-spacing:1px}.count-number{font-family:Nunito,sans-serif;font-size:52px;font-weight:900;line-height:1}.countdown small{font-size:11px;font-weight:800}@keyframes head-appear{0%{opacity:0;transform:translate(-50%,-85%)}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes head-cheer{0%{opacity:0;transform:translate(-50%,-85%) scale(.9)}15%,70%{opacity:1;transform:translate(-50%,-100%) scale(1)}to{opacity:0;transform:translate(-50%,-125%) scale(1)}}@media(prefers-reduced-motion:reduce){.ui[data-state=gameover] .panel,.budget-stamp.stamped,.intro-caption,.start-callout.visible{animation:none}.budget-stamp.stamped,.intro-caption,.start-callout.visible{opacity:1}}.tutorial-toggle{pointer-events:auto;display:flex;gap:10px;align-items:center;text-align:left;background:#fff6dfe6;border:1px solid #fff7d7;border-radius:12px;padding:10px 12px;margin-bottom:12px}.tutorial-toggle input{width:20px;height:20px;accent-color:#087e70;flex-shrink:0}.tutorial-toggle b{display:block;font-size:12px}.tutorial-toggle small{display:block;font-size:10px;margin-top:3px;color:#487062}.ui[data-state=tutorial] .touch-controls{display:flex}.ui[data-state=tutorial] .touch-controls button:disabled{opacity:.2}.ui[data-state=tutorial] .touch-controls button:not(:disabled){background:#f6ce72;border-color:#d49a34}.ui[data-state=tutorial] .tip,.ui[data-state=tutorialshop] .hud,.ui[data-state=tutorialshop] #pause,.ui[data-state=reaction] .toast{display:none}.ui[data-state=tutorialshop] .overlay{background:#124f4438;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tutorial-guide{position:absolute;top:27%;left:15px;right:15px;text-align:center;color:#174d43;text-shadow:0 1px 8px #fff7d9,0 1px 4px #fff7d9}.tutorial-guide>small{font-size:10px;letter-spacing:2px;font-weight:900}.tutorial-guide>strong{display:block;font-size:clamp(22px,5vw,30px);font-weight:900;margin-top:7px}.tutorial-guide p{font-size:13px;font-weight:800;margin:8px 0}.tutorial-guide em{font-size:11px;font-style:normal}.gesture{display:block;font-size:65px;font-weight:900;color:#ae5d23;line-height:1.05;margin:4px 0}.gesture-left{animation:swipe-left .9s ease-in-out infinite}.gesture-right{animation:swipe-right .9s ease-in-out infinite}.gesture-jump{animation:swipe-up .9s ease-in-out infinite}.gesture-slide{animation:swipe-down .9s ease-in-out infinite}@keyframes swipe-left{50%{transform:translate(-22px)}}@keyframes swipe-right{50%{transform:translate(22px)}}@keyframes swipe-up{50%{transform:translateY(-12px)}}@keyframes swipe-down{50%{transform:translateY(12px)}}.offer.skip-offer{margin-top:12px;border:2px solid #b47a28;background:#f8e8b5;min-height:78px}.offer.skip-offer:hover:not(:disabled){background:#f5d78b;border-color:#80561d}.skip-stock{text-align:center;font-size:22px;font-weight:900;min-width:52px}.skip-stock small{display:block;font-size:9px;font-weight:700}.tutorial-items{display:flex;justify-content:space-around;gap:8px;margin:16px 0}.tutorial-items>span{flex:1;text-align:center}.tutorial-items svg{display:block;width:50px;height:50px;margin:0 auto 5px}.tutorial-items b{font-size:10px}.tutorial-shop h2{font-size:34px;margin:12px 0}.tutorial-shop .primary{font-size:16px}.tutorial-shop .primary>span{font-size:16px;white-space:nowrap}.ui[data-state=reaction] #pause{display:block}.shop{max-height:calc(100dvh - 44px);margin-top:24px}.shop .offer{min-height:83px}.shop .quote{font-size:14px!important;margin:10px 0 6px}.shop .vendor-intro{margin-top:12px}.shop .vendor-portrait{height:58px;width:54px}.shop .item-copy small{font-size:11px}.shop .fine{margin-top:8px}@media(max-height:710px){.menu .controls-guide{margin-bottom:8px}.tutorial-toggle{padding:7px 10px;margin-bottom:8px}.tutorial-toggle b{font-size:11px}.tutorial-toggle small{font-size:9px}.menu .record{margin-top:7px}.shop{padding:15px;margin-top:18px}.shop .offer{min-height:74px;padding:8px}.shop .vendor-intro{margin-top:7px}.shop .quote{font-size:12px!important}.shop .shop-note{font-size:9px!important;margin-bottom:8px}.tutorial-guide{top:27%}.tutorial-guide>strong{font-size:22px}.gesture{font-size:48px}.tutorial-guide p{font-size:11px}.tutorial-shop p{font-size:12px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.gesture{animation:none}}.shop{max-height:calc(100dvh - 90px);margin-top:60px}.ui[data-state=gameover] .compact{padding:22px}.ui[data-state=gameover] .end-stamp{width:78px;height:78px;font-size:6px;padding-top:13px;margin:14px auto}.ui[data-state=gameover] .end-stamp span{font-size:18px}.ui[data-state=gameover] h2{font-size:35px;margin:12px 0}.ui[data-state=gameover] .final-score{font-size:54px;margin-top:14px}.ui[data-state=gameover] .result-line{margin-top:16px;padding:11px 0}.ui[data-state=gameover] .primary{margin-top:18px}.ui[data-state=gameover] .secondary{margin-top:4px}.brand{line-height:0}.brand img{display:block;width:42px;height:42px;border-radius:8px}.title-block h1.logo-title{margin:12px 0 0;font-size:0;line-height:0;letter-spacing:0}.menu-logo{display:block;width:min(248px,30dvh);height:auto;margin:0 auto;border-radius:14px}.title-block:has(.menu-logo)>p{margin:12px 0 0}@media(max-height:710px){.menu-logo{width:min(200px,30dvh)}.title-block:has(.menu-logo)>p{margin-top:10px}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.home-art{position:absolute;inset:0;background:#f8f5e9;pointer-events:none;z-index:1}.home-art[hidden]{display:none}.home-plate,.new-home{position:absolute;left:50%;top:50%;width:var(--home-w);height:var(--home-h);transform:translate(-50%,-50%)}.home-plate img{display:block;width:100%;height:100%;object-fit:contain}.overlay{z-index:2}.menu.new-home{padding:0;display:block;max-width:none}.new-home .tutorial-toggle{position:absolute;top:6%;left:7%;right:7%;margin:0;background:#fffaf0e8;border-color:#ddcfad;min-height:48px}.new-home .tutorial-toggle b{font-size:11px}.new-home .tutorial-toggle small{font-size:9px}.home-action{position:absolute;top:47.5%;left:13%;right:13%;transform:translateY(-29px);text-align:center}.home-action .primary{margin:0;min-height:58px}.home-action .controls-guide{display:flex;gap:15px;margin:10px 0 0}.home-action .controls-guide span{font-size:9px}.home-action .controls-guide b{display:inline;font-size:16px;margin:0}.home-action .fine{font-size:9px;margin:4px 0}.home-action .record{font-size:8px;margin-top:7px;gap:8px}.home-action .record b{font-size:10px}.ui[data-state=menu] .topbar,.ui[data-state=launch] .topbar{inset:0;pointer-events:none}.ui[data-state=menu] .brand,.ui[data-state=menu] .inventory-status,.ui[data-state=launch] .brand,.ui[data-state=launch] .inventory-status,.ui[data-state=launch] #pause,.ui[data-state=launch] .hud{display:none}.ui[data-state=menu] .top-actions,.ui[data-state=launch] .top-actions{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));right:20px}.ui[data-state=menu] #sound,.ui[data-state=launch] #sound{width:44px;height:44px;background:#fff6dfed;border:1px solid #bf9b60}.topbar{left:18px;right:18px;gap:8px}.brand img{width:34px;height:34px}.top-actions{gap:6px}.top-actions .icon-button{width:36px;height:36px;font-size:21px}.inventory-status{display:flex;flex:1;justify-content:center;align-items:center;gap:8px}.status-item{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:32px;height:43px}.status-item svg{width:30px;height:30px;display:block}.status-item b{font-size:9px;line-height:1;font-weight:900;white-space:nowrap}.ui[data-state=gameover] .inventory-status{visibility:hidden}.abilities{gap:12px}.abilities button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;width:64px;height:76px;min-height:76px;padding:5px 8px;gap:2px}.ability-art{display:block;width:38px;height:42px}.ability-art svg{width:100%;height:100%;display:block}.abilities button strong{font-size:15px;line-height:1;font-weight:900}.abilities button[hidden]{display:none}@media(max-width:350px){.topbar{left:14px;right:14px;gap:6px}.inventory-status{gap:3px}.status-item{width:29px}.status-item svg{width:28px;height:28px}.new-home .tutorial-toggle{left:5%;right:5%}.home-action{left:10%;right:10%}}.abilities{justify-content:space-between}#use-coconut{margin-left:auto}.scene-fade{position:absolute;inset:0;z-index:100;background:#f8f5e9;pointer-events:auto;will-change:opacity}.scene-fade[hidden]{display:none}.character-select{position:absolute;top:14%;left:16%;right:16%;min-height:44px;display:flex;align-items:center;gap:9px;padding:3px 12px;pointer-events:auto;background:#fffaf0;border:1px solid #c5b58c;border-radius:12px;text-align:left;box-shadow:0 3px 10px #76582a0d}.character-select>svg{width:28px;height:38px;flex-shrink:0}.character-select small{display:block;font-size:7px;letter-spacing:1.2px;font-weight:800}.character-select b{display:block;font-family:"Bree Serif",serif;font-size:14px;font-weight:400}.character-change{margin-left:auto;font-size:21px;color:#947046}.character-dialog{color:var(--ink);padding:26px;max-height:calc(100dvh - 32px);max-width:440px}.character-dialog::backdrop{background:#174d4380;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.character-dialog h2{font-size:34px;margin:12px 0 8px}.character-dialog>p{font-size:12px;margin:0 0 18px}.character-dialog:not([open]){display:none}.character-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.character-option{min-width:0;padding:12px 8px;background:#fffaf0;border:1px solid #d8d7b8;border-radius:13px;text-align:center;display:flex;flex-direction:column;align-items:center}.character-option[aria-pressed=true]{border:2px solid #087e70;background:#eef0da;padding:11px 7px}.character-option>svg{width:100%;height:146px}.character-option strong{font:400 19px "Bree Serif",serif}.character-option small{font-size:10px;line-height:1.5;margin:8px 0 12px;min-height:45px;color:#52685b}.character-option em{font-style:normal;font-size:10px;font-weight:900;color:#087e70;margin-top:auto;min-height:24px}.character-dialog .primary{min-height:48px}.toast{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--cream);color:var(--ink);border:1px solid #d3b370;border-radius:13px;box-shadow:0 5px 18px #3d705626;font:800 13px/1.4 Nunito,sans-serif;padding:12px 16px;text-align:left;max-width:calc(100% - 44px);width:max-content}.toast strong{display:block;font:400 18px/1.2 "Bree Serif",serif;margin-bottom:4px}.toast small{display:block;font:700 11px/1.45 Nunito,sans-serif;color:#487062}.toast-art{flex:0 0 38px}.toast-art svg{display:block;width:38px;height:38px}@media(max-width:350px){.character-select{left:12%;right:12%;padding-left:8px;padding-right:8px}.character-dialog{padding:18px}.character-options{gap:8px}.character-option strong{font-size:17px}.character-option>svg{height:125px}}