@import url(https://fonts.googleapis.com/css?family=Voltaire);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#world{background-color:#d2c67693;height:100%;overflow:hidden;position:absolute;width:100%}#gameoverInstructions{color:#ee0f0f;font-family:Voltaire,sans-serif;font-size:120px;font-weight:700;opacity:0;text-align:center;text-transform:uppercase;top:50%;transform:translate(-50%,-100%);transition:all .5s ease-in-out;width:100%;&.show{opacity:1;transform:translate(-50%,-50%);transition:all .5s ease-in-out};}#dist,#gameoverInstructions{left:50%;position:absolute;-webkit-user-select:none;user-select:none}#dist{top:50px;transform:translate(-50%)}.label{color:#ffa873;font-family:Voltaire,sans-serif;font-size:12px;letter-spacing:2px;margin-bottom:5px}#distValue,.label{position:relative;text-align:center;text-transform:uppercase}#distValue{color:#dc5f45;font-family:Voltaire;font-size:40px}#copyright{font-size:10px;margin:auto auto 9px}#copyright,#credits{bottom:0;color:#7c5b33;font-family:Voltaire,sans-serif;letter-spacing:.5px;position:absolute;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}#credits{font-size:12px;margin:auto auto 50px}#credits a{color:#dd2323}#credits a:hover{color:#dc5f45}#instructions{bottom:0;color:#f24320;font-family:Voltaire,sans-serif;font-size:12px;letter-spacing:1px;margin:auto auto 100px;position:absolute;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:100%}.lightInstructions{color:#274515}.game-container{align-items:center;background:url(/static/media/backgroundimg.352811e9bd758ab4be1b.gif) no-repeat 50%;background-size:cover;display:flex;font-family:Courier New,monospace;height:100vh;image-rendering:pixelated;justify-content:center;padding:1rem;width:100%}.game-card{animation:fadeIn .5s ease-in;max-width:56rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-screen{background:#000;border:4px solid #f472b6;border-radius:1rem;box-shadow:8px 8px 0 #ec4899;color:#fff;padding:2rem;text-align:center}.game-icon{align-items:center;background:#fbbf24;border:3px solid #f59e0b;border-radius:0;box-shadow:4px 4px 0 #f59e0b;display:flex;font-size:2.5rem;height:5rem;justify-content:center;margin:0 auto 1rem;width:5rem}.game-title{color:#f9a8d4;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1rem;text-shadow:3px 3px 0 #ec4899}.game-description{color:#cbd5e1;font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem}.instructions-box{background:#250028;border:3px solid #f472b6;border-radius:0;box-shadow:4px 4px 0 #ec4899;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.instructions-box p{align-items:center;display:flex;font-family:Courier New,monospace;gap:.5rem;margin-bottom:.5rem}.instructions-box p:last-child{margin-bottom:0}.start-button{background:#ec4899;border:4px solid #db2777;border-radius:0;box-shadow:6px 6px 0 #db2777;color:#fff;cursor:pointer;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;letter-spacing:2px;padding:1rem 2rem;text-transform:uppercase;transition:all .1s ease}.start-button:hover{background:#f472b6;box-shadow:4px 4px 0 #db2777;transform:translate(2px,2px)}.start-button:active{box-shadow:0 0 0 #db2777;transform:translate(6px,6px)}.game-wrapper,.stats-bar{position:relative}.stats-bar{grid-gap:1.5rem;background:#140110;border-radius:1rem 1rem 0 0;color:#fff;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:1.5rem;z-index:10}.character-peek{height:120px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:120px;z-index:100}.character-peek.left{left:-60px}.character-peek.right{right:-60px}.character-peek.left.active{left:-20px}.character-peek.right.active{right:-20px}.peek-image{border:6px solid #fff;border-radius:0;box-shadow:6px 6px 0 #0000004d;height:120px;image-rendering:pixelated;object-fit:cover;transition:all .3s ease;width:120px}.character-peek.left .peek-image{border-color:#60a5fa;box-shadow:6px 6px 0 #3b82f6}.character-peek.right .peek-image{border-color:#f9a8d4;box-shadow:6px 6px 0 #ec4899}.character-peek.active .peek-image{border-color:#fde047;box-shadow:8px 8px 0 #f59e0b;transform:scale(1.05)}.speech-bubble{animation:bubblePopIn .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:0;box-shadow:6px 6px 0 #0000004d;color:#1f2937;font-family:Courier New,monospace;font-size:1rem;font-weight:700;line-height:1.4;max-width:300px;padding:1rem 1.5rem;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;white-space:normal}@keyframes bubblePopIn{0%{opacity:0;transform:translateY(-50%) scale(0)}to{opacity:1;transform:translateY(-50%) scale(1)}}.speech-bubble.left{background:#dbeafe;border:4px solid #3b82f6;box-shadow:6px 6px 0 #3b82f6;left:130px}.speech-bubble.right{background:#fce7f3;border:4px solid #ec4899;box-shadow:6px 6px 0 #ec4899;right:130px}.speech-bubble.left:before{border-bottom:20px solid #0000;border-right:20px solid #3b82f6;border-top:20px solid #0000;left:-20px}.speech-bubble.left:after,.speech-bubble.left:before{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.speech-bubble.left:after{border-bottom:16px solid #0000;border-right:16px solid #dbeafe;border-top:16px solid #0000;left:-12px}.speech-bubble.right:before{border-bottom:20px solid #0000;border-left:20px solid #ec4899;border-top:20px solid #0000;right:-20px}.speech-bubble.right:after,.speech-bubble.right:before{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.speech-bubble.right:after{border-bottom:16px solid #0000;border-left:16px solid #fce7f3;border-top:16px solid #0000;right:-12px}.stat-item{text-align:center}.stat-label{color:#94a3b8;font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#fbbf24;font-size:1.75rem;font-weight:700}.progress-bar-container{background:#373737;border-radius:9999px;box-shadow:inset 0 2px 4px #0003;height:1.25rem;margin-top:.5rem;overflow:hidden;width:100%}.progress-bar{border-radius:9999px;box-shadow:0 0 10px #ffffff4d;height:100%;transition:width .3s ease}.progress-bar.competence{background:linear-gradient(90deg,#10b981,#34d399)}.progress-bar.anxiety{background:linear-gradient(90deg,#ef4444,#dc2626)}.game-canvas{background:url(/static/media/1.226657badd0866925661.gif) no-repeat 50%;background-size:cover;border-left:4px solid #f472b6;border-right:4px solid #f472b6;cursor:pointer;display:block;image-rendering:pixelated;image-rendering:crisp-edges;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.cheer-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#7c3aedf2;border:3px solid #fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:1rem;padding:1.5rem 2rem;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.cheer-overlay.angella-cheer{animation:slideInFromRight .5s ease-out;background:linear-gradient(135deg,#a855f7f2,#7c3aedf2);right:120px}.cheer-overlay.molinsky-cheer{animation:slideInFromLeft .5s ease-out;background:linear-gradient(135deg,#2563ebf2,#1d4ed8f2);left:120px}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px) translateY(-50%)}to{opacity:1;transform:translateX(0) translateY(-50%)}}.cheer-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 5px 15px #0000004d;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;overflow:hidden;width:60px}.cheer-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.cheer-content{align-items:center;display:flex;gap:1rem}.cheer-emoji{font-size:2rem}.instructions-footer{background:#000;border:4px solid #f472b6;border-radius:0;border-top:none;color:#fff;font-family:Courier New,monospace;font-size:.875rem;padding:1rem;text-align:center}.gameover-screen{background:#140115;border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d;color:#fff;margin-top:90px;padding:2rem}.gameover-header{margin-bottom:2rem;text-align:center}.professor-icon{align-items:center;background:#ffae0d;border-radius:50%;box-shadow:0 10px 15px -3px #2563eb4d;display:flex;font-size:3rem;height:6rem;justify-content:center;margin:0 auto 1rem;width:6rem}.gameover-title{color:#f87171;font-size:2rem;font-weight:700;margin-bottom:.5rem}.gameover-subtitle{color:#cbd5e1;font-size:1.125rem}.teaching-box{background:#503355;border-radius:.75rem;margin-bottom:1.5rem;padding:2rem}.teaching-title{color:#fbbf24;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.teaching-quote{background:#2b1e3b;border-left:4px solid #f03bf6;border-radius:.5rem;color:#bfdbfe;font-style:italic;line-height:1.6;margin-bottom:1.5rem;padding:1.5rem}.teaching-advice{color:#e2e8f0;font-size:1.05rem;line-height:1.7}.final-stats{background:#871c85;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.final-stats-title{color:#e9d5ff;font-size:.875rem;font-weight:700;margin-bottom:1rem}.final-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.final-stat-item{text-align:center}.final-stat-label{color:#e9d5ff;font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.final-stat-value{font-size:1.5rem;font-weight:700}.final-stat-value.score{color:#fbbf24}.final-stat-value.competence{color:#34d399}.final-stat-value.anxiety{color:#f87171}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.button{border:none;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:700;padding:.875rem 1.5rem;transition:all .3s ease}.button-primary{background:#b860f7;box-shadow:0 10px 15px -3px #2563eb4d;color:#fff}.button-primary:hover{background:#000;transform:translateY(-2px)}.button-secondary{background:#594769;box-shadow:0 10px 15px -3px #4755694d;color:#fff}.button-secondary:hover{background:#000;transform:translateY(-2px)}.button:active{transform:translateY(0)}.footer{color:#f9a8d4;font-size:20px;font-weight:700;padding:18px;text-align:center;text-shadow:3px 3px 0 #ec4899}.footer-link{color:#eedbf1;text-decoration:none}.footer-link:hover{text-decoration:underline}@media (max-width:768px){.game-title{font-size:2rem}.stats-bar{gap:1rem}.final-stats-grid,.stats-bar{grid-template-columns:1fr}.character-peek{height:80px;width:80px}.character-peek.left{left:-40px}.character-peek.right{right:-40px}.character-peek.left.active{left:-10px}.character-peek.right.active{right:-10px}.peek-image{border:3px solid #fff;height:80px;width:80px}.speech-bubble{font-size:.85rem;max-width:200px;padding:.75rem 1rem}.speech-bubble.left{left:90px}.speech-bubble.right{right:90px}.action-buttons{flex-direction:column}.button{width:100%}}.button:focus,.start-button:focus{outline:3px solid #fbbf24;outline-offset:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.start-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.lore-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:2px solid #fbbf24;border-radius:50px;box-shadow:0 4px 15px #fbbf2466;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.875rem 2rem;transition:all .3s ease}.lore-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #fbbf2499;transform:translateY(-2px)}.lore-cinematic{background:linear-gradient(180deg,#0f0a1e,#1a1128);border-radius:20px;height:600px;overflow:hidden;position:relative;width:100%}.lore-scene{animation:fadeInScene .8s ease-in;display:flex;flex-direction:column;height:100%;width:100%}@keyframes fadeInScene{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.scene-image-container{background:radial-gradient(circle,#2d1b4e 0,#1a1128 100%);height:300px;overflow:hidden;position:relative;width:100%}.scene-image{animation:slowZoom 15s ease-in-out infinite alternate;height:100%;object-fit:contain;object-position:center;width:100%}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.scene-vignette{background:radial-gradient(circle,#0000 30%,#0009 100%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.scene-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#1a1128f2,#0f0a1efa);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem 3rem}.scene-title{-webkit-text-fill-color:#0000;animation:titleGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ec4899,#fbbf24);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:1.5rem;text-align:center}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 8px rgba(236,72,153,.5))}50%{filter:drop-shadow(0 0 16px rgba(251,191,36,.6))}}.scene-text{animation:textFadeIn 1s ease-in .3s both;color:#e5e7eb;font-size:1.15rem;line-height:1.8;margin-bottom:1rem;text-align:center}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scene-subtitle{animation:textFadeIn 1s ease-in .6s both;color:#fbbf24;font-size:1rem;font-style:italic;font-weight:600;text-align:center}.scene-navigation{align-items:center;background:#0006;border-top:1px solid #ec48994d;display:flex;justify-content:space-between;padding:1.5rem 2rem}.skip-button{background:#ffffff0d;border:1px solid #9ca3af4d;border-radius:20px;color:#9ca3af;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s ease}.skip-button:hover{background:#ffffff1a;border-color:#ec489980;color:#fff}.scene-indicators{align-items:center;display:flex;gap:.5rem}.indicator{background:#9ca3af4d;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:linear-gradient(135deg,#ec4899,#fbbf24);box-shadow:0 0 12px #ec489999;transform:scale(1.3)}.indicator.completed{background:#fbbf2499}.next-button{background:linear-gradient(135deg,#ec4899,#db2777);border:none;border-radius:25px;box-shadow:0 4px 12px #ec489966;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.75rem;transition:all .3s ease}.next-button:hover{background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 6px 16px #ec489999;transform:translateY(-2px)}.next-button:active{transform:translateY(0)}@media (max-width:768px){.lore-cinematic{height:550px}.scene-image-container{height:220px}.scene-content{padding:1.5rem}.scene-title{font-size:1.5rem;margin-bottom:1rem}.scene-text{font-size:1rem}.scene-subtitle{font-size:.9rem}.scene-navigation{gap:1rem;padding:1rem}.scene-navigation,.start-buttons{flex-direction:column}.lore-button,.start-button{width:100%}}@media (max-width:480px){.scene-title{font-size:1.25rem}.scene-text{font-size:.9rem;line-height:1.6}.indicator{height:8px;width:8px}}
/*# sourceMappingURL=main.6f4e81df.css.map*/