@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Calistoga&display=swap";*{margin:0;padding:0;user-select:none;touch-action:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none}body{font-family:Calistoga,serif;font-weight:400;font-style:normal}html,body,#root{height:100%;width:100%;overflow:hidden}*{-webkit-tap-highlight-color:transparent}#mainContainer{background-color:#3d5d59;width:100%;height:100%;display:flex;align-items:center;justify-content:center}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none}.tutorial-overlay-blackout{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}.tutorial-corner-defs{position:absolute;overflow:hidden}.tutorial-slot-highlight{position:absolute;inset:-6px;border-radius:inherit;pointer-events:none;z-index:35;overflow:visible}.tutorial-slot-spotlight-dim-wrap{--tutorial-dim-clip-pad: 5000px;position:absolute;top:calc(-1 * var(--tutorial-dim-clip-pad));left:calc(-1 * var(--tutorial-dim-clip-pad));width:calc(var(--tutorial-dim-w) + 2 * var(--tutorial-dim-clip-pad));height:calc(var(--tutorial-dim-h) + 2 * var(--tutorial-dim-clip-pad));overflow:visible;pointer-events:none}.tutorial-slot-spotlight-dim{position:absolute;inset:0;border-radius:inherit;background:transparent;box-shadow:0 0 0 100vmax rgba(0,0,0,var(--tutorial-shadow-alpha, .5))}.tutorial-slot-spotlight-dim--in-wrap{inset:unset;top:var(--tutorial-dim-clip-pad);left:var(--tutorial-dim-clip-pad);width:var(--tutorial-dim-w);height:var(--tutorial-dim-h)}.tutorial-spotlight-glow--anchored{position:absolute;inset:0;z-index:2;pointer-events:none;animation:tutorial-contour-pulse 2.5s ease-in-out infinite}.tutorial-spotlight-glow--anchored .tutorial-corner-tl{top:-3px;left:-3px}.tutorial-spotlight-glow--anchored .tutorial-corner-tr{top:-3px;right:-3px}.tutorial-spotlight-glow--anchored .tutorial-corner-bl{bottom:-3px;left:-3px}.tutorial-spotlight-glow--anchored .tutorial-corner-br{bottom:-3px;right:-3px}.tutorial-element-spotlight{position:fixed;pointer-events:none;z-index:9997;box-sizing:border-box;box-shadow:0 0 0 100vmax rgba(0,0,0,var(--tutorial-shadow-alpha, .5))}.tutorial-spotlight-glow--fixed{position:fixed;z-index:9999;pointer-events:none;animation:tutorial-contour-pulse 2.5s ease-in-out infinite}.tutorial-corner-svg{position:absolute;width:var(--tutorial-corner-size, 44px);height:var(--tutorial-corner-size, 44px);pointer-events:none}.tutorial-corner-tl{top:0;left:0}.tutorial-corner-tr{top:0;right:0}.tutorial-corner-bl{bottom:0;left:0}.tutorial-corner-br{bottom:0;right:0}@keyframes tutorial-contour-pulse{0%,to{opacity:.88;filter:brightness(1)}50%{opacity:1;filter:brightness(1.08)}}.tutorial-board-hint{position:fixed;inset:0;z-index:10002;pointer-events:none}.tutorial-board-hint__panel{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);width:min(420px,92vw);min-height:84px;display:flex;align-items:center;justify-content:center;padding:18px 28px;box-sizing:border-box}.tutorial-board-hint__panel-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.tutorial-board-hint__text{position:relative;z-index:1;margin:0;font-family:Poppins,system-ui,sans-serif;font-size:20px;font-weight:600;line-height:1.35;color:#fff;text-align:center;text-shadow:0 1px 0 #000000}.tutorial-board-hint__hand{position:fixed;width:68px;height:auto;transform:rotate(-6deg);filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));pointer-events:none;z-index:10003;will-change:transform}.tutorial-board-hint__hand--drag{animation:tutorial-hand-drag 2.2s ease-in-out infinite}.tutorial-board-hint__hand--tap{animation:tutorial-hand-tap 1.4s ease-in-out infinite}@keyframes tutorial-hand-drag{0%{transform:rotate(-6deg) translate(0) scale(1);opacity:1}12%{transform:rotate(-6deg) translate(0) scale(1.04);opacity:1}55%{transform:rotate(-6deg) translate(var(--hand-drag-dx),var(--hand-drag-dy)) scale(.96);opacity:.92}70%{transform:rotate(-6deg) translate(var(--hand-drag-dx),var(--hand-drag-dy)) scale(.96);opacity:.92}to{transform:rotate(-6deg) translate(0) scale(1);opacity:1}}@keyframes tutorial-hand-tap{0%,to{transform:rotate(-6deg) translate(0) scale(1)}40%{transform:rotate(-6deg) translateY(10px) scale(.94)}55%{transform:rotate(-6deg) translateY(10px) scale(.94)}}@media (min-width: 769px){.tutorial-board-hint__panel{width:min(480px,75vw);min-height:96px;padding:20px 36px}.tutorial-board-hint__text{font-size:24px}.tutorial-board-hint__hand{width:76px}}.tutorial-reward-screen{position:fixed;inset:0;z-index:20001;pointer-events:auto;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 48px;box-sizing:border-box;cursor:pointer;font-family:Poppins,system-ui,sans-serif}.tutorial-reward-screen__victory-wrap{position:relative;width:100%;height:min(calc(100vw * 483 / 780),200px);min-height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;flex-shrink:0}.tutorial-reward-screen__reward-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;animation:tutorial-reward-bg-in .35s ease forwards}.tutorial-reward-screen__glow{position:absolute;width:min(92vw,520px);height:min(92vw,520px);left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;opacity:.62;animation:tutorial-reward-glow-spin 12s linear infinite;pointer-events:none}.tutorial-reward-screen__victory-title{position:relative;z-index:2;margin:0;font-family:Protest Strike,ProtestStrike,Impact,sans-serif;font-size:clamp(64px,20vw,96px);font-weight:800;letter-spacing:.08em;line-height:1;color:#fff;text-shadow:0 4px 0 #000000,0 6px 0 rgba(0,0,0,.35),0 0 18px rgba(0,0,0,.45)}.tutorial-reward-screen__tap-hint{margin:0;padding:0 20px;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #000000;text-align:center}.tutorial-reward-screen__details{width:min(100%,420px);padding:0 20px;text-align:center;color:#fff;animation:tutorial-reward-details-in .35s ease}.tutorial-reward-screen__headline{margin:0 0 12px;font-size:26px;font-weight:800}.tutorial-reward-screen__intro{margin:0 0 16px;font-size:18px}.tutorial-reward-screen__bullets{list-style:none;margin:0 0 16px;padding:0;text-align:left;display:flex;flex-direction:column;gap:8px}.tutorial-reward-screen__bullets li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.4}.tutorial-reward-screen__bullet-mark{color:#ffeb3b;font-weight:800;flex-shrink:0}.tutorial-reward-screen__progress{margin:0 0 12px;font-size:14px;opacity:.9}.tutorial-reward-screen__cta-wrap{margin-top:8px;display:flex;justify-content:center}.tutorial-reward-screen__cta-wrap>div{font-size:18px;height:56px;padding:0 24px;min-width:min(100%,320px)}@keyframes tutorial-reward-bg-in{to{opacity:1}}@keyframes tutorial-reward-details-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-reward-glow-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (min-width: 769px){.tutorial-reward-screen__victory-wrap{height:min(calc(100vw * 483 / 780),240px)}.tutorial-reward-screen__glow{width:min(70vw,600px);height:min(70vw,600px)}.tutorial-reward-screen__victory-title{font-size:clamp(72px,14vw,104px)}}.professor-v-speech-container{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:10001;max-width:900px;width:90%;pointer-events:none}.professor-v-speech-container.speech-bottom{top:auto;bottom:100px}.professor-v-speech-layout{position:relative;width:100%;padding-bottom:100px}.professor-v-speech-bubble{position:relative;width:100%;padding:0;background:transparent;border:none;box-shadow:none;animation:speech-appear .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;font-family:Poppins,system-ui,sans-serif}.professor-v-speech-bubble--tappable{cursor:pointer}.professor-v-speech-bubble .speech-bubble-panel{position:relative;width:100%;min-height:112px;padding:22px 28px 40px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:url(/assets/tutorial/speech-box.png) center / 100% 100% no-repeat;overflow:visible}.professor-v-speech-container.professor-left .professor-v-speech-bubble .speech-bubble-panel{background-image:url(/assets/tutorial/speech-box-mirror.png)}.professor-v-box-slot{position:absolute;bottom:-16px;width:112px;height:112px}.professor-v-speech-container.professor-right .professor-v-box-slot{right:28px}.professor-v-speech-container.professor-left .professor-v-box-slot{left:28px}.professor-v-box-slot__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 0 #000000);z-index:0}.professor-v-box-slot__portrait{position:absolute;left:50%;bottom:10%;width:68%;height:68%;transform:translate(-50%);object-fit:contain;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.professor-v-speech-bubble .speech-bubble-content{position:relative;z-index:1;width:100%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}.professor-v-speech-bubble .speech-bubble-continue-arrow{position:absolute;left:30px;bottom:8px;width:40px;height:40px;object-fit:contain;pointer-events:none}.professor-v-speech-container.professor-left .professor-v-speech-bubble .speech-bubble-continue-arrow{left:auto;right:30px}.professor-v-speech-bubble .speech-bubble-content p{margin:0;width:100%;font-size:20px;font-weight:600;line-height:1.4;color:#fff;text-align:center;text-shadow:0 1px 0 #000000;word-break:break-word}.professor-v-speech-bubble .text-character{color:#ff8a65;font-weight:700}.professor-v-speech-bubble .text-quick-squeeze{color:#ce93d8;font-weight:700}.professor-v-speech-bubble .text-action{color:#ffd54f;font-weight:700}.professor-v-speech-bubble .text-energy{color:#64b5f6;font-weight:700}.professor-v-speech-bubble .text-equipment{color:#81c784;font-weight:700}@keyframes speech-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width: 769px){.professor-v-speech-layout{padding-bottom:118px}.professor-v-box-slot{bottom:-18px;width:128px;height:128px}.professor-v-speech-container.professor-right .professor-v-box-slot{right:36px}.professor-v-speech-container.professor-left .professor-v-box-slot{left:36px}.professor-v-speech-bubble .speech-bubble-content p{font-size:24px;line-height:1.35}}@media (max-width: 768px){.professor-v-speech-container.speech-bottom{bottom:20px}.professor-v-speech-layout{padding-bottom:94px}.professor-v-box-slot{bottom:-14px;width:104px;height:104px}.professor-v-speech-container.professor-right .professor-v-box-slot{right:18px}.professor-v-speech-container.professor-left .professor-v-box-slot{left:18px}.professor-v-speech-bubble .speech-bubble-panel{min-height:112px;padding:18px 22px 36px}.professor-v-speech-bubble .speech-bubble-content p{font-size:20px;line-height:1.4}.professor-v-speech-bubble .speech-bubble-continue-arrow{left:24px;bottom:6px}.professor-v-speech-container.professor-left .professor-v-speech-bubble .speech-bubble-continue-arrow{left:auto;right:24px}}