:root{--ground: #061C2C;--panel: #0A2B40;--panel2: #0E3550;--line: #164A66;--text: #E6F4FA;--muted: #A9C8D6;--lime: #C6F432;--pink: #FF7FBF;--red: #FF5A5A;--gold: #FFD23F;--ink: #0A2416}*{box-sizing:border-box}html,body{margin:0;background:#04111b;color:var(--text);font-family:Atkinson Hyperlegible,sans-serif}h1,h2,h3,.logo,.btn,.kicker,.label,.chip,.burst{font-family:Fredoka,sans-serif}img{display:block}.intro{max-width:1200px;margin:0 auto;padding:28px 16px 8px}.intro .back{color:var(--lime);text-decoration:none;font-size:15px}.intro h1{margin:10px 0 6px;font-size:34px;color:#fff}.intro p{margin:0;color:var(--muted);font-size:17px}.loop{max-width:1200px;margin:18px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.loop .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:15px;line-height:1.5}.loop h3{margin:0 0 8px;color:var(--lime);font-size:19px}.loop p{margin:0}.loop ul,.loop ol{margin:0;padding-left:18px}.loop li{margin:3px 0}.cycle li b{color:#fff}.flow{max-width:1320px;margin:0 auto;padding:28px 16px 80px;display:flex;flex-wrap:wrap;gap:40px 28px;justify-content:center}figure{margin:0;width:410px}figcaption{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.45;padding:0 6px}figcaption b{display:block;color:#fff;font-family:Fredoka,sans-serif;font-size:20px;margin-bottom:2px}.phone{width:410px;height:864px;padding:10px;border-radius:52px;background:#1a1f2b;box-shadow:0 20px 60px #0009}.screen{position:relative;width:390px;height:844px;border-radius:42px;overflow:hidden;background:var(--ground);padding:54px 18px 28px;display:flex;flex-direction:column;align-items:stretch;gap:10px}@media(max-width:440px){figure{width:100%}.phone{width:100%;height:auto;padding:0;border-radius:0;background:none;box-shadow:none}.screen{margin:0 auto;border-radius:0;zoom:calc(100vw/390px)}}.btn{border:0;border-radius:16px;padding:12px 16px;font-size:17px;font-weight:700;color:var(--text);background:var(--panel2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.lime{background:var(--lime);color:var(--ink)}.btn.red{background:var(--red);color:#fff}.btn.ghost{background:transparent;box-shadow:inset 0 0 0 2px var(--line)}.btn.big{padding:16px;font-size:20px;border-radius:20px}.btn.sm{padding:7px 10px;font-size:13px;border-radius:11px;white-space:nowrap}.btn.off{opacity:.45}.btn small{font-size:13px;opacity:.8;font-weight:600}.row{display:flex;gap:10px}.row .btn{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#061c2cc7;font-size:14px;font-weight:600;color:var(--muted)}.chip b{color:#fff}.chip.dna{color:var(--gold);font-size:16px;font-weight:700}.ico-dna{width:14px;height:18px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath d='M4 1 C 4 6, 12 6, 12 10 S 4 14, 4 19' fill='none' stroke='%23FFD23F' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M12 1 C 12 6, 4 6, 4 10 S 12 14, 12 19' fill='none' stroke='%23FF7FBF' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M6 4h4M6 16h4' stroke='%23E6F4FA' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.ico-flask{width:16px;height:18px;display:inline-block;background:var(--ink);clip-path:polygon(35% 0,65% 0,65% 35%,100% 100%,0 100%,35% 35%)}.kicker{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--lime);text-align:center}.kicker.red{color:var(--red)}.label{font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--muted);margin-top:4px}.label small{letter-spacing:0;font-weight:500;opacity:.8;margin-left:6px}.note{margin:0;text-align:center;font-size:13px;color:var(--muted)}.story{margin:0;text-align:center;color:var(--muted);font-size:15px;line-height:1.45}.bar{display:flex;align-items:center;justify-content:space-between;margin-top:-8px}.bar h2{margin:0;font-size:24px}.backbtn{width:38px;height:38px;border-radius:12px;background:var(--panel);display:grid;place-items:center;font-size:26px;line-height:1}.track{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden}.track i{display:block;height:100%;background:var(--lime);border-radius:99px}.bar5{display:block;height:10px;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 18%,transparent 18% 20%);position:relative}.bar5:after{content:"";position:absolute;inset:0 auto 0 0;border-radius:99px;background:repeating-linear-gradient(90deg,var(--lime) 0 18%,transparent 18% 20%)}.bar5.b2:after{width:40%}.bar5.b3:after{width:60%}.bar5.b4:after{width:80%}.bar5.b5:after{width:100%}.dots{display:inline-block;width:46px;height:8px;vertical-align:middle;background:radial-gradient(circle,rgba(255,255,255,.18) 3px,transparent 3.5px) 0 0 / 11.5px 8px;position:relative}.dots:after{content:"";position:absolute;inset:0 auto 0 0;background:radial-gradient(circle,var(--lime) 3px,transparent 3.5px) 0 0 / 11.5px 8px}.dots.d2:after{width:23px}.dots.d3:after{width:34.5px}.dots.d4:after{width:46px}.flip img,img.flip{transform:scaleX(-1)}.pedestal{display:grid;place-items:center;height:230px;position:relative}.pedestal:before{content:"";position:absolute;bottom:18px;width:220px;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(198,244,50,.35),transparent 70%)}.pedestal .hero{max-width:300px;max-height:190px;position:relative;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.pedestal.small{height:150px}.pedestal.small .hero{max-height:120px;max-width:240px}.glow{position:absolute;inset:-20% -20% auto;height:70%;background:radial-gradient(circle at 50% 40%,rgba(198,244,50,.18),transparent 60%);pointer-events:none}img[data-sil]{filter:brightness(.16) saturate(0);opacity:.85}.s-create{background:radial-gradient(circle at 50% 30%,#1d4a3c,#061c2c 60%);text-align:center;--c1: #7bc94a;--c2: #ff7fbf;--amp: 0px;gap:8px}.s-create>*{position:relative}.s-create .rise,.s-create .boltc,.s-create .whiteout{position:absolute;inset:0;pointer-events:none}.s-create .boltc{width:100%;height:100%;z-index:3}.s-create .whiteout{background:#eef8ff;opacity:0;z-index:4}.s-create .top h1{margin:2px 0 0;font-size:28px;line-height:1.1}.stage{height:215px;transition:height .6s ease;flex-shrink:0}.p-brew .stage,.p-reveal .stage{height:470px}.flask2{position:absolute;left:50%;top:50%;width:150px;height:180px;transform:translate(-50%,-50%) scale(1);transition:transform .6s ease}.p-brew .flask2{transform:translate(-50%,-50%) scale(1.55);animation:shake .11s infinite}@keyframes shake{0%{margin-left:calc(var(--amp) * -1)}50%{margin-left:var(--amp);margin-top:calc(var(--amp) * -.5)}to{margin-left:calc(var(--amp) * -1)}}.neck2{position:absolute;left:50%;top:0;width:44px;height:50px;margin-left:-22px;border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 3px #dcfff099;background:#ffffff0d}.neck2:before{content:"";position:absolute;left:-6px;right:-6px;top:-4px;height:8px;border-radius:4px;background:#dcfff099}.body2{position:absolute;left:0;bottom:0;width:150px;height:140px;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 4px #dcfff099,0 0 40px color-mix(in srgb,var(--c1) 45%,transparent);background:#ffffff0a}.liquid{position:absolute;left:0;right:0;bottom:0;height:64%;background:linear-gradient(var(--c1),color-mix(in srgb,var(--c1) 55%,var(--c2)));border-radius:46% 54% 0 0/14% 14% 0 0;animation:slosh 2.4s ease-in-out infinite}.p-brew .liquid{animation-duration:.5s}@keyframes slosh{50%{border-radius:54% 46% 0 0/18% 10% 0 0}}.liquid i{position:absolute;bottom:-12px;width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--c2) 70%,white);opacity:.85;animation:bub 2.2s ease-in infinite}.liquid i:nth-child(1){left:14%}.liquid i:nth-child(2){left:30%;animation-delay:.5s;width:7px;height:7px}.liquid i:nth-child(3){left:48%;animation-delay:1.1s;width:13px;height:13px}.liquid i:nth-child(4){left:64%;animation-delay:.3s}.liquid i:nth-child(5){left:78%;animation-delay:1.6s;width:6px;height:6px}.liquid i:nth-child(6){left:40%;animation-delay:1.9s}.liquid i:nth-child(7){left:22%;animation-delay:1.3s;width:12px;height:12px}.liquid i:nth-child(8){left:58%;animation-delay:.8s;width:8px;height:8px}.p-brew .liquid i{animation-duration:.55s}@keyframes bub{to{transform:translateY(-96px) scale(1.3);opacity:0}}.shine{position:absolute;left:22px;top:18px;width:34px;height:54px;border-radius:50%;border-left:5px solid rgba(255,255,255,.45);transform:rotate(18deg)}.steam{position:absolute;left:50%;top:-10px;opacity:0;transition:opacity .4s}.p-brew .steam{opacity:1}.steam i{position:absolute;left:-12px;width:24px;height:24px;border-radius:50%;background:#dcf0f059;animation:steam .9s ease-out infinite}.steam i:nth-child(2){animation-delay:.3s;left:-4px}.steam i:nth-child(3){animation-delay:.6s;left:-18px}@keyframes steam{0%{transform:translateY(0) scale(.4);opacity:.9}to{transform:translateY(-60px) scale(1.6);opacity:0}}.smoke{position:absolute;left:50%;top:50%}.smoke i{position:absolute;width:70px;height:70px;margin:-35px;border-radius:50%;background:#c8d7dcbf;opacity:0}.born{position:absolute;left:50%;top:50%;width:320px;height:260px;margin:-130px 0 0 -160px;transform:scale(0)}.born canvas{width:320px;height:260px;display:block}.laugh{position:absolute;left:0;right:0;top:4px;font:700 40px Fredoka,sans-serif;color:var(--pink);text-shadow:0 4px 0 #7a2457,0 0 24px rgba(255,127,191,.5);pointer-events:none}.laugh span{display:inline-block;animation:wob .5s ease-in-out infinite alternate}@keyframes wob{0%{transform:translateY(4px) rotate(-8deg)}to{transform:translateY(-6px) rotate(8deg)}}.words span{position:absolute;font:700 22px Fredoka,sans-serif;color:color-mix(in srgb,var(--c2) 60%,white);text-shadow:0 2px 0 rgba(0,0,0,.4);animation:pop .9s ease-out forwards}@keyframes pop{0%{transform:scale(.3);opacity:0}25%{transform:scale(1.15);opacity:1}to{transform:translateY(-30px) scale(1);opacity:0}}.controls{display:flex;flex-direction:column;gap:11px}.p-brew .controls,.p-reveal .controls{display:none}.srow{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:8px;text-align:left}.srow>span{font:600 14px Fredoka,sans-serif;color:var(--muted)}.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;border-radius:13px;background:var(--panel)}.steps4 button{border:0;border-radius:10px;padding:10px 2px;background:none;color:var(--muted);font:600 13.5px Fredoka,sans-serif;cursor:pointer}.steps4 button.on{background:var(--lime);color:var(--ink)}.sw8{display:flex;justify-content:space-between}.sw8 button{width:31px;height:31px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 -4px #0003}.sw8 button.on{outline:3px solid #fff;outline-offset:2px}.actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:10px}.actions .btn.zap{margin:0;font-size:26px;padding:16px}.reveal{display:none;flex-direction:column;gap:10px}.s-create.p-reveal .reveal{display:flex}.s-create .a1,.s-create .a2,.s-create .a3{opacity:0;transform:translateY(14px);transition:opacity .45s,transform .45s}.s-create .a2{transform:scale(.3);transition:opacity .2s,transform .55s cubic-bezier(.3,1.9,.5,1)}.s-create .show{opacity:1;transform:none}.nm{margin:0;font-size:44px;color:var(--lime);text-shadow:0 4px 0 #2d5a10}.rise i{position:absolute;bottom:-20px;width:8px;height:8px;border-radius:50%;background:#bef0ff59;animation:rise 7s linear infinite}.rise i:nth-child(1){left:12%}.rise i:nth-child(2){left:28%;animation-delay:2.1s;width:5px;height:5px}.rise i:nth-child(3){left:46%;animation-delay:4.3s}.rise i:nth-child(4){left:63%;animation-delay:1.2s;width:6px;height:6px}.rise i:nth-child(5){left:78%;animation-delay:3.4s}.rise i:nth-child(6){left:88%;animation-delay:5.6s;width:4px;height:4px}.rise i:nth-child(7){left:36%;animation-delay:6.2s;width:10px;height:10px}@keyframes rise{to{transform:translateY(-900px) translate(14px)}}.s-start{background:linear-gradient(#0b3a52,#061c2c 60%);text-align:center}.logo{display:flex;flex-direction:column;align-items:center;line-height:.9;margin-top:18px}.logo span{font-size:58px;font-weight:700;color:var(--lime);text-shadow:0 4px 0 #2d5a10,0 0 30px rgba(198,244,50,.3);transform:rotate(-3deg)}.logo span+span{color:var(--pink);text-shadow:0 4px 0 #7a2457,0 0 30px rgba(255,127,191,.3);transform:rotate(2deg)}.tagline{margin:4px 0 0;color:var(--muted);font-size:15px}.who{color:var(--muted);font-size:15px;margin-bottom:8px}.who b{color:#fff;font-family:Fredoka,sans-serif;font-size:20px}.ver{font:12px Atkinson Hyperlegible,sans-serif;color:var(--muted);opacity:.7;letter-spacing:.3px}.intro .ver{float:right;margin-top:3px}.s-start .ver{text-align:center;margin-top:6px}.minor{display:flex;justify-content:center;gap:26px;color:var(--muted);font-size:14px;margin-top:auto}.s-world{padding:0;display:block}.water{position:absolute;inset:0;background:linear-gradient(#1a7896,#0d4d6d,#08304a 70%,#061c2c);overflow:hidden}.rays{position:absolute;inset:-10% 0 30%;background:repeating-linear-gradient(100deg,rgba(255,255,255,.07) 0 26px,transparent 26px 70px);mask-image:linear-gradient(#000,transparent)}.motes{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.35) 1.2px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1.4px);background-size:63px 71px,37px 53px;background-position:7px 11px,23px 31px}.floor{position:absolute;bottom:0;width:100%;height:170px}.floor path{fill:#04202f}.floor path.near{fill:#021521}.hud{position:absolute;top:54px;left:14px;right:112px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.minimap{position:absolute;top:54px;right:14px;width:86px;height:112px;border-radius:14px;background:#061c2cbf;box-shadow:inset 0 0 0 2px #ffffff1f}.minimap i{position:absolute;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%)}.minimap .me{left:46%;top:50%;background:#fff;box-shadow:0 0 0 3px #ffffff40}.minimap .prey{background:var(--lime)}.minimap .foe{background:var(--red)}.minimap .buoy{background:var(--gold)}.goal{position:absolute;top:140px;left:14px;padding:8px 12px;border-radius:12px;background:#061c2ccc;font-size:14px}.goal b{color:var(--lime);margin-left:6px}.event{position:absolute;top:184px;left:14px;padding:7px 12px;border-radius:12px;background:var(--pink);color:#3a0a24;font-size:14px;font-weight:700;transform:rotate(-2deg)}.warn{position:absolute;top:224px;left:14px;padding:7px 12px;border-radius:12px;background:#ff5a5aeb;color:#fff;font-size:13px;font-weight:700}.actor{position:absolute}.actor img{width:100%;height:auto;position:relative}.actor:before{content:"";position:absolute;inset:-14% -10%;border-radius:50%}.actor em{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}.actor.prey:before{box-shadow:0 0 0 2px var(--lime);border:2px dashed rgba(198,244,50,0);background:radial-gradient(rgba(198,244,50,.12),transparent 70%)}.actor.prey em{background:var(--lime);color:var(--ink)}.actor.foe:before{box-shadow:0 0 0 3px var(--red),0 0 24px #ff5a5a8c;background:radial-gradient(rgba(255,90,90,.16),transparent 70%)}.actor.foe em{background:var(--red);color:#fff}.actor.me em{background:#fff;color:var(--ink)}.actor.me:before{background:radial-gradient(rgba(255,255,255,.14),transparent 65%)}.tap{position:absolute;width:34px;height:34px;margin:-17px;border-radius:50%;box-shadow:0 0 0 3px #ffffffb3,0 0 0 12px #ffffff26}.buoy-f{position:absolute;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6c8,var(--gold) 45%,#b8860b);box-shadow:0 0 22px #ffd23fb3}.buoy-f span{position:absolute;top:50px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:12px;font-weight:700;color:var(--gold)}.compass{position:absolute;display:flex;align-items:center;gap:6px}.compass i{width:34px;height:34px;background:var(--lime);clip-path:polygon(50% 100%,0 30%,30% 30%,30% 0,70% 0,70% 30%,100% 30%);transform:rotate(-20deg);filter:drop-shadow(0 0 6px rgba(198,244,50,.7))}.compass span{font-size:11px;line-height:1.2;color:var(--lime)}.compass span b{font-size:14px}.dock{position:absolute;left:12px;right:12px;bottom:22px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:20px;background:#061c2ce6;box-shadow:inset 0 0 0 2px #ffffff14}.dock .mini{width:58px;height:44px;object-fit:contain}.dock .stats{flex:1;display:grid;grid-template-columns:1fr;font-size:12px;color:var(--muted)}.dock .stats b{color:#fff;font-family:Fredoka,sans-serif;font-size:16px}.dock .stats span{display:flex;justify-content:space-between;max-width:120px}.btn.lab{background:var(--lime);color:var(--ink)}.dim .water{filter:brightness(.45) blur(2px)}.sheet{position:absolute;left:16px;right:16px;top:120px;padding:20px 18px 18px;border-radius:26px;background:var(--panel);box-shadow:0 0 0 3px var(--lime),0 20px 60px #0009;display:flex;flex-direction:column;align-items:center;gap:10px}.burst{margin-top:-46px;padding:8px 18px;border-radius:14px;background:var(--lime);color:var(--ink);font-size:26px;font-weight:700;transform:rotate(-4deg)}.caught{max-width:240px;max-height:140px}.sheet h2{margin:0;font-size:26px}.gain{color:var(--gold);font-family:Fredoka,sans-serif;font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px}.newpart{width:100%;display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:#ff7fbf1f;box-shadow:inset 0 0 0 2px var(--pink)}.newpart .part{width:64px;height:50px;object-fit:contain}.newpart small{display:block;font-family:Fredoka,sans-serif;letter-spacing:1.5px;color:var(--pink);font-weight:700;font-size:11px}.newpart b{display:block;font-size:18px;color:#fff}.newpart span,.found{font-size:13px;color:var(--muted)}.found b{color:var(--lime)}.sheet .row{width:100%;margin-top:6px}.s-end{background:linear-gradient(#0d4d6d,#061c2c 45%);text-align:center;gap:8px}.s-end h1{margin:0;font-size:38px}.s-end .hero{max-width:210px;max-height:100px;margin:0 auto}.tally{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tally div{background:var(--panel);border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center}.tally b{font-family:Fredoka,sans-serif;font-size:22px;color:#fff}.tally div:first-child b{color:var(--gold)}.tally small{color:var(--muted);font-size:12px}.tally .ico-dna{display:none}.loot{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:#ff7fbf1f;box-shadow:inset 0 0 0 2px #ff7fbf99}.loot img{width:50px;height:36px;object-fit:contain}.loot span{font-size:14px;color:#fff;text-align:left}.goalbar{display:flex;justify-content:space-between;padding:10px 12px;border-radius:14px;background:#c6f43224;font-size:15px}.goalbar b{color:var(--lime)}.s-end .label{text-align:left}.next3{display:grid;grid-template-columns:1fr 1fr;gap:8px}.opt{background:var(--panel2);border-radius:14px;padding:10px;text-align:left;box-shadow:inset 0 0 0 2px var(--line)}.opt b{display:block;font-family:Fredoka,sans-serif;font-size:18px}.opt small{color:var(--muted);font-size:12px}.pick{display:flex;flex-direction:column;gap:6px}.tgt{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:8px 10px;border-radius:14px;background:var(--panel);box-shadow:inset 0 0 0 2px var(--line)}.tgt img{grid-row:span 2;width:64px;height:40px;object-fit:contain}.tgt b{font-size:15px}.tgt small{font-size:12px;color:var(--muted)}.tgt.on{box-shadow:inset 0 0 0 3px var(--lime)}.s-end .btn.big{margin-top:auto}.ups{display:flex;flex-direction:column;gap:8px}.up{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--panel);font-size:15px}.parts{display:flex;flex-direction:column;gap:8px}.pt{display:grid;grid-template-columns:62px 1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--panel)}.pt img{grid-row:span 2;width:62px;height:42px;object-fit:contain}.pt b{font-size:16px}.pt .lv{justify-self:end;font-family:Fredoka,sans-serif;color:var(--pink);font-weight:700}.pt small{color:var(--muted);font-size:12px}.pt .btn{grid-column:3;grid-row:2}.s-up .btn.big{margin-top:auto}.s-lab{background:radial-gradient(circle at 50% 22%,#1d4a3c,#061c2c 55%)}.flask{position:relative;height:196px;display:grid;place-items:center;margin-top:4px}.flask .glass{position:relative;width:210px;height:170px;border-radius:50% 50% 46% 46%/40% 40% 60% 60%;background:radial-gradient(circle at 40% 30%,#c6f43252,#50c8782e 60%,#14503c66);box-shadow:inset 0 0 0 3px #dcfff08c,0 0 40px #c6f43240;display:grid;place-items:center;overflow:hidden}.flask .glass img{max-width:170px;max-height:110px;position:relative}.flask .neck{position:absolute;top:-2px;width:58px;height:30px;border-radius:8px 8px 0 0;box-shadow:inset 0 0 0 3px #dcfff08c;background:#c6f43214}.bubbles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 3px,transparent 3.5px),radial-gradient(circle,rgba(255,255,255,.35) 2px,transparent 2.5px);background-size:46px 52px,31px 37px;background-position:10px 8px,20px 30px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slot{height:74px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px}.slot.full{background:#ff7fbf24;box-shadow:inset 0 0 0 2px var(--pink)}.slot.full img{width:70px;height:40px;object-fit:contain}.slot.empty{box-shadow:inset 0 0 0 2px var(--line);border:0;color:var(--muted);font-size:28px}.ingredients{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ing{position:relative;border-radius:14px;background:var(--panel);padding:8px 6px 6px;display:flex;flex-direction:column;align-items:center;font-size:12px}.ing img{width:74px;height:38px;object-fit:contain}.ing i{font-style:normal;color:var(--gold);font-weight:700;font-size:12px}.ing.lock{opacity:.6}.ing.lock i{color:var(--muted);font-weight:400}.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:16px;background:var(--panel)}.seg3 span{text-align:center;padding:7px 4px;border-radius:12px;font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:var(--muted)}.seg3 small{display:block;font-size:11px;font-weight:500}.seg3 .on{background:var(--pink);color:#3a0a24}.btn.zap{margin-top:auto;padding:16px;border-radius:22px;font-size:28px;background:linear-gradient(#ffe066,var(--gold));color:#3a2a00;box-shadow:0 6px #a87a00,0 0 30px #ffd23f66;flex-direction:column;gap:0}.s-litter{background:radial-gradient(circle at 50% 0%,#4a4410,#061c2c 45%);text-align:center}.flash{position:absolute;inset:0 0 auto;height:160px;background:radial-gradient(ellipse at 50% 0,rgba(255,230,120,.35),transparent 70%);pointer-events:none}.s-litter h2{margin:0;font-size:22px}.litter{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.mut{position:relative;border-radius:16px;background:var(--panel);padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:inset 0 0 0 2px var(--line)}.mut.on{box-shadow:inset 0 0 0 3px var(--lime)}.mut img{width:150px;height:74px;object-fit:contain}.mut b{font-family:Fredoka,sans-serif;font-size:16px}.mut .tag{position:absolute;top:6px;left:6px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px}.tag.hit{background:var(--lime);color:var(--ink)}.tag.odd{background:var(--pink);color:#3a0a24}.tag.ok{background:var(--panel2);color:var(--muted)}.mut .dl{font-size:11px;line-height:1.3}.dl .p{color:var(--lime)}.dl .m{color:var(--red)}.ladder{display:flex;align-items:center;justify-content:space-between;gap:2px}.step{width:104px;padding:8px 4px;border-radius:16px;background:var(--panel);display:flex;flex-direction:column;align-items:center;text-align:center}.step img{width:88px;height:54px;object-fit:contain}.step b{font-size:13px}.step small{font-size:11px;color:var(--muted)}.step.now{box-shadow:inset 0 0 0 3px var(--lime)}.step.now small{color:var(--lime);font-weight:700}.step.done{opacity:.7}.arrow{width:14px;height:14px;background:var(--muted);clip-path:polygon(0 0,100% 50%,0 100%)}.level{display:grid;gap:4px;font-family:Fredoka,sans-serif;font-weight:600}.level small{font-family:Atkinson Hyperlegible;color:var(--muted);font-weight:400}.statgrid{display:grid;grid-template-columns:58px 1fr 58px 1fr;gap:8px 10px;align-items:center;font-size:13px;color:var(--muted);padding:12px;border-radius:16px;background:var(--panel)}.goals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.goals li{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 12px;border-radius:14px;background:var(--panel);font-size:14px}.goals li .track{grid-column:span 2}.goals li b{color:var(--gold)}.goals li.done b{color:var(--lime)}.goals li.done span:before{content:"✓ ";color:var(--lime)}.s-stage .row{margin-top:auto}.s-road{background:linear-gradient(#6b7f45,#b49a63 14%,#3f86a8 34%,#1a3f62 56%,#10273a 74%,#1c3324);display:block;padding:54px 18px 28px}.s-road .bar{position:relative;z-index:2}.trail{position:absolute;inset:0;width:100%;height:100%}.trail path{fill:none;stroke:#ffffff8c;stroke-width:5;stroke-dasharray:1 13;stroke-linecap:round}.node{position:absolute;width:112px;display:flex;flex-direction:column;align-items:center;text-align:center}.node img{width:92px;height:60px;object-fit:contain;padding:6px;border-radius:22px;background:#061c2c99;box-shadow:inset 0 0 0 3px #ffffff40;box-sizing:content-box}.node b{margin-top:4px;font-family:Fredoka,sans-serif;font-size:15px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.node small{font-size:11px;color:#fff;opacity:.8}.node.done img{box-shadow:inset 0 0 0 3px var(--lime)}.node.lock img{background:#061c2cb3}.now-card{position:absolute;left:14px;right:14px;top:392px;padding:14px 16px;border-radius:22px;background:#081a28f0;box-shadow:0 0 0 3px var(--lime),0 16px 40px #00000080;display:flex;flex-direction:column;gap:8px}.now-card .head{display:grid;grid-template-columns:1fr auto}.now-card .head small{grid-column:span 2;font-family:Fredoka,sans-serif;letter-spacing:2px;color:var(--lime);font-weight:700;font-size:12px}.now-card .head b{font-family:Fredoka,sans-serif;font-size:24px}.now-card .head em{font-style:normal;font-family:Fredoka,sans-serif;color:var(--lime);font-size:22px;font-weight:700}.stages{display:flex;align-items:center;justify-content:space-between}.stages img{width:84px;height:44px;object-fit:contain}.stages img.me{width:104px;height:54px}.stages i{flex:1;height:3px;background:#ffffff40;margin:0 4px}.now-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:14px}.now-card li{display:flex;gap:0}.now-card li b{margin-left:auto}.now-card li:before{content:"○";color:var(--gold);margin-right:8px}.now-card li.done:before{content:"✓";color:var(--lime)}.now-card li span{flex:1}.now-card li b{color:var(--gold)}.boss{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;background:#ff5a5a24;box-shadow:inset 0 0 0 2px #ff5a5ab3}.boss img{width:70px;height:40px;object-fit:contain}.boss small{display:block;font-family:Fredoka,sans-serif;letter-spacing:1.5px;color:var(--red);font-weight:700;font-size:11px}.boss b{font-family:Fredoka,sans-serif;font-size:17px}.s-boss{text-align:center}.s-boss .water{filter:brightness(.55) hue-rotate(-20deg)}.s-boss>*:not(.water){position:relative}.s-boss h1{margin:0;font-size:38px}.duel{display:grid;grid-template-columns:1fr auto 1.5fr;align-items:center;gap:6px;height:190px}.duel img{width:100%;max-height:170px;object-fit:contain}.duel span{font-family:Fredoka,sans-serif;font-size:28px;font-weight:700;color:var(--gold)}.duel .him{filter:drop-shadow(0 0 16px rgba(255,90,90,.6))}.compare{display:grid;grid-template-columns:70px 40px 1fr 40px;gap:6px 8px;align-items:center;padding:12px;border-radius:16px;background:#061c2cd9;font-size:14px;color:var(--muted)}.compare i{height:2px;background:#ffffff26}.compare b{font-family:Fredoka,sans-serif;font-size:20px}.compare .hi{color:var(--lime)}.compare .lo{color:var(--red)}.tactics{list-style:none;margin:0;padding:12px 14px;border-radius:16px;background:#ff5a5a1f;box-shadow:inset 0 0 0 2px #ff5a5a8c;text-align:left;font-size:14px;display:flex;flex-direction:column;gap:6px}.tactics small{font-family:Fredoka,sans-serif;letter-spacing:1.5px;color:var(--red);font-weight:700;font-size:11px}.tactics li:before{content:"▸ ";color:var(--red)}.s-boss .row{margin-top:auto}.s-jump{background:linear-gradient(#123c5a,#061c2c 55%);text-align:center}.s-jump h1{margin:-6px 0 0;font-size:50px}.choice{position:relative;display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:18px;background:var(--panel);box-shadow:inset 0 0 0 2px var(--line)}.choice img{width:110px;height:64px;object-fit:contain}.choice b{font-family:Fredoka,sans-serif;font-size:18px;display:block}.choice span{font-size:13px;color:var(--muted)}.choice em{position:absolute;top:-9px;right:12px;font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:var(--lime);color:var(--ink)}.choice.on{box-shadow:inset 0 0 0 3px var(--lime)}.s-jump .btn.big{margin-top:auto}