@import url(https://fonts.googleapis.com/css2?family=Fredoka+One:wght@400&family=Nunito:wght@400;600;700;800;900&display=swap);
@font-face{font-family:"Mikado";src:url(/static/media/Mikado-Regular.8cd6df9b2778e5d2001b.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:"Mikado";src:url(/static/media/Mikado-Bold.b0c7c19e2afca0414e9d.otf) format("opentype");font-weight:700;font-style:normal}@font-face{font-family:"Mikado";src:url(/static/media/Mikado-Light.391bf7deeb1eacaf06f4.otf) format("opentype");font-weight:300;font-style:normal}@font-face{font-family:"Mikado";src:url(/static/media/Mikado-Medium.94f1607dfa32f926df75.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:"Mikado";src:url(/static/media/Mikado-Ultra.1bd2766fba1fe1aa3868.otf) format("opentype");font-weight:900;font-style:normal}@font-face{font-family:"Pridi";src:url(/static/media/Pridi-ExtraLight.74f6214c609a8d7ff8ce.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:"Pridi";src:url(/static/media/Pridi-Light.b47cd93fa930fe25710a.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Pridi";src:url(/static/media/Pridi-Regular.d55bd1ae3127176e6d92.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Pridi";src:url(/static/media/Pridi-Medium.f4eec46470606d3fd505.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Pridi";src:url(/static/media/Pridi-SemiBold.dab73a00fbfa33dc9456.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Pridi";src:url(/static/media/Pridi-Bold.ca7c6d9c8b8e31ecefa1.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:"FF Uberhand Pro";src:url(/static/media/UberhandTextProBold.98aeb70c5be3a55306d2.TTF) format("truetype");font-weight:400;font-style:normal}.CongratzModalView_mikado-regular__UO3YQ{font-family:"Mikado",sans-serif;font-weight:400;font-style:normal}.CongratzModalView_mikado-bold__44JDI{font-family:"Mikado",sans-serif;font-weight:700;font-style:normal}.CongratzModalView_mikado-light__-Qqya{font-family:"Mikado",sans-serif;font-weight:300;font-style:normal}.CongratzModalView_mikado-medium__AlGZR{font-family:"Mikado",sans-serif;font-weight:500;font-style:normal}.CongratzModalView_mikado-ultra__AvSYr{font-family:"Mikado",sans-serif;font-weight:900;font-style:normal}.CongratzModalView_wrapper__t47GE{display:flex;flex-direction:column;align-items:center;height:100dvh;font-family:"Mikado",sans-serif;padding:0 16px 5.7svh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#cee7e8;z-index:2}.CongratzModalView_wrapper__t47GE h1{font-size:40px}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_wrapper__t47GE{height:100svh;padding:0 16px;justify-content:center}}.CongratzModalView_modal__shSKG{overflow:hidden}.CongratzModalView_modal__shSKG .modal-content{background:#0063ce !important}.CongratzModalView_bgImage__AF3Cf{background-image:url(/static/media/congratzBg.afff8a5187a782e740ee.svg);width:150svh;z-index:1;position:absolute;opacity:.2;left:-31svh;top:-19svh;height:130svh;animation:CongratzModalView_moveBg__YvL6c 50s linear infinite}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_bgImage__AF3Cf{width:200vw;height:200svh;left:-31svh;top:-40svh;animation:CongratzModalView_moveBgMobile__DFtjG 50s linear infinite}}@keyframes CongratzModalView_moveBg__YvL6c{0%{left:-31svh;top:-19svh}100%{left:-77.4svh;top:-30.5svh}}@keyframes CongratzModalView_moveBgMobile__DFtjG{0%{left:-68svh;top:-51svh}100%{left:-108.4svh;top:-61.5svh}}.CongratzModalView_btnClaimed__4qQkg{opacity:0;pointer-events:none}.CongratzModalView_coinIcon__orDz-{position:relative}.CongratzModalView_rotatingBg__r8pVV{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);animation:CongratzModalView_rotate__iDxaQ 15s linear infinite;width:35svh;height:35svh}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_rotatingBg__r8pVV{width:50svh;height:50svh}}@keyframes CongratzModalView_rotate__iDxaQ{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.CongratzModalView_container__uIN5f{max-width:660px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;z-index:1}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_container__uIN5f{max-width:100%;gap:5svh;padding:0 5svh}}.CongratzModalView_title__lfAPQ{font-size:4vh;font-style:normal;font-weight:900;line-height:150%;padding-top:7.2vh;text-align:center;bottom:0}.CongratzModalView_success__HRqEG{color:#00ff73}.CongratzModalView_mascotContainer__ok9P4{position:relative}.CongratzModalView_error__1RCC1{color:#ff6f9f}.CongratzModalView_rewardCoin__2mdgh{width:14.6svh;height:auto;z-index:2;position:relative}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_rewardCoin__2mdgh{width:20svh}}.CongratzModalView_mascot__FGZm4{width:32svh;height:auto;margin-left:auto;margin-right:auto;margin-top:5svh}.CongratzModalView_lottie__pgTeb{position:absolute;top:9vh;height:29vh;left:23%;transform:translateX(-50%);width:100%}.CongratzModalView_lottie__1__YDeWQ{top:5vh;height:45vh;left:50%}.CongratzModalView_lottie__2__waD\+W{top:18vh;height:36vh;left:77%}.CongratzModalView_lottie__3__-2xFr{top:44vh;height:50vh;left:50%}.CongratzModalView_didYouKnowLottie2__XFCHw{position:absolute;top:9vh;height:29vh;left:77%;transform:translateX(-50%);width:100%}.CongratzModalView_didYouKnowLottie3__9Zv7S{position:absolute;top:56vh;height:39vh;left:42%;transform:translateX(-50%);width:100%}.CongratzModalView_didYouKnowWrapper__wcVM\+{max-width:37vh;width:100%}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_didYouKnowWrapper__wcVM\+{max-width:60vw}}.CongratzModalView_redeem__3RrrP{height:100%;display:flex;margin-top:auto;flex-direction:column}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_redeem__3RrrP{margin:0;justify-content:center}}.CongratzModalView_redeem__3RrrP .CongratzModalView_coins__Ecyc1{display:flex;flex-direction:column;color:#fff;align-items:center;font-weight:600;font-size:30px;margin-top:auto;margin-bottom:auto;justify-content:center;margin-bottom:12vh;height:100%}.CongratzModalView_redeem__3RrrP .CongratzModalView_amount__Jo8Uz{font-size:3.8svh;font-weight:900;line-height:150%;position:relative;z-index:1;-webkit-text-stroke-width:.2svh;-webkit-text-stroke-color:#000}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_redeem__3RrrP .CongratzModalView_amount__Jo8Uz{font-size:8svh}}.CongratzModalView_button__iAfjK{background:#26efa4;box-shadow:0 14.57px 17.16px -4px rgba(0,255,160,.2705882353);color:#312946;font-size:2vh;min-width:22vh;text-transform:uppercase;z-index:10}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_button__iAfjK{font-size:4.5svh;height:10svh;max-width:80svh;width:auto;padding:4svh 6svh;position:absolute;bottom:5svh;left:50%;transform:translateX(-50%)}}.CongratzModalView_skillXpGain__lHRcf{padding-bottom:2svh}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_skillXpGain__lHRcf{zoom:1}}.CongratzModalView_userAmounts__QcWt7{display:flex}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_userAmounts__QcWt7{flex-direction:row}}.CongratzModalView_userAmounts__QcWt7 .CongratzModalView_cash__i4uSF{display:flex;position:relative;margin-top:1.2svh;flex-shrink:0;justify-content:center;align-items:center}.CongratzModalView_userAmounts__QcWt7 .CongratzModalView_cash__image__ymsqv{width:9.5svh;height:auto;position:relative;z-index:1;max-height:50px;max-width:50px}@media(max-width: 660px){.CongratzModalView_userAmounts__QcWt7 .CongratzModalView_cash__image__ymsqv{width:5svh}}.CongratzModalView_userAmounts__QcWt7 .CongratzModalView_cash__amount__RIQnG{height:-moz-fit-content;height:fit-content;margin-bottom:.2svh;position:relative;left:-1.2svh;padding:.4svh 1.7svh;width:100%;background:linear-gradient(90deg, rgba(0, 0, 0, 0.4) 89.5%, rgba(0, 0, 0, 0) 100%);background:var(--Linear, linear-gradient(90deg, rgba(0, 0, 0, 0.4) 89.5%, rgba(0, 0, 0, 0) 100%));text-align:right;color:#fff;font-size:2.4svh;font-weight:900;padding-left:2svh}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_userAmounts__QcWt7 .CongratzModalView_cash__amount__RIQnG{font-size:4svh}}.CongratzModalView_landscapeRow__r7gx\+{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:auto;margin-bottom:auto}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.CongratzModalView_landscapeRow__r7gx\+{flex-direction:row;margin-bottom:auto;gap:10svh}}.CongratzModalView_landscapeCol__C4BXU{width:100%}
.tutorial-checklist{position:fixed;top:1vh;left:1vw;width:min(380px,90vw);max-height:98vh;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;box-shadow:0 8px 0 #2c3e50,0 12px 20px rgba(0,0,0,.3);border:3px solid #ff6b35;z-index:1000;font-family:"Nunito",sans-serif;transition:all .3s ease;overflow-y:auto;overflow-x:hidden;position:relative}.tutorial-checklist:hover{box-shadow:0 10px 0 #2c3e50,0 15px 25px rgba(0,0,0,.4)}@media(max-width: 768px)and (orientation: landscape){.tutorial-checklist{width:min(55vw,380px);top:1vh;left:71%;transform:translateX(-50%);max-height:96vh}}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist{top:2vh;left:4vw;transform:none;width:clamp(120px,45vw,300px);max-height:40vh;padding:.5vh 1vw;border-width:2px;border-radius:10px;box-shadow:0 4px 0 #2c3e50,0 6px 10px rgba(0,0,0,.3)}.tutorial-checklist:hover{box-shadow:0 5px 0 #2c3e50,0 8px 12px rgba(0,0,0,.4)}}.tutorial-checklist__header{padding:1.5vh 3vw 1vh;position:relative;z-index:1}.tutorial-checklist__title{margin:0 0 1vh 0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:900;color:#2c3e50;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__title{font-size:clamp(.85rem,2.2vw,1.1rem);margin-bottom:.3vh;letter-spacing:.3px}}.tutorial-checklist__progress-bar{width:100%;height:12px;background:rgba(44,62,80,.2);border-radius:10px;overflow:hidden;border:3px solid #2c3e50;box-shadow:0 3px 0 #2c3e50}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__progress-bar{height:6px;border-width:1.5px;border-radius:5px;box-shadow:0 1.5px 0 #2c3e50}}.tutorial-checklist__progress-fill{height:100%;background:linear-gradient(45deg, #05D494, #3BB3A8, #06FFA5);background-size:200% 200%;animation:progressGradient 2s ease infinite;border-radius:7px;transition:width .5s ease;box-shadow:0 0 15px rgba(6,255,165,.5)}.tutorial-checklist__items{padding:1.5vh 3vw;display:flex;flex-direction:column;gap:1vh;position:relative;z-index:1}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__items{padding:.5vh 1.5vw;gap:.4vh}}.tutorial-checklist__item{display:flex;align-items:flex-start;gap:2vw;padding:1.5vh 2.5vw;border-radius:12px;transition:all .2s ease;border:3px solid #2c3e50;background:rgba(255,255,255,.8);box-shadow:0 4px 0 #2c3e50;position:relative;overflow:hidden}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__item{padding:.6vh 2vw;gap:1.5vw;border-width:1.5px;border-radius:6px;box-shadow:0 2px 0 #2c3e50}}.tutorial-checklist__item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition:left .5s ease;will-change:left;z-index:0}.tutorial-checklist__item:hover{transform:translateY(-2px);box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(0,0,0,.2)}.tutorial-checklist__item--active{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 107, 53, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border-color:#ff6b35;box-shadow:0 4px 0 #ff6b35,0 0 20px rgba(255,107,53,.4);animation:activePulse 2s ease-in-out infinite}.tutorial-checklist__item--active::before{animation:activeShine 2s ease-in-out infinite}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__item--active{box-shadow:0 2px 0 #ff6b35,0 0 10px rgba(255,107,53,.4)}}.tutorial-checklist__item--completed{background:linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(6, 255, 165, 0.15) 50%, rgba(255, 255, 255, 0.9) 100%);border-color:#06ffa5;box-shadow:0 4px 0 #06ffa5,0 0 10px rgba(6,255,165,.2);opacity:.9}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__item--completed{box-shadow:0 2px 0 #06ffa5,0 0 5px rgba(6,255,165,.2)}}.tutorial-checklist__item-icon{font-size:clamp(1.2rem,4vw,1.5rem);flex-shrink:0;margin-top:.1rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__item-icon{font-size:clamp(.7rem,2.5vw,.9rem);margin-top:0}}.tutorial-checklist__item-content{flex:1 1;min-width:0}.tutorial-checklist__item-title{font-weight:800;color:#2c3e50;margin-bottom:.5vh;font-size:clamp(.9rem,2.5vw,1rem);text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__item-title{font-size:clamp(.85rem,2.4vw,1.05rem);margin-bottom:.2vh}}.tutorial-checklist__item-description{font-size:clamp(.75rem,2.2vw,.85rem);color:#2c3e50;line-height:1.4;font-weight:600}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__item-description{font-size:clamp(.7rem,1.9vw,.85rem);line-height:1.2}}.tutorial-checklist__current-instruction{margin:0 3vw 1.5vh;padding:1.5vh 2.5vw;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 210, 63, 0.15) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #ffd23f;border-radius:12px;display:flex;align-items:flex-start;gap:2vw;box-shadow:0 4px 0 #2c3e50,0 0 15px rgba(255,210,63,.3);position:relative;z-index:1}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__current-instruction{margin:0 1.5vw .5vh;padding:.4vh 1.5vw;border-width:1.5px;border-radius:6px;gap:1.5vw;box-shadow:0 2px 0 #2c3e50,0 0 8px rgba(255,210,63,.3)}}.tutorial-checklist__instruction-icon{font-size:clamp(1.2rem,4vw,1.5rem);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__instruction-icon{font-size:clamp(.7rem,2.5vw,.9rem)}}.tutorial-checklist__instruction-text{font-size:clamp(.85rem,2.4vw,.95rem);color:#2c3e50;line-height:1.4;font-weight:700}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__instruction-text{font-size:clamp(.5rem,1.4vw,.65rem);line-height:1.2}}.tutorial-checklist__completion{margin:0 3vw 1.5vh;padding:1.5vh 2.5vw;background:linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(6, 255, 165, 0.2) 50%, rgba(255, 255, 255, 0.95) 100%);border:3px solid #06ffa5;border-radius:12px;display:flex;align-items:center;gap:2vw;text-align:center;box-shadow:0 4px 0 #06ffa5,0 0 20px rgba(6,255,165,.5);animation:completionPulse 2s ease-in-out infinite;position:relative;z-index:1}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__completion{margin:0 1.5vw .5vh;padding:.4vh 1.5vw;border-width:1.5px;border-radius:6px;gap:1.5vw;box-shadow:0 2px 0 #06ffa5,0 0 10px rgba(6,255,165,.5)}}.tutorial-checklist__completion-icon{font-size:clamp(1.5rem,5vw,2rem);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));animation:celebrateRotate 1s ease-in-out infinite}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__completion-icon{font-size:clamp(1.1rem,3.8vw,1.4rem)}}.tutorial-checklist__completion-text{font-size:clamp(.85rem,2.4vw,.95rem);color:#2c3e50;font-weight:800;line-height:1.4;text-shadow:0 1px 2px rgba(255,255,255,.5)}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__completion-text{font-size:clamp(.7rem,1.9vw,.85rem);line-height:1.2}}.tutorial-checklist__exit-button{background:linear-gradient(45deg, #05D494, #3BB3A8);color:#fff;border:3px solid #2c3e50;border-radius:12px;padding:1.5vh 4vw;font-size:clamp(.9rem,2.5vw,1rem);font-weight:800;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 0 #2c3e50,0 6px 15px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:.5px;font-family:"Nunito",sans-serif}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__exit-button{padding:.4vh 2vw;border-width:1.5px;border-radius:6px;font-size:clamp(.5rem,1.4vw,.65rem);letter-spacing:.2px;box-shadow:0 2px 0 #2c3e50,0 3px 8px rgba(0,0,0,.2)}}.tutorial-checklist__exit-button:hover{background:linear-gradient(45deg, #4ECDC4, #06FFA5);transform:translateY(-2px);box-shadow:0 6px 0 #2c3e50,0 10px 20px rgba(6,255,165,.4)}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__exit-button:hover{transform:translateY(-1px);box-shadow:0 3px 0 #2c3e50,0 5px 10px rgba(6,255,165,.4)}}.tutorial-checklist__exit-button:active{transform:translateY(2px);box-shadow:0 2px 0 #2c3e50,0 4px 10px rgba(0,0,0,.2)}@media(max-width: 768px)and (orientation: portrait){.tutorial-checklist__exit-button:active{transform:translateY(1px);box-shadow:0 1px 0 #2c3e50,0 2px 5px rgba(0,0,0,.2)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes progressGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes activePulse{0%,100%{box-shadow:0 4px 0 #ff6b35,0 0 20px rgba(255,107,53,.4)}50%{box-shadow:0 4px 0 #ff6b35,0 0 30px rgba(255,107,53,.7)}}@keyframes activeShine{0%{left:-100%}100%{left:100%}}@keyframes completionPulse{0%,100%{box-shadow:0 4px 0 #06ffa5,0 0 20px rgba(6,255,165,.5)}50%{box-shadow:0 4px 0 #06ffa5,0 0 35px rgba(6,255,165,.8)}}@keyframes celebrateRotate{0%,100%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-15deg) scale(1.1)}75%{transform:rotate(15deg) scale(1.1)}}
.tutorial-view{width:100%;height:100vh;position:relative;background:#1a1a2e}.tutorial-view .credit-game-container{position:relative;width:100%;height:100%}.tutorial-view .player-info{z-index:100}.tutorial-view .shopping-list{z-index:99}@media(max-width: 768px)and (orientation: portrait){.tutorial-view .shopping-list .shopping-list__content{padding:.7vh 1.3vw;border-width:2px;border-radius:12px;box-shadow:0 4px 0 #2c3e50,0 6px 10px rgba(0,0,0,.3)}.tutorial-view .shopping-list .shopping-list__title{font-size:clamp(.7rem,1.9vw,.95rem);margin-bottom:.6vh}.tutorial-view .shopping-list .shopping-list__items{gap:1.2vw}.tutorial-view .shopping-list .shopping-list__item{font-size:clamp(1.2rem,3.5vw,1.55rem);padding:.5vh .8vw;border-width:2px;border-radius:8px;box-shadow:0 2.5px 0 #2c3e50}.tutorial-view .shopping-list .shopping-list__item-sprite{width:clamp(1.2rem,3.5vw,1.55rem);height:clamp(1.2rem,3.5vw,1.55rem)}}
@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeInScale{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shopping-list-glow{0%{box-shadow:0 0 15px rgba(76,175,80,.6);transform:scale(1)}50%{box-shadow:0 0 25px rgba(76,175,80,.9);transform:scale(1.05)}100%{box-shadow:0 0 15px rgba(76,175,80,.6);transform:scale(1)}}@keyframes screen-glow{0%{opacity:.8;text-shadow:0 0 6px rgba(76,175,80,.8)}50%{opacity:1;text-shadow:0 0 12px #4caf50}100%{opacity:.8;text-shadow:0 0 6px rgba(76,175,80,.8)}}@keyframes squish-vertical{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(0.7) scaleX(1.2)}100%{transform:scaleY(1) scaleX(1)}}@keyframes squish-horizontal{0%{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(0.7) scaleY(1.2)}100%{transform:scaleX(1) scaleY(1)}}.game-player{transition:left 150ms linear,top 150ms linear}.game-player.moving{transition:left 150ms linear,top 150ms linear}.game-player.moving-up{animation:squish-vertical 150ms linear}.game-player.moving-down{animation:squish-vertical 150ms linear}.game-player.moving-left{animation:squish-horizontal 150ms linear}.game-player.moving-right{animation:squish-horizontal 150ms linear}.game-object{transition:opacity .3s ease}.game-object.beer{transition:opacity .3s ease,left 1000ms linear,top 1000ms linear}.game-object:hover{transform:scale(1.1);transition:transform .2s ease}.game-atm.pulsing{animation:pulse 1s infinite}.spawn-preview{display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3);border-top:3px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}html.credit-active,body.credit-active{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:touch}.credit-view .credit-login-view-container{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%)}.credit-view .credit-login-view{display:flex;align-items:center;justify-content:center;min-height:100vh}.credit-view .credit-lobby-container{width:100%}.credit-game{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);overflow:hidden}.credit-game-container{width:100vw;width:100dvw;height:100vh;height:100dvh;background-color:#1a1a2e;overflow:hidden;position:fixed;top:0;left:0;overscroll-behavior:none;-webkit-overflow-scrolling:touch}@supports(-webkit-touch-callout: none){.credit-game-container{min-height:-webkit-fill-available;height:-webkit-fill-available}}.spectator-back-button{position:absolute;top:20px;right:20px;z-index:100}.spectator-back-button button{padding:10px 20px;background-color:#4ecdc4;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .15s ease}.spectator-back-button button:hover{background-color:#45b7d1;transform:translateY(-1px)}.host-spectator-progress{position:absolute;top:80px;right:20px;width:280px;background-color:rgba(26,26,46,.9);border:1px solid rgba(255,255,255,.3);border-radius:15px;padding:15px;z-index:100;max-height:calc(100vh - 120px);overflow-y:auto}.host-spectator-progress__header{color:#fff;margin:0 0 15px 0;font-size:16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.host-spectator-progress__player-item{margin-bottom:6px;padding:6px;background-color:rgba(255,255,255,.05);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.host-spectator-progress__player-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.host-spectator-progress__player-item-header-name{color:#fff;font-size:11px;font-weight:bold;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-spectator-progress__player-item-header-info{display:flex;align-items:center;gap:4px}.host-spectator-progress__player-item-header-info-balance{color:#ccc;font-size:9px}.host-spectator-progress__player-item-header-info-payments{display:flex;gap:1px}.progress-bar{width:100%;height:6px;background-color:#333;border-radius:3px;overflow:hidden;position:relative}.progress-bar__fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-bar__fill--high{background-color:#4caf50}.progress-bar__fill--medium{background-color:#ffc107}.progress-bar__fill--low{background-color:#f44}.progress-bar__marker{position:absolute;left:70%;top:0;width:1px;height:100%;background-color:#fff;opacity:.6}.payment-mark{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.payment-mark--paid{background-color:#4caf50}.payment-mark--failed{background-color:#f44}.payment-mark:not(:first-child){margin-left:2px}@media screen and (max-height: 660px)and (orientation: landscape)and (pointer: coarse){.credit-game-container{width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden}@supports(-webkit-touch-callout: none){.credit-game-container{height:-webkit-fill-available}}.host-spectator-progress{display:none}.spectator-back-button{top:5px;right:5px}.spectator-back-button button{padding:5px 10px;font-size:11px;border-radius:4px}.statement-indicators{top:10px;left:5%;transform:translateX(-50%)}.statement-indicators .indicator{width:20px;height:20px;font-size:10px}.game-canvas{width:100vw;height:100vh}.teaching-popup,.statement-popup,.warning-popup,.facilitator-popup{max-width:90vw;max-height:80vh;margin:auto}.teaching-popup .popup-content,.statement-popup .popup-content,.warning-popup .popup-content,.facilitator-popup .popup-content{padding:10px;font-size:14px}.teaching-popup .popup-title,.statement-popup .popup-title,.warning-popup .popup-title,.facilitator-popup .popup-title{font-size:16px;margin-bottom:10px}.teaching-popup .popup-button,.statement-popup .popup-button,.warning-popup .popup-button,.facilitator-popup .popup-button{padding:5px 10px;font-size:12px}.year-end-reveal{max-width:95vw;max-height:90vh}.year-end-reveal .results-table{font-size:12px}.year-end-reveal .results-table th,.year-end-reveal .results-table td{padding:4px 6px}.year-end-reveal .score-display{font-size:14px}.credit-view .credit-login-view{width:100vw}.game-menu .menu-section{margin-bottom:10px}.game-menu .lobby-list{max-height:200px;overflow-y:auto}.game-menu .input-field{font-size:14px;padding:5px}.game-menu .menu-button{padding:5px 10px;font-size:14px}.game-lobby .player-list{max-height:150px;overflow-y:auto}.game-lobby .lobby-controls{flex-direction:column;gap:5px}.game-lobby .lobby-button{padding:5px 10px;font-size:14px;width:100%}html.credit-active,body.credit-active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-drag:none}}@media(max-width: 767px)and (orientation: portrait){.credit-game-container{width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden}@supports(-webkit-touch-callout: none){.credit-game-container{height:-webkit-fill-available}}.host-spectator-progress{position:absolute;top:10px;right:10px;width:200px;max-height:40vh;overflow-y:auto;font-size:10px}.host-spectator-progress__header{font-size:12px;margin-bottom:5px;padding-bottom:5px}.host-spectator-progress__player-item{margin-bottom:3px;padding:3px}.host-spectator-progress__player-item-header{margin-bottom:2px}.host-spectator-progress__player-item-header-name{font-size:9px;max-width:100px}.host-spectator-progress__player-item-header-info-balance{font-size:8px}.spectator-back-button{top:10px;left:10px;right:auto}.spectator-back-button button{padding:5px 10px;font-size:12px;border-radius:4px}.game-canvas{width:100vw;height:100vh;position:relative}.statement-indicators{top:13vh;left:10%;transform:translateX(-50%)}.statement-indicators .indicator{width:18px;height:18px;font-size:9px}.teaching-popup,.statement-popup,.warning-popup,.facilitator-popup{max-width:95vw;max-height:85vh;margin:auto}.teaching-popup .popup-content,.statement-popup .popup-content,.warning-popup .popup-content,.facilitator-popup .popup-content{padding:10px;font-size:13px}.teaching-popup .popup-title,.statement-popup .popup-title,.warning-popup .popup-title,.facilitator-popup .popup-title{font-size:15px;margin-bottom:10px}.teaching-popup .popup-button,.statement-popup .popup-button,.warning-popup .popup-button,.facilitator-popup .popup-button{padding:5px 10px;font-size:11px}.year-end-reveal{max-width:98vw;max-height:95vh}.year-end-reveal .results-table{font-size:11px}.year-end-reveal .results-table th,.year-end-reveal .results-table td{padding:3px 4px}.year-end-reveal .score-display{font-size:13px}.credit-view .credit-login-view{padding:5px}.credit-view .credit-lobby-container{max-width:98vw;padding:5px}.game-menu .menu-section{margin-bottom:5px}.game-menu .lobby-list{max-height:180px;overflow-y:auto}.game-menu .input-field{font-size:13px;padding:5px}.game-menu .menu-button{padding:5px 10px;font-size:13px}.game-lobby .player-list{max-height:120px;overflow-y:auto}.game-lobby .lobby-controls{flex-direction:column;gap:5px}.game-lobby .lobby-button{padding:5px 10px;font-size:13px;width:100%}html.credit-active,body.credit-active{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-drag:none}}