@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Fredoka:wght@500;600;700&display=swap";:root{font-family:"Baloo 2",sans-serif;color:#fff;background:#132f35;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}main,.game-shell{width:100vw;height:100vh;min-height:420px;background:#132f35}.game-shell{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-wrap{width:100%;height:100%}.canvas-wrap canvas{display:block;margin:auto}.hud{position:absolute;inset:0 0 auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;text-shadow:2px 3px 0 #293441}.brand{font:800 22px Fredoka;color:#f4ca58;letter-spacing:1px}.brand span{color:#fff;font-size:14px;display:block;letter-spacing:3px}.health{display:flex;gap:9px;align-items:center;background:#273943dd;padding:7px 13px;border:3px solid #263039;border-radius:14px}.health span{font-size:24px;color:#f46b66}.health b{display:block;font:700 11px Fredoka}.health i{display:block;width:105px;height:9px;background:#493a42;border-radius:8px;border:2px solid #1e2630;overflow:hidden}.health em{height:100%;display:block;background:#66cf62;border-radius:6px}.health strong{font:700 16px Fredoka}.counters{display:flex;gap:10px;align-items:center;font:700 18px Fredoka}.counters span,.counters button{background:#273943dd;border:3px solid #263039;border-radius:13px;padding:7px 13px;color:#fff}.counters button{font-size:19px;pointer-events:auto;cursor:pointer}.menu,.panel{position:relative;width:100%;height:100%;overflow:hidden;text-align:center;background:linear-gradient(#61c6db,#93d86d 52%,#286047)}.menu:after,.panel:after{content:"";position:absolute;bottom:-50px;left:-10%;width:120%;height:35%;background:#174d44;border-radius:50% 50% 0 0;box-shadow:0 -16px #236b4e}.sun{position:absolute;width:210px;height:210px;border-radius:50%;background:#ffe28b;top:7%;right:18%;box-shadow:0 0 60px #fff2a6}.title{position:relative;z-index:1;margin:8vh auto 0;width:max-content;filter:drop-shadow(4px 6px #2b3541)}.title small{font:800 18px Fredoka;letter-spacing:6px;color:#fff4ac}.title h1{margin:0;font:800 clamp(62px,11vw,130px)/.72 Fredoka;color:#f6d55f;letter-spacing:-5px;-webkit-text-stroke:4px #3a363b}.title h1 i{color:#e88250;font-style:normal}.title p{margin:18px 0;font:700 21px Fredoka;letter-spacing:3px;color:#fff}.menu-buttons{position:relative;z-index:2;display:grid;gap:12px;width:min(300px,72vw);margin:5vh auto 0}.menu button,.panel button{border:3px solid #2b343f;border-radius:17px;background:#f5c957;color:#4a3430;padding:11px 20px;font:700 20px Fredoka;box-shadow:0 5px #8d5a3f;cursor:pointer;transition:.15s}.menu button:hover,.panel button:hover{transform:translateY(-3px);filter:brightness(1.08)}.menu button:not(.primary),.panel button:not(.primary){background:#eef0bb}.primary{background:#66cb64!important;color:#fff!important;box-shadow:0 5px #397b54!important}.leaf{position:absolute;z-index:2;font-size:70px;color:#236b4e;opacity:.9}.l1{left:9%;top:25%}.l2{right:8%;bottom:23%;transform:rotate(45deg)}footer{position:absolute;z-index:2;bottom:22px;width:100%;font:600 15px Fredoka;color:#b5e48a}.panel{background:linear-gradient(#217a6b,#6ebf67 52%,#294d46)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -20%,#83d8de88,transparent 60%)}.panel h2,.panel .sub,.cards,.setting,.tip,.complete>*{position:relative;z-index:2}.panel h2{margin:8vh 0 4px;font:800 clamp(30px,5vw,54px) Fredoka;color:#f8d661;text-shadow:4px 5px #3a343d}.sub{font:600 18px Fredoka}.back{position:absolute;left:25px;top:25px!important;padding:7px 14px!important;font-size:28px!important;z-index:4}.cards{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:14px;width:min(1000px,90%);margin:5vh auto}.card{min-height:170px;display:flex;flex-direction:column;align-items:flex-start;text-align:left!important;padding:14px!important;background:#d18b4c!important;box-shadow:0 5px #694336!important;color:#fff!important}.card b{font:800 26px Fredoka;color:#ffe68b}.card span{font-size:32px;align-self:center;margin:3px}.card strong{font:700 18px Fredoka}.card small{font-size:14px;line-height:1.1;margin-top:5px}.card.locked{filter:grayscale(.7);opacity:.7}.narrow{max-width:none}.setting{width:min(400px,80%);margin:20px auto;padding:16px 20px;text-align:left;border:3px solid #263c40;border-radius:14px;background:#315c56dd;font:700 21px Fredoka}.setting button{float:right;padding:3px 12px;font-size:15px;box-shadow:none}.tip{margin:40px auto;padding:20px;width:min(400px,80%);border-radius:15px;background:#23483fdd;font:600 17px Fredoka;line-height:1.6}.complete{padding-top:1px}.complete h2{margin-top:14vh}.confetti{font-size:42px;color:#f7d15a;letter-spacing:12px}.stars{font-size:45px;color:#ffd65a;text-shadow:3px 4px #835844}.score-card{width:240px;margin:25px auto;padding:12px;border:3px solid #2b343f;border-radius:14px;background:#31564ddd;font:600 14px Fredoka}.score-card b{display:block;font-size:32px;color:#f7d15a}.complete button{display:block;margin:14px auto;min-width:240px}.toast{position:absolute;z-index:10;left:50%;top:83%;transform:translate(-50%);background:#293943ee;border:3px solid #f7d15a;border-radius:18px;padding:10px 22px;font:700 16px Fredoka;white-space:nowrap}.touch{position:absolute;bottom:18px;left:20px;right:20px;display:none;justify-content:space-between;pointer-events:none}.touch button{pointer-events:auto;background:#29413fcc;border:3px solid #f4d265;border-radius:50%;width:60px;height:60px;color:#fff;font:700 28px Fredoka}.touch>button+button{margin-left:-80px}.touch aside{display:flex;gap:12px}.portrait{display:none}@media(max-width:1023px)and (orientation:landscape){.touch{display:flex}.hud{padding:8px 10px}.brand{font-size:14px}.brand span{font-size:9px}.health{padding:4px 8px}.health i{width:70px}.counters{font-size:13px;gap:4px}.counters span,.counters button{padding:5px 7px}.cards{grid-template-columns:repeat(3,1fr);overflow:auto;height:60%;margin-top:3vh}.panel h2{margin-top:4vh}}@media(orientation:portrait){.game-shell{display:none}.portrait{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#173c3c;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#f7d15a;font:800 28px Fredoka}.portrait:first-letter{font-size:70px}.portrait small{font:500 15px Fredoka;color:#fff}}.menu button,.panel button{border:4px solid #2d3438;border-radius:20px;background:linear-gradient(#f8d975 0,#f8d975 46%,#d98b3f 47%,#d98b3f);box-shadow:0 5px #693d33,inset 0 2px #fff3a8;position:relative}.menu button:before,.panel button:before{content:"";position:absolute;left:10px;right:10px;top:4px;height:5px;border-radius:50%;background:#fff5bd55}.menu button:not(.primary),.panel button:not(.primary){background:linear-gradient(#fbf2bd 0,#fbf2bd 46%,#b5c866 47%,#b5c866)}.primary{background:linear-gradient(#83e275 0,#83e275 46%,#3f9d61 47%,#3f9d61)!important;box-shadow:0 5px #286346,inset 0 2px #c6ff9b!important}.card{background:linear-gradient(145deg,#cc8448,#8a4d35)!important;box-shadow:0 5px #4e3330,inset 0 0 0 4px #e4aa59!important;transform:rotate(-1deg)}.card:nth-child(2n){transform:rotate(1deg)}main{background:#132f35;overflow:hidden}.game-shell{display:flex;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);aspect-ratio:16/9;flex:0 0 auto}.portrait{display:none!important}.canvas-wrap,.canvas-wrap canvas{width:100%!important;height:100%!important}@media(orientation:portrait){.touch{display:flex}.hud{padding:calc(var(--ui)*8) calc(var(--ui)*10)}.brand{font-size:calc(var(--ui)*14)}.brand span{font-size:calc(var(--ui)*9)}.health{padding:calc(var(--ui)*4) calc(var(--ui)*8)}.health i{width:calc(var(--ui)*70)}.counters{font-size:calc(var(--ui)*13);gap:calc(var(--ui)*4)}.counters span,.counters button{padding:calc(var(--ui)*5) calc(var(--ui)*7)}}@media(orientation:portrait){.game-shell{width:100vw;height:56.25vw;max-width:177.7778vh;max-height:100vh;aspect-ratio:16/9}}.game-shell{display:flex!important;width:min(100vw,177.7778vh)!important;height:min(100vh,56.25vw)!important;min-width:0!important;min-height:0!important;max-width:100vw!important;max-height:100vh!important;aspect-ratio:16/9!important}@media(min-width:1024px){.game-shell{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}}@media(max-width:1023px){.menu{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.menu .title{margin-top:2vh;filter:drop-shadow(3px 4px #2b3541)}.menu .title small{font-size:clamp(11px,2.6vw,16px);letter-spacing:clamp(2px,.8vw,5px)}.menu .title h1{font-size:clamp(42px,10vw,76px);line-height:.72;letter-spacing:-3px;-webkit-text-stroke:2px #3a363b}.menu .title p{font-size:clamp(13px,3.2vw,20px);margin:8px 0 0}.menu-buttons{width:min(300px,52vw);gap:6px;margin:2vh auto 0;flex:0 0 auto}.menu button{padding:6px 12px;font-size:clamp(13px,3vw,18px);border-width:3px;border-radius:14px;box-shadow:0 3px #693d33,inset 0 2px #fff3a8}.menu button:before{left:8px;right:8px;top:3px;height:3px}.menu footer{display:block;font-size:clamp(8px,2vw,12px);bottom:4px}.menu .leaf{font-size:clamp(32px,8vw,58px)}}@media(max-width:1023px){.game-shell{--ui:clamp(.72px,.266667vw,1.45px)}.menu .title{margin-top:calc(var(--ui)*8)}.menu .title small{font-size:calc(var(--ui)*12);letter-spacing:calc(var(--ui)*2.5)}.menu .title h1{font-size:calc(var(--ui)*42);letter-spacing:calc(var(--ui)*-2);-webkit-text-stroke:calc(var(--ui)*2)}.menu .title p{font-size:calc(var(--ui)*14);margin:calc(var(--ui)*4) 0 0}.menu-buttons{width:calc(var(--ui)*300);max-width:80%;gap:calc(var(--ui)*5);margin:calc(var(--ui)*7) auto 0}.menu button{padding:calc(var(--ui)*4) calc(var(--ui)*10);font-size:calc(var(--ui)*13);border-width:calc(var(--ui)*3);border-radius:calc(var(--ui)*12);box-shadow:0 calc(var(--ui)*3) 0 #693d33,inset 0 calc(var(--ui)*2) 0 #fff3a8}.menu button:before{left:calc(var(--ui)*8);right:calc(var(--ui)*8);top:calc(var(--ui)*3);height:calc(var(--ui)*3)}.menu .leaf{font-size:calc(var(--ui)*48)}.menu footer{font-size:calc(var(--ui)*11);bottom:calc(var(--ui)*4)}}@media(max-width:1023px){.menu .title{margin-top:clamp(5px,2.13vw,12px)}.menu .title small{font-size:clamp(10px,3.2vw,18px);letter-spacing:clamp(1px,.67vw,4px)}.menu .title h1{font-size:clamp(34px,11.2vw,64px);line-height:.72;letter-spacing:clamp(-3px,-.53vw,-2px);-webkit-text-stroke:clamp(1px,.53vw,3px)}.menu .title p{font-size:clamp(11px,3.73vw,21px);margin:clamp(3px,1.07vw,6px) 0 0}.menu-buttons{width:min(300px,52vw);max-width:80%;gap:clamp(3px,1.33vw,8px);margin:clamp(5px,1.87vw,11px) auto 0}.menu button{padding:clamp(3px,1.07vw,6px) clamp(8px,2.67vw,15px);font-size:clamp(11px,3.47vw,20px);line-height:1.05;border-width:clamp(2px,.53vw,3px);border-radius:clamp(10px,3.2vw,18px);box-shadow:0 clamp(2px,.53vw,4px) 0 #693d33,inset 0 2px #fff3a8}.menu button:before{left:clamp(5px,2.13vw,12px);right:clamp(5px,2.13vw,12px);top:clamp(2px,.8vw,4px);height:clamp(2px,.53vw,3px)}.menu .leaf{font-size:clamp(28px,12.8vw,74px)}.menu footer{font-size:clamp(8px,2.93vw,17px);bottom:clamp(3px,1.07vw,6px)}}@media(max-width:1023px){.game-logo{width:60%}}.menu .title{width:min(92%,760px);filter:drop-shadow(0 5px 0 #203a45);margin-left:auto;margin-right:auto}.menu .title{width:100%;filter:none}.game-logo{display:block;width:78%;max-width:720px;height:auto;margin:0 auto;object-fit:contain}@media(max-width:1023px){.menu .title{width:100%;top:3%}.game-logo{width:78%;max-width:none}}.game-shell{position:relative;overflow:hidden}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.canvas-wrap canvas{display:block!important;width:100%!important;height:100%!important;margin:0!important}html,body,#root,main{width:100%;height:100%;min-width:0;min-height:0}body{overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,canvas{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}main{display:flex;align-items:center;justify-content:center}.game-shell{width:100vw;height:100vh;min-height:0;max-width:none;max-height:none;--ui:clamp(1px,.266667vw,3px);touch-action:none}.hud{padding:calc(var(--ui)*17) calc(var(--ui)*24)}.brand{font-size:calc(var(--ui)*22)}.brand span{font-size:calc(var(--ui)*14)}.health{gap:calc(var(--ui)*9);padding:calc(var(--ui)*7) calc(var(--ui)*13);border-width:calc(var(--ui)*3);border-radius:calc(var(--ui)*14)}.health span{font-size:calc(var(--ui)*24)}.health b{font-size:calc(var(--ui)*11)}.health i{width:calc(var(--ui)*105);height:calc(var(--ui)*9);border-width:calc(var(--ui)*2)}.health strong,.counters{font-size:calc(var(--ui)*18)}.counters{gap:calc(var(--ui)*10)}.counters span,.counters button{padding:calc(var(--ui)*7) calc(var(--ui)*13);border-width:calc(var(--ui)*3);border-radius:calc(var(--ui)*13)}.menu-buttons{gap:calc(var(--ui)*12);width:min(80vw,calc(var(--ui)*300));margin-top:calc(var(--ui)*48)}.menu button,.panel button{padding:calc(var(--ui)*11) calc(var(--ui)*20);font-size:calc(var(--ui)*20);border-width:calc(var(--ui)*3);border-radius:calc(var(--ui)*17);box-shadow:0 calc(var(--ui)*5) 0 #693d33,inset 0 calc(var(--ui)*2) 0 #fff3a8}.title small{font-size:calc(var(--ui)*18)}.title h1{font-size:clamp(62px,8.6667vw,130px)}.title p{font-size:calc(var(--ui)*21)}footer{font-size:calc(var(--ui)*15);bottom:calc(var(--ui)*22)}.panel h2{font-size:clamp(30px,5vw,54px);margin-top:calc(var(--ui)*32)}.panel .sub{font-size:calc(var(--ui)*18)}.cards{gap:calc(var(--ui)*14);margin-top:calc(var(--ui)*36)}.card{min-height:calc(var(--ui)*170);padding:calc(var(--ui)*14)!important}.card b{font-size:calc(var(--ui)*26)}.card span{font-size:calc(var(--ui)*32)}.card strong{font-size:calc(var(--ui)*18)}.card small{font-size:calc(var(--ui)*14)}.toast{top:83%;padding:calc(var(--ui)*10) calc(var(--ui)*22);font-size:calc(var(--ui)*16);border-width:calc(var(--ui)*3);border-radius:calc(var(--ui)*18)}@media(orientation:landscape)and (max-width:799px){main{width:100vw;height:100vh;background:#132f35}.game-shell{width:100vw;height:min(100vh,56.25vw);aspect-ratio:16/9;align-self:center}.hud{padding:calc(var(--ui)*8) calc(var(--ui)*10)}.brand{font-size:calc(var(--ui)*14)}.brand span{font-size:calc(var(--ui)*9)}.health{padding:calc(var(--ui)*4) calc(var(--ui)*8)}.health i{width:calc(var(--ui)*70)}.counters{font-size:calc(var(--ui)*13);gap:calc(var(--ui)*4)}.counters span,.counters button{padding:calc(var(--ui)*5) calc(var(--ui)*7)}.touch{bottom:calc(var(--ui)*18);left:calc(var(--ui)*20);right:calc(var(--ui)*20)}.touch button{width:calc(var(--ui)*60);height:calc(var(--ui)*60);font-size:calc(var(--ui)*28);border-width:calc(var(--ui)*3)}.touch>button+button{margin-left:calc(var(--ui)*-80)}.touch aside{gap:calc(var(--ui)*12)}.panel h2{margin-top:calc(var(--ui)*18)}.cards{height:60%;margin-top:calc(var(--ui)*20)}}.menu .title{width:min(92%,760px);filter:drop-shadow(0 5px 0 #203a45)}.menu .title small{display:inline-block;color:#fff7bd;font:700 clamp(12px,1.4vw,21px) Fredoka;letter-spacing:clamp(2px,.5vw,7px);text-shadow:0 2px 0 #4d633f;margin-bottom:clamp(4px,.7vw,10px)}.menu .title h1{font:800 clamp(54px,8vw,116px)/.78 Fredoka;color:#f2bd49;letter-spacing:-.055em;-webkit-text-stroke:0;text-shadow:3px 4px 0 #6a452e,6px 7px 0 #263a43;margin:0}.menu .title h1 i{color:#f08054;font-style:normal;text-shadow:3px 4px 0 #6a3a31,6px 7px 0 #263a43}.menu .title p{font:600 clamp(14px,1.8vw,24px) Fredoka;letter-spacing:clamp(1px,.25vw,3px);color:#fff;margin:clamp(8px,1.1vw,16px) 0 0;text-shadow:2px 3px 0 #33494c}@media(max-width:1023px){.menu .title{width:92%;filter:drop-shadow(0 3px 0 #203a45)}.menu .title small{font-size:clamp(9px,2.2vw,13px);letter-spacing:clamp(1px,.45vw,3px);margin-bottom:clamp(2px,.6vw,4px)}.menu .title h1{font-size:clamp(28px,7.8vw,46px);line-height:.8;letter-spacing:-.055em;text-shadow:2px 3px 0 #6a452e,4px 5px 0 #263a43}.menu .title h1 i{text-shadow:2px 3px 0 #6a3a31,4px 5px 0 #263a43}.menu .title p{font-size:clamp(9px,2.4vw,14px);letter-spacing:clamp(.5px,.2vw,2px);margin:clamp(3px,.7vw,5px) 0 0;text-shadow:1px 2px 0 #33494c}}@media(max-width:1023px){.menu{display:block;position:relative}.menu .title{position:absolute;top:3%;left:0;width:100%;margin:0}.menu .title small{font-size:clamp(9px,2.4vw,14px);letter-spacing:clamp(1px,.5vw,3px)}.menu .title h1{font-size:clamp(30px,8.8vw,52px);line-height:.68;letter-spacing:clamp(-2px,-.35vw,-1px);-webkit-text-stroke:clamp(1px,.35vw,2px)}.menu .title p{font-size:clamp(10px,2.9vw,17px);margin:clamp(2px,.5vw,4px) 0 0}.menu-buttons{position:absolute;top:52%;left:50%;transform:translate(-50%);width:min(78%,280px);max-width:none;margin:0;gap:clamp(3px,1vw,6px)}.menu button{width:100%;height:clamp(22px,6.8vw,39px);padding:0 clamp(8px,2vw,12px);font-size:clamp(9px,2.6vw,15px);line-height:1;border-width:clamp(2px,.5vw,3px);border-radius:clamp(9px,2.4vw,14px);box-shadow:0 clamp(2px,.5vw,3px) 0 #693d33,inset 0 1px #fff3a8}.menu footer{font-size:clamp(7px,2vw,12px);bottom:1%}}@media(max-width:1023px){.game-logo{width:60%!important}}.game-shell{--ui:clamp(1px,.15vw,1.45px)}.menu .title{margin-top:clamp(24px,5vh,72px)}.game-logo{width:min(46vw,720px)}.menu-buttons{width:min(300px,28vw);gap:clamp(6px,.8vw,12px);margin:clamp(14px,3vh,36px) auto 0}.menu button{padding:clamp(6px,.7vw,11px) clamp(10px,1.4vw,20px);font-size:clamp(13px,1.4vw,20px);border-width:clamp(2px,.25vw,4px);border-radius:clamp(12px,1.2vw,20px);box-shadow:0 clamp(3px,.35vw,5px) 0 #693d33,inset 0 2px #fff3a8}@media(max-width:1023px){.game-shell{--ui:clamp(.72px,.266667vw,1.45px)}.menu .title{margin-top:0;top:3%}.game-logo{width:60%!important}.menu-buttons{width:min(78%,280px);gap:clamp(3px,1vw,6px);margin:0;top:52%}.menu button{height:clamp(22px,6.8vw,39px);padding:0 clamp(8px,2vw,12px);font-size:clamp(9px,2.6vw,15px);border-width:clamp(2px,.5vw,3px);border-radius:clamp(9px,2.4vw,14px)}}@media(max-width:1023px)and (orientation:landscape){.game-shell{width:100vw!important;height:56.25vw!important;max-width:100vw!important;max-height:100vh!important}}@media(min-width:1024px){.game-shell{--ui:clamp(1px,.15vw,1.45px)}.menu-buttons{width:min(460px,30vw)}.menu button{font-size:clamp(13px,1.4vw,22px)}}@media(min-width:768px)and (max-width:1023px){.game-logo{width:60%!important}.menu-buttons{width:min(52vw,520px);gap:clamp(8px,1.2vw,14px)}.menu button{height:clamp(40px,5.3vw,58px);font-size:clamp(16px,2.1vw,23px);padding:0 clamp(14px,2vw,24px);border-radius:clamp(12px,1.6vw,18px);box-shadow:0 clamp(3px,.5vw,5px) 0 #693d33,inset 0 2px #fff3a8}}@media(min-width:768px){.game-shell{--ui:clamp(1px,.107vw,2.2px)}.menu{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(20px,5vh,76px) 0 clamp(20px,5vh,76px)}.menu .title{position:static;width:100%;margin:0!important;top:auto;left:auto}.game-logo{width:clamp(420px,37vw,760px)!important;max-width:82%;margin:0 auto}.menu-buttons{position:static;width:clamp(300px,26vw,520px);max-width:82%;transform:none;margin:0!important;gap:clamp(8px,.7vw,14px)}.menu button{height:clamp(40px,3.4vw,64px);padding:0 clamp(12px,1.3vw,26px);font-size:clamp(16px,1.25vw,26px);border-radius:clamp(12px,1vw,20px)}}@media(min-width:1024px){.game-logo{width:clamp(460px,37vw,760px)!important}.menu-buttons{width:clamp(360px,25vw,520px);gap:clamp(10px,.8vw,16px)}.menu button{height:clamp(44px,3.5vw,68px);font-size:clamp(18px,1.4vw,27px);padding:0 clamp(16px,1.5vw,28px)}}@media(max-width:1023px){.panel{width:100%;height:100%;padding:0 2%;display:block}.panel h2{margin:clamp(8px,2.1vw,24px) 0 0;font-size:clamp(18px,5.4vw,42px);line-height:.95;text-shadow:2px 3px #3a343d}.panel .sub{margin:clamp(2px,.8vw,7px) 0 0;font-size:clamp(8px,2vw,16px);line-height:1.05}.panel .back{left:clamp(6px,2vw,20px);top:clamp(6px,2vw,20px)!important;padding:0!important;width:clamp(25px,6vw,42px);height:clamp(25px,6vw,42px);font-size:clamp(17px,4vw,28px)!important;line-height:1;border-width:2px!important;border-radius:clamp(7px,1.5vw,12px)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(3px,1vw,10px);width:94%;height:auto;max-height:none;overflow:visible;margin:clamp(6px,1.8vw,18px) auto 0}.card,.card:nth-child(2n){min-height:clamp(46px,12vw,118px);height:auto;padding:clamp(5px,1.2vw,13px)!important;transform:none;border-width:clamp(2px,.45vw,3px);border-radius:clamp(8px,1.8vw,15px);box-shadow:0 clamp(2px,.5vw,4px) 0 #4e3330,inset 0 0 0 clamp(2px,.45vw,4px) #e4aa59!important}.card b{font-size:clamp(12px,3vw,25px);line-height:1}.card span{font-size:clamp(15px,4vw,32px);line-height:1;margin:clamp(1px,.5vw,5px) auto}.card strong{font-size:clamp(9px,2.2vw,18px);line-height:1.05;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card small{display:none}.complete{padding:0 3%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.complete h2{margin:clamp(12px,4vw,32px) 0 0;font-size:clamp(21px,6vw,46px);line-height:1}.complete .confetti{font-size:clamp(16px,5vw,38px);line-height:1;letter-spacing:clamp(3px,1.5vw,12px);margin-top:clamp(4px,1.5vw,12px)}.complete .sub{max-width:82%;margin:clamp(5px,1.5vw,12px) 0 0;font-size:clamp(9px,2.4vw,18px);line-height:1.05}.complete .stars{font-size:clamp(22px,7vw,48px);line-height:1;margin-top:clamp(4px,1.5vw,12px)}.complete .score-card{width:clamp(120px,32vw,240px);margin:clamp(5px,1.8vw,18px) auto;padding:clamp(5px,1vw,12px);font-size:clamp(8px,1.8vw,14px);border-width:2px;border-radius:clamp(7px,1.5vw,14px)}.complete .score-card b{font-size:clamp(18px,5vw,32px);line-height:1.05}.complete button{min-width:clamp(145px,42vw,240px);height:clamp(25px,7vw,48px);margin:clamp(3px,.9vw,9px) auto 0;padding:0 clamp(8px,2vw,18px)!important;font-size:clamp(10px,2.6vw,20px);border-width:2px;border-radius:clamp(8px,1.8vw,16px);box-shadow:0 clamp(2px,.5vw,4px) 0 #693d33,inset 0 1px #fff3a8}}@media(min-width:1024px){.panel h2{margin-top:clamp(32px,8vh,90px)}.complete h2{margin-top:clamp(45px,12vh,150px)}}.hud .health,.hud .counters span,.hud .counters button{background:#19323ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud .health>img{width:clamp(24px,3.1vw,54px);height:clamp(24px,3.1vw,54px);object-fit:contain;flex:none;filter:drop-shadow(0 3px 0 rgba(31,25,25,.28))}.hud .counters span img{width:clamp(22px,2.3vw,42px);height:clamp(22px,2.3vw,42px);object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 0 rgba(31,25,25,.28))}@media(max-width:1023px){.hud{padding:clamp(7px,2.2vw,18px);text-shadow:1px 2px 0 #293441}.hud .health{padding:clamp(4px,1vw,9px) clamp(7px,1.6vw,14px);gap:clamp(5px,1.2vw,10px);border-width:2px;border-radius:clamp(9px,1.8vw,16px)}.hud .health span{font-size:clamp(18px,3.2vw,30px)}.hud .health b{font-size:clamp(8px,1.6vw,13px)}.hud .health i{width:clamp(54px,10vw,110px);height:clamp(6px,1.2vw,10px)}.hud .health strong{font-size:clamp(12px,2.2vw,18px)}.hud .counters{gap:clamp(4px,1vw,10px);font-size:clamp(11px,2vw,18px)}.hud .counters span,.hud .counters button{padding:clamp(4px,1vw,8px) clamp(7px,1.4vw,13px);border-width:2px;border-radius:clamp(8px,1.7vw,14px)}.hud .counters button{font-size:clamp(13px,2.3vw,20px)}.touch{display:flex;position:absolute;z-index:25;inset:auto clamp(10px,3vw,28px) clamp(10px,3vw,24px);height:clamp(54px,11vw,86px);pointer-events:none;justify-content:initial;touch-action:none;user-select:none;-webkit-user-select:none}.touch button{position:absolute!important;width:clamp(42px,9vw,76px)!important;height:clamp(42px,9vw,76px)!important;margin:0!important;border:0!important;border-radius:50%;background:#13343957!important;box-shadow:none!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#ffffffc7;font-size:clamp(20px,4vw,34px);font-family:Fredoka;opacity:.78}.touch button:active{background:#66cf6280!important;transform:scale(.94)}.touch>button:nth-child(1){left:0;bottom:0}.touch>button:nth-child(2){left:clamp(48px,10vw,88px);bottom:0}.touch aside{position:absolute;right:0;bottom:0;display:flex;gap:clamp(6px,1.4vw,14px)}.touch aside button{position:relative!important;inset:auto!important}}.menu{background:#5bb8b0 url(/assets/generated/background-v2.png) center center / cover no-repeat}.menu:after{display:none}.map-preview .touch{display:none!important}.grid-toggle{position:absolute;z-index:30;top:clamp(8px,1.7vw,22px);right:clamp(8px,1.7vw,22px);width:clamp(34px,4vw,52px);height:clamp(34px,4vw,52px);padding:0;border:2px solid rgba(255,255,255,.55);border-radius:clamp(8px,1vw,13px);background:#19323aad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 3px #19232859;color:#ffffffc7;font:700 clamp(20px,2.2vw,30px)/1 Fredoka;cursor:pointer;pointer-events:auto}.grid-toggle.active{background:#459358cc;color:#fff}.grid-toggle:active{transform:scale(.94)}.hero-avatar{width:clamp(32px,4.2vw,58px);height:clamp(32px,4.2vw,58px);flex:none;background:url(/assets/generated/character-actions-sheet.png) 0 0/600% 500% no-repeat;filter:drop-shadow(0 2px 0 rgba(31,25,25,.3))}.life-hud{display:flex;align-items:center;gap:clamp(5px,.6vw,9px)}.life-hud strong{font:800 clamp(16px,1.7vw,25px) Fredoka;color:#fff;white-space:nowrap}.health-pips{display:flex;gap:clamp(2px,.25vw,4px);align-items:center}.health .health-pips i{display:block;width:clamp(12px,1.25vw,19px);height:clamp(7px,.7vw,11px);border:2px solid #1d2930;border-radius:3px;background:#4a3942;overflow:visible}.health .health-pips i.filled{background:#64d25e;box-shadow:inset 0 1px #b8f37b}.hud .counters span img{width:clamp(18px,1.8vw,30px);height:clamp(18px,1.8vw,30px);object-fit:contain;vertical-align:middle}.asset-loading{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#10303794;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all;color:#fff;text-align:center}.asset-loading-card{width:min(430px,72%);padding:clamp(18px,3vw,32px);border:3px solid #20383c;border-radius:clamp(14px,2vw,24px);background:linear-gradient(145deg,#285c61ee,#183d44ee);box-shadow:0 7px #142d35,inset 0 2px #9de4c477;display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1vw,10px)}.asset-loading-mark{font-size:clamp(26px,5vw,52px);line-height:1;color:#ffd85d;text-shadow:2px 3px 0 #714d39;animation:loading-pulse 1s ease-in-out infinite alternate}.asset-loading-card strong{font:800 clamp(14px,2.3vw,24px)/1 Fredoka;color:#ffe58a;letter-spacing:.04em}.asset-loading-card small{font:600 clamp(9px,1.5vw,15px)/1.1 Fredoka;color:#d7f4d0}.asset-loading-track{width:100%;height:clamp(8px,1vw,13px);overflow:hidden;border:2px solid #163238;border-radius:99px;background:#102c32;box-shadow:inset 0 1px 2px #07191d}.asset-loading-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#68d65f,#f8d45f);box-shadow:inset 0 1px #edffad;transition:width .16s ease}@keyframes loading-pulse{0%{transform:scale(.92) rotate(-5deg);opacity:.72}to{transform:scale(1.08) rotate(5deg);opacity:1}}.asset-loading{background:linear-gradient(180deg,#12464e2e,#0c2b30b8),url(/assets/generated/background-v2.jpg) center/cover no-repeat;-webkit-backdrop-filter:none;backdrop-filter:none}.splash-loading-content{width:min(500px,72%);display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.2vw,14px);text-shadow:2px 3px 0 #213a42}.splash-loading-content img{display:block;width:min(72%,420px);max-height:28vh;object-fit:contain;filter:drop-shadow(0 6px 0 #21333b)}.splash-loading-content .asset-loading-mark{margin-top:clamp(2px,1vw,10px)}.splash-loading-content strong{font:800 clamp(15px,2.6vw,28px)/1 Fredoka;color:#ffe58a;letter-spacing:.05em}.splash-loading-content small{font:600 clamp(10px,1.6vw,17px)/1.1 Fredoka;color:#efffd8}.splash-loading-content .asset-loading-track{width:min(390px,100%);height:clamp(9px,1.2vw,15px);margin-top:clamp(2px,.5vw,6px)}.hud .health,.hud .counters span,.hud .counters button{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.hud .health{padding:0!important;gap:clamp(5px,.55vw,9px)}.hero-avatar{width:clamp(38px,4.3vw,58px);height:clamp(38px,4.3vw,58px)}.life-hud{flex-direction:column;align-items:flex-start;gap:clamp(1px,.15vw,3px)}.life-hud strong{font-size:clamp(17px,1.8vw,26px);line-height:.9}.health-pips{gap:clamp(2px,.25vw,4px)}.health .health-pips i{width:clamp(16px,1.8vw,27px);height:clamp(6px,.65vw,10px);border:1px solid #20332f;border-radius:2px}.hud .counters{gap:clamp(10px,1.2vw,18px);text-shadow:2px 3px 0 #293441}.hud .counters span,.hud .counters button{padding:0!important}.hero-avatar{background:url(/assets/generated/individual/gameplay/avatar.png) center/contain no-repeat}.health-progress{width:clamp(72px,7vw,112px);height:clamp(8px,.7vw,12px);border:2px solid #20332f;border-radius:5px;background:#4a3942;overflow:hidden}.health-progress em{display:block;height:100%;width:100%;background:linear-gradient(90deg,#57c95b,#9be35b);border-radius:3px;box-shadow:inset 0 1px #d0f58b}