@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-spotlight-svg{position:absolute;top:0;left:0;width:100%;height:100%}.tutorial-spotlight-glow{position:absolute;pointer-events:none;border:3px solid #0068ff;border-radius:12px;box-shadow:0 0 20px #0068ffcc,0 0 40px #0068ff99,0 0 60px #0068ff66,inset 0 0 20px #0068ff4d;animation:tutorial-pulse 2s ease-in-out infinite;z-index:9999}@keyframes tutorial-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.professor-v-speech-container{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:20px;z-index:10001;max-width:900px;width:90%;pointer-events:none}.professor-v-speech-container.speech-bottom{top:auto;bottom:100px}.professor-v-speech-container.success-screen{top:50%;left:50%;transform:translate(-50%,-50%);max-width:800px;width:85%;z-index:20001}.professor-v-speech-container.success-screen .professor-v-speech-bubble{background:linear-gradient(to bottom,#4caf50,#45a049);color:#fff;padding:40px 50px;box-shadow:0 8px 32px #0000004d}.professor-v-speech-container.success-screen .speech-bubble-content p{color:#fff;font-size:28px;line-height:1.6;white-space:pre-line}.professor-v-character{flex-shrink:0;width:120px;height:120px;animation:professor-bounce 3s ease-in-out infinite}.professor-v-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.professor-v-speech-bubble{position:relative;background:linear-gradient(to bottom,#fff,#fafafa);border-radius:20px;padding:26px 30px;flex:1;animation:speech-appear .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;min-height:100px}.professor-v-speech-container:empty .professor-v-speech-bubble,.professor-v-speech-container[style*="display: none"] .professor-v-speech-bubble{animation:none!important}.speech-bubble-tail{position:absolute;top:35px;left:-18px;width:0;height:0;border-style:solid;border-width:14px 20px 14px 0;border-color:transparent transparent transparent transparent}.speech-bubble-tail:before{content:"";position:absolute;top:-11px;left:3px;width:0;height:0;border-style:solid;border-width:11px 17px 11px 0;border-color:transparent #ffffff transparent transparent}.professor-v-speech-bubble .speech-bubble-content{margin-bottom:15px}.professor-v-speech-bubble .speech-bubble-content p{margin:0;font-size:28px}.professor-v-speech-bubble .speech-bubble-content strong,.professor-v-speech-bubble .speech-bubble-content b{color:#2196f3;font-weight:700}.speech-bubble-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.professor-v-speech-bubble .text-character{color:#ff5722;font-weight:600}.professor-v-speech-bubble .text-quick-squeeze{color:#9c27b0;font-weight:600}.professor-v-speech-bubble .text-action{color:#ffc107;font-weight:600}.professor-v-speech-bubble .text-energy{color:#2196f3;font-weight:600}.professor-v-speech-bubble .text-equipment{color:#4caf50;font-weight:600}.tutorial-button{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.tutorial-button-next{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf5066;text-shadow:0 1px 2px rgba(0,0,0,.2)}.tutorial-button-next:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5080}.tutorial-button-next:active{transform:translateY(0)}.tutorial-button-skip{background:transparent;color:#666;border:2px solid #ddd}.tutorial-button-skip:hover{background:#f5f5f5;border-color:#999;color:#333}@keyframes professor-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes speech-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.professor-v-speech-container{bottom:20px;width:95%}.professor-v-character{width:80px;height:80px}.professor-v-speech-bubble{padding:15px 18px}.speech-bubble-content p{font-size:18px}.tutorial-button{padding:8px 16px;font-size:13px}}