.foona-app,.foona-app *{box-sizing:border-box}.foona-app{--cyan:#65dcff;--navy:#021a35;--yellow:#ffd21a;color:#fff;font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;position:relative;isolation:isolate;width:min(100%,480px);height:100dvh;min-height:510px;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#087ac8,#042b56 65%,#00152e);box-shadow:0 20px 70px #00152866;user-select:none;touch-action:manipulation}.foona-app button,.foona-app input{font:inherit}.foona-app button{cursor:pointer;color:#fff;border:1px solid #56cbf4;background:linear-gradient(#0969aa,#00305b);border-radius:13px;padding:12px;font-weight:850;box-shadow:inset 0 1px #ffffff44,0 4px 0 #00142b;touch-action:manipulation;transition:filter .15s,transform .12s;min-height:46px}.foona-app button:hover{filter:brightness(1.12)}.foona-app button:active{transform:translateY(3px)}.foona-app button:focus-visible,.foona-app a:focus-visible,.foona-app input:focus-visible{outline:3px solid #fff;outline-offset:3px}.foona-app button:disabled{opacity:.5;cursor:default}.foona-app .gold{background:linear-gradient(#fff27b,#ffd01a 47%,#ffaf00);color:#092647;border:2px solid #fff3ad;box-shadow:inset 0 2px #fff9b0,inset 0 -4px #e99200,0 4px #825000;font-weight:950}.top{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;z-index:2;padding:calc(9px + env(safe-area-inset-top)) 14px 0;min-height:65px}.round{width:42px;height:42px;border-radius:50%!important;padding:3px!important;font-size:21px!important;min-height:42px!important}.logo{height:49px;max-width:155px;object-fit:contain;justify-self:center;filter:drop-shadow(0 3px 3px #001c47)}.hud{padding:0 15px 4px;z-index:2}.distance{text-align:center;font-size:clamp(40px,11vw,58px);font-weight:1000;line-height:1.12;letter-spacing:-.045em;text-shadow:0 3px #00376c,0 5px 10px #00172c}.distance small{font-size:19px;margin-left:5px}.records{display:flex;gap:8px;margin:6px 0}.records>div{flex:1;background:linear-gradient(135deg,#034d83bb,#001b3bdd);border:1px solid #38b8eb88;border-radius:10px;text-align:center;font-size:9px;letter-spacing:.06em;padding:6px}.records strong{display:block;font-size:16px;letter-spacing:0}.vitals{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.vitals #hearts{color:#ff596a;font-size:25px;text-shadow:0 2px #9b1635}.energy{display:flex;align-items:center;gap:4px}.energy b{font-size:27px;color:#ffe44c}progress{appearance:none;width:96px;height:12px;border:1px solid #85def9;border-radius:8px;overflow:hidden;background:#001f3b}progress::-webkit-progress-bar{background:#001f3b}progress::-webkit-progress-value{background:linear-gradient(90deg,#f8eb47,#21da87);border-radius:8px}progress::-moz-progress-bar{background:#35dd86}#field{position:relative;flex:1;min-height:110px;overflow:hidden;background:#106fa9}#world{width:100%;height:100%;display:block}#jump{z-index:3;flex-shrink:0;width:calc(100% - 12px);margin:7px 6px 0;min-height:70px;border-radius:16px;font-size:32px;letter-spacing:.025em;touch-action:none}#jump small{display:block;font-size:8px;letter-spacing:.18em;opacity:.65;margin-top:1px}#ad-slot{z-index:10;position:relative;flex-shrink:0;height:76px;margin:16px 10px calc(7px + env(safe-area-inset-bottom));padding:14px 3px 3px;border:1px solid #75bddb55;background:#00182e;color:#8bb3d1;text-align:center;font-size:10px;display:flex;align-items:center;justify-content:center}#ad-slot>span{position:absolute;top:3px;font-size:7px;letter-spacing:.16em}#foona-banner{width:100%;height:50px;max-width:320px;display:grid;place-items:center}#toast{position:absolute;top:13px;left:12%;right:12%;padding:10px;background:#002b4fe8;border:1px solid #5ddeff;border-radius:14px;font-size:13px;font-weight:850;text-align:center;opacity:0;transform:translateY(-12px);transition:.25s;pointer-events:none;z-index:4}#toast.visible{opacity:1;transform:translateY(0)}#countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;font-weight:950;font-size:85px;text-shadow:0 6px 12px #002143}.screen{position:absolute;z-index:8;inset:0 0 calc(90px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:auto;padding:22px;gap:12px;background:linear-gradient(#002449dd,#002244ed 75%,#001a35);backdrop-filter:blur(7px);text-align:center;animation:screen-in .28s ease-out}.screen.hidden{display:none}.screen .head{display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:6px}.screen h1,.screen h2,.screen h3{margin:0;color:white;font-weight:950;line-height:1.1}.screen h2{font-size:25px}.screen h3{font-size:16px}.screen p{font-size:12px;line-height:1.6;color:#afd5ef;margin:0}.screen .hero{height:clamp(95px,22vh,180px);width:100%;object-fit:contain;filter:drop-shadow(0 12px 9px #001c44);animation:float 3s ease-in-out infinite}.screen .home-logo{width:170px;height:60px;object-fit:contain;margin:0 auto}.screen .kicker{font-size:9px;letter-spacing:.22em;color:#74d7ff;font-weight:800}.screen .home-play{font-size:24px;min-height:60px}.screen .grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.screen .grid.three{grid-template-columns:repeat(3,1fr)}.screen .grid.three button{font-size:10px;padding:10px 4px}.screen .panel{border:1px solid #2996c555;background:linear-gradient(135deg,#034c7d88,#001b34cc);border-radius:14px;padding:15px;text-align:left}.screen .row{display:flex;align-items:center;justify-content:space-between;gap:9px}.screen .metric{font-size:35px;font-weight:950;letter-spacing:-.04em}.screen .muted{font-size:11px;color:#9dc6e2}.screen .pill{border:1px solid #3daddb66;border-radius:30px;padding:5px 10px;font-size:10px;color:#8ce2ff;display:inline-block}.screen .skin-card{padding:12px 8px}.skin-card img{width:100%;height:90px;object-fit:contain}.skin-card button{width:100%;font-size:11px;margin-top:8px}.screen .tabs{display:flex;gap:5px}.screen .tabs button{flex:1;padding:8px 3px;font-size:10px}.screen .tabs button.selected{background:#19baf1;color:#001b38}.screen progress{width:100%;margin-top:10px;height:8px}.screen .reward{font-size:40px;display:block;margin:10px}.screen label{display:block;font-size:12px;text-align:left;color:#c1e6fa}.screen input{width:100%;background:#fff;color:#002144;padding:12px;border:0;border-radius:10px;margin:7px 0;user-select:text}.screen code{display:block;overflow-wrap:anywhere;background:#001226;padding:14px;color:#ffe451;border:1px solid #ffd21a66;border-radius:10px;user-select:all;font-size:17px}.screen a{color:#82e3ff}.screen .danger{color:#ffb8ba}.screen .success{color:#55eca3}.screen .small{font-size:10px}.screen .spacer{flex:1;min-height:0}.screen .lead-row{display:flex;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #1c5576}.screen .lead-row strong{margin-left:auto}.screen .rank{color:#ffe34a;width:20px}.screen .toggle{width:52px;min-height:30px;padding:3px;background:#012039;box-shadow:none;border-radius:20px}.screen .toggle.on{background:#00a6e1}.screen .toggle:after{content:'';display:block;width:20px;height:20px;border-radius:50%;background:white;transition:.2s}.screen .toggle.on:after{transform:translateX(23px)}#notice{z-index:20;position:absolute;bottom:110px;left:15px;right:15px;background:#00223bea;border:1px solid #7fe7ff;border-radius:12px;padding:12px;text-align:center;font-size:12px;pointer-events:none;opacity:0;transition:.2s}#notice.visible{opacity:1}.foona-app.reduced *{animation:none!important;transition:none!important}@keyframes float{50%{transform:translateY(-8px) rotate(2deg)}}@keyframes screen-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(min-width:540px){.foona-app{height:min(94dvh,950px);margin:3dvh auto;border:5px solid #061629;border-radius:28px}}@media(max-height:680px){.top{min-height:48px;padding-top:4px}.logo{height:37px}.distance{font-size:36px}.records{margin:3px 0}.records>div{padding:4px}.vitals #hearts{font-size:20px}#jump{min-height:58px;font-size:28px}.screen{padding:15px;gap:8px}.screen .hero{height:90px}.screen .home-logo{height:43px}#ad-slot{height:72px}.skin-card img{height:65px}}@media(prefers-reduced-motion:reduce){.foona-app *{animation:none!important;transition:none!important}}

.screen h1:focus,.screen h2:focus{outline:none}

.foona-app .ico{width:1.2em;height:1.2em;vertical-align:-.2em;margin-right:3px}.foona-app .fish-icon{width:22px;height:18px;object-fit:contain;vertical-align:middle}
/* V3: edge-to-edge world, compact floating HUD and cinematic landing screen. */
.foona-app{width:100%;max-width:none;height:100dvh;min-height:540px;border:0;border-radius:0;margin:0;box-shadow:none;background:#03274b}.foona-app #field{position:absolute;inset:0;min-height:0;z-index:0}.foona-app .top{position:relative;flex-shrink:0;background:linear-gradient(#00152bdb,transparent);padding-top:calc(7px + env(safe-area-inset-top));min-height:59px}.foona-app .logo{height:44px}.foona-app .hud{position:relative;z-index:2;width:min(100%,430px);align-self:center;padding:0 13px 5px;background:linear-gradient(#002850aa,#00285044,transparent);border-radius:0 0 24px 24px}.foona-app .distance{font-size:44px}.foona-app .records{margin:3px 0}.foona-app .records>div{background:#001f44a8;backdrop-filter:blur(9px);padding:5px}.foona-app .records strong{font-size:14px}.foona-app .vitals{background:#00274b70;border-radius:12px;padding:0 7px}.foona-app #jump{position:relative;margin-top:auto;min-height:72px;backdrop-filter:blur(10px)}.foona-app #ad-slot{z-index:12;background:#00172ef2}.foona-app #level-label{text-align:center;font-size:8px;letter-spacing:.17em;font-weight:850;color:#b1f0ff;margin:0 0 3px}.foona-app #effects{position:absolute;bottom:210px;left:0;right:0;text-align:center;pointer-events:none;color:#ffec79;font-size:11px;font-weight:900;text-shadow:0 2px 5px #002047}.foona-app #toast{top:230px;left:10%;right:10%;backdrop-filter:blur(10px);max-width:400px;margin:auto}.foona-app .screen{inset:0 0 calc(90px + env(safe-area-inset-bottom));background:linear-gradient(#002c52c2,#00182be8);backdrop-filter:blur(9px);padding-top:calc(22px + env(safe-area-inset-top))}.foona-app[data-view=home] .screen{padding:0;display:block;background:linear-gradient(#001c3b14,#001a32cc 45%,#00182cf5 85%),url('environment-v2.png') center/cover;backdrop-filter:none}.foona-app[data-view=home] .top,.foona-app[data-view=home] .hud,.foona-app[data-view=home] #jump{visibility:hidden}.landing-scene{position:relative;height:39%;min-height:215px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:calc(19px + env(safe-area-inset-top));overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#5dd6ff22,transparent 65%)}.foona-app .landing-scene .home-logo{width:185px;height:65px;position:relative;z-index:2;filter:drop-shadow(0 6px 8px #002045)}.landing-scene .kicker{font-size:8px;letter-spacing:.25em}.foona-app .landing-scene .hero{position:absolute;bottom:15px;width:185px;height:175px;max-height:60%;filter:drop-shadow(0 10px 7px #00254788);animation:float 3s ease-in-out infinite}.landing-tag{position:absolute;bottom:0;z-index:2;font-size:11px;letter-spacing:.12em;font-weight:950;color:#fff;text-shadow:0 2px 8px #00233c}.landing-content{max-width:430px;margin:auto;padding:14px 20px 16px;display:flex;flex-direction:column;gap:11px}.home-records{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-records>div{border:1px solid #59ccff55;border-radius:13px;background:#002345aa;padding:9px;backdrop-filter:blur(5px)}.home-records small{display:block;font-size:8px;letter-spacing:.14em;color:#9cd3ef}.home-records strong{display:block;font-size:23px}.home-records em{font-style:normal;font-size:12px;color:#ffe466}.foona-app .landing-content .home-play{min-height:62px;width:100%;font-size:25px;letter-spacing:.02em}.foona-app .gesture-guide{font-size:7px;letter-spacing:.1em;color:#b4dce8}.foona-app .home-links button{font-size:12px;min-height:47px;background:linear-gradient(#075988ce,#00244bdd)}.home-info{display:flex;align-items:center;justify-content:space-between;color:#ffe88b;font-size:10px;text-align:left}.home-info .round{font-size:18px!important;min-height:32px!important;width:32px;height:32px}.foona-app .landing-content>.grid:last-of-type button{font-size:11px;min-height:40px}.foona-app .landing-content>.small{font-size:8px;color:#88abc2}.foona-app:not([data-view=home]) .screen{width:min(100%,560px);left:50%;right:auto;transform:translateX(-50%);animation:none;border-left:1px solid #6ed4ff22;border-right:1px solid #6ed4ff22}.foona-app .screen .hero{max-height:180px}.foona-app[data-view=playing] .screen.hidden{display:none}@media(min-width:700px){.foona-app .top{width:460px;align-self:center}.foona-app #jump{width:min(100% - 20px,660px);align-self:center}.foona-app #ad-slot{width:min(100% - 20px,660px);align-self:center}.foona-app[data-view=home] .landing-scene{height:42%;min-height:260px}.foona-app .landing-scene .hero{width:230px;height:215px}.foona-app .landing-content{max-width:460px}.foona-app #toast{top:230px}}@media(max-height:700px){.landing-scene{min-height:175px;height:33%}.foona-app .landing-scene .home-logo{height:50px}.foona-app .landing-scene .hero{height:110px;bottom:15px}.landing-content{padding:10px 16px;gap:8px}.foona-app .landing-content .home-play{min-height:50px;font-size:22px}.home-records>div{padding:6px}.home-records strong{font-size:19px}.foona-app .home-links button{min-height:40px;padding:9px}.foona-app .top{min-height:49px}.foona-app .logo{height:36px}.foona-app .distance{font-size:36px}.foona-app #toast{top:195px;font-size:11px}.foona-app #jump{min-height:61px}.foona-app #effects{bottom:190px}}
.foona-app{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media(min-width:700px){.foona-app #jump{width:calc(100% - 12px)}}
/* V4 expedition UI */
.foona-app{--cyan:#a6edff;--yellow:#ffda37}.foona-app .top{padding-left:14px;padding-right:14px;background:linear-gradient(#001327ed,#001a3544,transparent)}.foona-app .round{background:linear-gradient(#075f88c9,#002e54cc);border:1px solid #95e7ff88;box-shadow:inset 0 1px #defaff40,0 4px 16px #00132a55;backdrop-filter:blur(12px)}.foona-app .hud{background:linear-gradient(#001b3577,transparent);padding-bottom:9px}.foona-app .distance{font-size:48px;text-shadow:0 2px #003963,0 5px 12px #00182d;font-variant-numeric:tabular-nums}.foona-app .records>div{border-color:#b0ecff44;background:linear-gradient(135deg,#053c5cbb,#001d3b99);border-radius:12px}.foona-app .records strong{font-size:14px}.foona-app .records{gap:8px}.foona-app .vitals{border:1px solid #a3e7ff22;background:#002b4b88;padding:4px 9px;font-size:12px}.foona-app .vitals #hearts{font-size:20px;letter-spacing:.04em}.foona-app .vitals #hearts.reserve{color:#ffdc8b;text-shadow:0 0 9px #ffac5466}.level-track{height:3px;border-radius:4px;background:#c0f2ff22;margin:5px 5px 1px;overflow:hidden}.level-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#87e5ff,#ffe078);box-shadow:0 0 8px #b7f8ff}#crew-label{font-size:8px;letter-spacing:.08em;color:#a3d5e7;text-align:center;margin-top:5px;text-transform:uppercase}.foona-app #effects{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;padding:0 10px;bottom:220px}.power-chip{background:#00223bdc;border:1px solid #a6ecff88;border-radius:25px;padding:6px 9px;font-size:8px;letter-spacing:.05em;color:#e9fbff;box-shadow:0 4px 12px #001b3555}.foona-app #jump{background:linear-gradient(#fff798,#ffdd36 40%,#ffbb08);border-radius:20px;font-size:31px;letter-spacing:.045em;border-color:#fff6b6;box-shadow:inset 0 2px #fffbd7,inset 0 -5px #df8d00,0 5px 0 #7b4d0b,0 0 26px #ffce3633}.foona-app #jump small{font-size:8px;letter-spacing:.13em}.foona-app[data-view=home] .screen{background:linear-gradient(#001a2910,#001b3188 40%,#00192ee8 75%,#001629fb),url('sunset-v3.png') center/cover}.foona-app .landing-scene{height:35%;min-height:225px;background:radial-gradient(ellipse at 50% 75%,#abf4ff33,transparent 60%)}.foona-app .landing-scene .home-logo{width:170px;height:59px}.foona-app .landing-scene .hero{width:180px;height:166px;bottom:21px;max-height:61%}.foona-app .landing-scene .kicker{font-size:7px;letter-spacing:.28em;color:#b7e9fd}.foona-app .landing-tag{font-size:8px;letter-spacing:.16em;bottom:3px}.landing-content{gap:10px}.crew-strip{border:1px solid #a5eaff33;background:linear-gradient(90deg,#00344eaa,#002439aa);border-radius:11px;display:flex;justify-content:space-between;gap:7px;padding:9px 10px;font-size:8px;letter-spacing:.05em;backdrop-filter:blur(8px)}.crew-strip span:first-child{font-weight:950}.crew-strip span:last-child{color:#cae6ef}.home-records>div{padding:7px 10px;border-color:#b7ebff33;border-radius:12px;background:#002d4788}.home-records strong{font-size:21px}.foona-app .home-links button{background:linear-gradient(#055170b0,#002943cc);border:1px solid #b1edff55;font-size:11px;min-height:43px;box-shadow:inset 0 1px #fff2,0 3px 0 #00182c}.foona-app .landing-content .home-play{min-height:59px;font-size:24px;letter-spacing:.02em}.crew-guide{font-size:10px;color:#a1c9dd;line-height:1.5;background:#052c4788;border-radius:10px;padding:10px}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.crew-card{border:1px solid #93d9f444;background:linear-gradient(145deg,#0a42667a,#00182de0);border-radius:16px;padding:11px;text-align:left;display:flex;flex-direction:column;gap:7px}.crew-card.equipped{border-color:#ffe17b;background:linear-gradient(#2b514b66,#00192ddf);box-shadow:0 0 20px #ffdf6415}.crew-art{height:112px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#58c8ff33,transparent 65%);border-radius:14px}.crew-art img{height:108px;width:115px;object-fit:contain;filter:drop-shadow(0 9px 4px #00172c)}.crew-emblem{position:absolute;bottom:5px;right:5px;border:1px solid var(--crew);color:var(--crew);background:#001d32;border-radius:8px;font-size:17px;font-weight:950;width:27px;text-align:center}.crew-card h3{font-size:16px}.crew-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px}.crew-stats span{font-size:7px;letter-spacing:.03em;background:#00172c88;border-radius:5px;padding:4px;color:#84b4ce}.crew-stats b{display:block;color:#ecfaff;font-size:11px;margin-top:2px}.screen .crew-card p{font-size:9px;line-height:1.45;flex:1}.crew-card button{font-size:9px;padding:9px 5px;min-height:36px}.foona-app #ad-slot{background:#001327f0;border:1px solid #9dddfb33;border-radius:8px}.foona-app #toast{font-size:11px;border:1px solid #b6f3ff66;background:#002039dc;padding:9px 12px;top:245px}.foona-app .screen{background:linear-gradient(#002c4acc,#00172cf0);backdrop-filter:blur(14px)}@media(max-height:700px){.foona-app .landing-scene{height:30%;min-height:173px}.foona-app .landing-scene .hero{height:103px;bottom:17px}.foona-app .landing-scene .home-logo{height:45px}.landing-content{gap:7px;padding:8px 16px}.crew-strip{padding:7px 9px;font-size:7px}.foona-app .landing-content .home-play{min-height:48px;font-size:21px}.home-records strong{font-size:18px}.home-records>div{padding:5px}.foona-app .home-links button{min-height:37px;padding:8px}.foona-app .distance{font-size:37px}.foona-app .vitals{padding:2px 7px}.foona-app #toast{top:212px}.foona-app #effects{bottom:195px}.crew-art{height:95px}.crew-art img{height:90px}}