.header{background:#0f172af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(147,197,253,.15);padding:.75rem 0;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;box-shadow:0 2px 8px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem;position:relative}.header-logo{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;color:var(--text-color);text-decoration:none;transition:opacity .2s;position:absolute;left:1rem;display:flex;align-items:center}.logo-image{height:40px;width:auto;display:block}@media(min-width:769px){.header-logo{left:2rem}.logo-image{height:50px}}.header-logo:hover{opacity:.7}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101;position:relative}.burger-menu span{width:100%;height:3px;background-color:var(--text-color);border-radius:3px;transition:all .3s ease;transform-origin:center;position:absolute;left:0}.burger-menu span:nth-child(1){top:0}.burger-menu span:nth-child(2){top:50%;transform:translateY(-50%)}.burger-menu span:nth-child(3){bottom:0}.burger-menu.active span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0;transform:translateY(-50%) scale(0)}.burger-menu.active span:nth-child(3){bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}.header-nav{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.nav-link{font-family:Bitter,serif;font-size:.875rem;color:var(--text-color);text-decoration:none;transition:opacity .2s;padding:.25rem 0}.nav-link:hover{opacity:.7}.burger-menu{display:flex}.header-nav{display:none}@media(min-width:769px){.header{padding:1rem 0}.header-container{padding:0 2rem}.header-logo{font-size:1.5rem}.burger-menu{display:none}.header-nav{display:flex;gap:1.5rem}.nav-link{font-size:.95rem}}@media(max-width:768px){.header-container{position:relative}.header-nav{position:fixed;top:55px;left:0;width:100%;background:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;align-items:flex-start;padding:1rem;gap:.5rem;border-bottom:1px solid rgba(147,197,253,.15);transform:translate(-100%);transition:transform .25s ease;z-index:100;max-height:calc(100vh - 55px);overflow-y:auto}.header-nav.open{display:flex;transform:translate(0)}.nav-link{font-size:.9rem;padding:.625rem .875rem;width:100%;border-radius:.5rem;transition:background-color .2s}.nav-link:hover{background-color:#3b82f626}}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative;width:100%}.layout-main{flex:1;position:relative;width:100%;padding-top:55px}@media(min-width:769px){.layout-main{padding-top:65px}}.home{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.home:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(3px 3px at 20% 30%,rgba(147,197,253,.4),transparent),radial-gradient(2px 2px at 60% 70%,rgba(59,130,246,.4),transparent),radial-gradient(2px 2px at 80% 20%,rgba(219,234,254,.3),transparent),radial-gradient(1px 1px at 40% 60%,rgba(147,197,253,.5),transparent),radial-gradient(2px 2px at 90% 80%,rgba(59,130,246,.3),transparent);background-size:200% 200%;animation:particleFloat 25s ease-in-out infinite;pointer-events:none;z-index:0;opacity:.7}@keyframes particleFloat{0%,to{background-position:0% 0%,100% 100%,80% 20%,40% 60%,90% 80%;transform:scale(1)}33%{background-position:30% 40%,70% 60%,60% 40%,50% 70%,80% 60%;transform:scale(1.1)}66%{background-position:60% 20%,40% 80%,40% 60%,60% 40%,70% 40%;transform:scale(.9)}}.home-container{max-width:800px;width:100%;text-align:center;position:relative;z-index:1;animation:fadeInScale 1s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.home-title{font-size:2rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color);background:linear-gradient(135deg,#fff,#bfdbfe,#93c5fd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:titleShimmer 3s ease-in-out infinite,titleSlideIn .8s ease-out .2s both;text-shadow:0 0 30px rgba(147,197,253,.5);position:relative}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes titleSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.home-content{font-size:14px;line-height:1.6;margin-bottom:1rem;text-align:left;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem;border-radius:.75rem;border:1px solid rgba(147,197,253,.2);box-shadow:0 8px 32px #3b82f61a;animation:contentSlideIn .8s ease-out .4s both;transition:all .3s ease;position:relative;overflow:hidden}.home-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes contentSlideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.home-content:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#93c5fd66;transform:translateY(-5px);box-shadow:0 12px 40px #3b82f633}.home-content p{margin-bottom:1rem}.home-content p:last-child{margin-bottom:0}.home-button{display:inline-block;padding:10px 20px;font-family:Bitter,serif;font-size:14px;line-height:normal;color:var(--text-color);background:linear-gradient(135deg,#3b82f64d,#2563eb4d);border:2px solid rgba(147,197,253,.4);text-decoration:none;transition:all .3s ease;cursor:pointer;border-radius:.5rem;position:relative;overflow:hidden;animation:buttonSlideIn .8s ease-out .6s both;box-shadow:0 4px 15px #3b82f64d}@keyframes buttonSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.home-button:hover{background:linear-gradient(135deg,#3b82f680,#2563eb80);border-color:#93c5fd99;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #3b82f680}.home-button:hover:before{width:300px;height:300px}.home-button:active{transform:translateY(-1px) scale(1.02)}.ctf-banner{display:none;width:100%;max-width:100%;padding:0 1rem;box-sizing:border-box}.terminal-window{background:#000000f2;border:2px solid rgba(0,255,0,.5);border-radius:8px;box-shadow:0 0 30px #00ff004d,inset 0 0 20px #00ff001a;width:915px;max-width:915px;min-width:915px;margin:0 auto 2rem;font-family:Courier New,monospace;animation:terminalGlow 2s ease-in-out infinite;box-sizing:border-box;resize:none;overflow:hidden}@keyframes terminalGlow{0%,to{box-shadow:0 0 30px #00ff004d,inset 0 0 20px #00ff001a}50%{box-shadow:0 0 50px #0f09,inset 0 0 30px #0f03}}.terminal-header{background:#001400cc;padding:8px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(0,255,0,.3)}.terminal-buttons{display:flex;gap:6px}.terminal-btn{width:12px;height:12px;border-radius:50%}.terminal-btn-close{background:#ff5f56}.terminal-btn-minimize{background:#ffbd2e}.terminal-btn-maximize{background:#27c93f}.terminal-title{color:#0f0;font-size:.75rem;text-shadow:0 0 10px rgba(0,255,0,.8);flex:1;text-align:center}.terminal-body{padding:20px;height:458px;min-height:458px;max-height:458px;overflow-y:auto;color:#0f0;font-size:.875rem;line-height:1.8;position:relative;will-change:scroll-position;contain:layout style paint}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#00000080}.terminal-body::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#00ff0080}.terminal-line{margin-bottom:8px;display:flex;align-items:center;gap:8px}.terminal-prompt{color:#0f0;font-weight:700;margin-right:8px}.terminal-command{color:#0f0;text-shadow:0 0 5px rgba(0,255,0,.8);font-family:Courier New,monospace}.terminal-output-text{color:#0f0;text-shadow:0 0 3px rgba(0,255,0,.6);margin-left:0;padding-left:0;white-space:pre-wrap;font-family:Courier New,monospace;display:block}@keyframes typeIn{to{opacity:1}}.terminal-cursor{display:inline-block;color:#0f0;animation:blink 1s infinite;margin-left:4px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.title-cyber{color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.5);font-family:Courier New,monospace;margin-right:12px;animation:cyberPulse 2s ease-in-out infinite}@keyframes cyberPulse{0%,to{text-shadow:0 0 10px rgba(0,255,0,.8),0 0 20px rgba(0,255,0,.5)}50%{text-shadow:0 0 20px rgba(0,255,0,1),0 0 40px rgba(0,255,0,.8),0 0 60px rgba(0,255,0,.4)}}.code-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.15;display:none}.home:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,#00ff0008 50%);background-size:100% 4px;pointer-events:none;z-index:1;display:none;animation:scanLine 8s linear infinite}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(0,255,0,.4),transparent);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:1}.home-button:hover .button-glow{width:300px;height:300px}@media(min-width:1024px){.home{padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.home:after{display:block}.ctf-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;animation:fadeInDown 1s ease-out;width:100%;max-width:100%;padding:0;box-sizing:border-box}.ctf-banner .home-title{text-align:center;margin-bottom:1.5rem}.ctf-banner .home-button{display:block}.home-container .home-content,.home-container .mobile-button{display:none}.terminal-window{min-height:500px;max-height:500px;overflow:hidden}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.code-rain{display:block}.home-title{font-size:3rem;margin-bottom:2rem;letter-spacing:3px}.home-content{font-size:16px;padding:1.5rem;margin-bottom:2.5rem;border:1px solid rgba(0,255,0,.2);box-shadow:0 0 20px #00ff001a}.home-content:hover{border-color:#0f06;box-shadow:0 0 30px #0f03}.home-button{padding:16px 40px;font-size:18px;font-weight:600;border:2px solid rgba(0,255,0,.5);background:linear-gradient(135deg,#00ff001a,#00c8001a);box-shadow:0 0 20px #00ff004d;text-transform:uppercase;letter-spacing:2px}.home-button:hover{background:linear-gradient(135deg,#0f03,#00c80033);border-color:#0f0c;box-shadow:0 0 40px #0f09;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.8)}.home:before{opacity:.8;background-image:radial-gradient(4px 4px at 15% 25%,rgba(0,255,0,.3),transparent),radial-gradient(3px 3px at 45% 55%,rgba(0,255,0,.3),transparent),radial-gradient(2px 2px at 75% 15%,rgba(0,255,0,.2),transparent),radial-gradient(3px 3px at 25% 75%,rgba(0,255,0,.2),transparent),radial-gradient(2px 2px at 85% 65%,rgba(0,255,0,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(0,255,0,.3),transparent)}}.image-steganography{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center}.canvas-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem}.steganography-canvas{max-width:100%;height:auto;border:1px solid rgba(147,197,253,.2);border-radius:.5rem;background:#ffffff0d}.image-container{text-align:center}.image-placeholder{padding:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(147,197,253,.2);color:#ffffffb3}.steganography-form{display:flex;flex-direction:column;gap:.875rem;width:100%;max-width:600px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem;border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.steganography-form label{font-family:Bitter,serif;font-size:14px}.answer-input{padding:10px;font-family:Bitter,serif;font-size:14px;background-color:#ffffff1a;border:1px solid rgba(147,197,253,.25);color:var(--text-color);border-radius:.5rem;transition:border-color .2s}.answer-input:focus{outline:none;border-color:var(--accent-color);background-color:#ffffff1f}.success-message{margin-top:1rem;padding:.875rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;text-align:center;font-size:14px}.error-message{margin-top:1rem;padding:.875rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;text-align:center;font-size:14px}.controls{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.button-group{display:flex;gap:10px}.shift-button{padding:8px 16px;font-family:Bitter,serif;font-size:14px;color:var(--text-color);background:#3b82f64d;border:1px solid rgba(147,197,253,.3);cursor:pointer;transition:background-color .2s;border-radius:.5rem;margin-bottom:.5rem}.shift-button:hover{background:#3b82f666}.binary-display{margin-top:.5rem;margin-bottom:1rem;font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;text-align:center;color:var(--text-color);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.875rem;border-radius:.5rem;border:1px solid rgba(147,197,253,.15);width:100%;box-sizing:border-box}@media(min-width:768px){.image-steganography{margin:2rem 0}.canvas-container{gap:1rem;margin-bottom:1.5rem}.steganography-form{padding:1.5rem;gap:1rem}.steganography-form label{font-size:15px}.answer-input{padding:12px;font-size:15px}.submit-button{padding:12px 24px;font-size:15px}.binary-display{font-size:13px;padding:1rem}.shift-button{padding:10px 20px;font-size:15px}}.game-page{min-height:calc(100vh - 60px);padding:1.5rem 1rem;position:relative;margin-top:0}.game-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}.game-title{font-size:1.75rem;line-height:1.2;margin-bottom:1.25rem;color:var(--text-color);text-align:center}.game-content{font-size:14px;line-height:1.6;margin-bottom:1.5rem;text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem;border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.game-content p{margin-bottom:1rem}.game-content p:last-child{margin-bottom:0}.audio-link{text-align:center;line-height:0}.audio-player{width:100%;max-width:500px}.audio-fallback{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.audio-fallback-text{font-size:.9rem;color:#fffc;margin-bottom:.75rem}.audio-fallback-link{display:inline-block;padding:10px 20px;font-family:Bitter,serif;font-size:11pt;color:var(--text-color);background-color:transparent;border:2px solid var(--border-color);text-decoration:none;transition:background-color .3s,opacity .3s,transform .2s;cursor:pointer;border-radius:4px}.audio-fallback-link:hover{background-color:#ffffff1a;opacity:.9;transform:translateY(-2px)}.game-button-container{text-align:center;margin-top:1.5rem}.game-button{display:inline-block;padding:10px 20px;font-family:Bitter,serif;font-size:14px;line-height:normal;color:var(--text-color);background-color:#3b82f633;border:1px solid rgba(147,197,253,.3);text-decoration:none;transition:background-color .2s;cursor:pointer;border-radius:.5rem}.game-button:hover{background-color:#3b82f64d}.game-content-spacing{margin-top:1.5rem}.image-container{margin:1.5rem 0;text-align:center;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:0;border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.game-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d}.image-placeholder{padding:2rem;background-color:#ffffff0d;border-radius:8px;color:#ffffffb3;font-style:italic}code{font-family:Courier New,monospace;background-color:#ffffff1a;padding:2px 6px;border-radius:3px;font-size:.9em}@media(min-width:768px){.game-page{padding:2.5rem 2rem}.game-title{font-size:2.25rem;margin-bottom:1.75rem}.game-content{font-size:16px;padding:1.5rem;margin-bottom:2rem}.audio-link,.image-container{padding:1.5rem;margin:2rem 0}.game-button-container{margin-top:2rem}.game-button{padding:12px 24px;font-size:15px}.game-content-spacing{margin-top:2rem}}.crossword{margin:2rem 0}.crossword-container{max-width:700px;margin:0 auto;padding:1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.crossword-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.questions-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.question-item{display:flex;flex-direction:column;gap:.5rem}.question-label{font-family:Bitter,serif;font-size:12pt;font-weight:400}.question-input{padding:10px;font-family:Bitter,serif;font-size:14px;background-color:#ffffff1a;border:1px solid rgba(147,197,253,.25);color:var(--text-color);border-radius:.5rem;transition:border-color .2s}.question-input:focus{outline:none;border-color:var(--accent-color);background-color:#ffffff1f}.check-button{width:100%;padding:10px 20px;font-family:Bitter,serif;font-size:14px;color:var(--text-color);background:#3b82f64d;border:1px solid rgba(147,197,253,.3);cursor:pointer;transition:background-color .2s;border-radius:.5rem}.check-button:hover{background:#3b82f666}.result-message{margin-top:1.25rem;padding:.875rem;border-radius:.5rem;text-align:center;font-size:14px}.result-message.success{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.result-message.error{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.result-message p{margin-bottom:.5rem}@media(min-width:768px){.crossword-container{padding:1.5rem}.crossword-title{font-size:1.5rem;margin-bottom:1.5rem}.question-input{padding:12px;font-size:15px}.check-button{padding:12px 24px;font-size:15px}}.music-quiz{margin:2rem 0}.music-quiz-container{max-width:600px;margin:0 auto;padding:1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.music-quiz-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.music-quiz-form{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.music-quiz-container{padding:1.5rem}.music-quiz-title{font-size:1.5rem;margin-bottom:1.5rem}.form-input{padding:12px;font-size:15px}.submit-button{padding:12px 24px;font-size:15px}}.location-quiz{margin:2rem 0}.location-quiz-container{max-width:600px;margin:0 auto;padding:1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.location-quiz-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-family:Bitter,serif;font-size:12pt;font-weight:400}.submit-button:hover{background:#3b82f666}.success-message{margin-top:1.25rem;padding:.875rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;text-align:center;font-size:14px}@media(min-width:768px){.location-quiz-container{padding:1.5rem}.form-input{padding:12px;font-size:15px}.submit-button{padding:12px 24px;font-size:15px}}.tower-defense{width:100%;max-width:500px;margin:0 auto;position:relative}.stats-bar{display:flex;justify-content:space-around;width:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:.75rem;margin-bottom:5px;border:1px solid rgba(147,197,253,.3);box-shadow:0 8px 32px #3b82f61a}.stat{text-align:center}.stat-value{font-size:1.2rem;font-weight:700;color:#93c5fd;text-shadow:0 0 5px rgba(147,197,253,.5)}.stat-label{font-size:.7rem;opacity:.7;margin-top:3px;color:var(--text-color)}.game-canvas{background:#000;border-radius:.5rem;border:2px solid rgba(59,130,246,.5);box-shadow:0 0 15px #3b82f666;margin-bottom:5px;width:100%;height:250px;display:block}#message{height:25px;margin:8px 0;font-weight:700;font-size:1rem;min-height:25px;text-align:center;color:var(--text-color)}#message.correct{color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5)}#message.incorrect{color:#f87171;text-shadow:0 0 10px rgba(248,113,113,.5)}.question-panel{width:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;padding:12px;border:1px solid rgba(147,197,253,.3);box-shadow:0 8px 32px #3b82f61a}.question-text{font-size:1.1rem;margin-bottom:12px;text-align:center;color:#93c5fd;text-shadow:0 0 5px rgba(147,197,253,.3)}.options-container{display:grid;grid-template-columns:1fr;gap:10px}.option-btn{padding:15px;background:linear-gradient(135deg,#1e3a8a99,#2563eb99);color:#dbeafe;border:1px solid rgba(59,130,246,.5);border-radius:.5rem;cursor:pointer;font-size:1.1rem;font-weight:700;transition:all .3s ease;text-align:center;font-family:Bitter,serif}.option-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563ebcc,#3b82f6cc);transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666;color:#fff}.option-btn:active:not(:disabled){transform:translateY(0)}.option-btn:disabled{background:linear-gradient(135deg,#3339,#5559);cursor:not-allowed;transform:none;box-shadow:none;color:#ffffff80}.game-over,.win-screen,.start-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172af2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.game-over h2,.win-screen h2,.start-screen h2{font-size:2rem;margin-bottom:20px;font-family:Montserrat,sans-serif}.game-over h2{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.7)}.win-screen h2{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.7)}.start-screen h2{color:#93c5fd;text-shadow:0 0 20px rgba(147,197,253,.7)}.final-score{font-size:1.2rem;margin-bottom:25px;color:#93c5fd}.start-btn,.restart-btn{padding:12px 35px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:50px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #3b82f680;font-family:Bitter,serif}.start-btn:hover,.restart-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #3b82f6cc}.instructions{margin-top:15px;text-align:center;font-size:.8rem;opacity:.7;max-width:600px;color:var(--text-color)}.instructions p{margin:5px 0}.ammo-container{display:flex;align-items:center;justify-content:center;margin-top:5px;width:100%;gap:10px}.ammo-label{font-size:1rem;color:var(--text-color)}.ammo-bar{flex:1;height:18px;background:#1e3a8a80;border-radius:9px;overflow:hidden;border:1px solid rgba(59,130,246,.5)}.ammo-fill{height:100%;background:linear-gradient(90deg,#60a5fa,#93c5fd);width:0%;transition:width .3s ease}@media(max-width:640px){.tower-defense{padding:0 10px}.game-canvas{height:200px}.stats-bar{padding:6px}.stat-value{font-size:1rem}.stat-label{font-size:.6rem}.question-text{font-size:1rem}.option-btn{padding:12px;font-size:1rem}.start-screen h2,.win-screen h2,.game-over h2{font-size:1.5rem}}.hash-cracker{margin:2rem 0}.hash-cracker-container{max-width:500px;margin:0 auto;padding:1.25rem;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;border:1px solid rgba(147,197,253,.15)}.hash-cracker-title{font-family:Montserrat,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.hash-cracker-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input{padding:10px;font-family:Bitter,serif;font-size:14px;background-color:#ffffff1a;border:1px solid rgba(147,197,253,.25);color:var(--text-color);border-radius:.5rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent-color);background-color:#ffffff1f}.form-input::placeholder{color:#ffffff80}.submit-button{padding:10px 20px;font-family:Bitter,serif;font-size:14px;color:var(--text-color);background:#3b82f64d;border:1px solid rgba(147,197,253,.3);cursor:pointer;transition:background-color .2s;border-radius:.5rem}.submit-button:hover:not(:disabled){background:#3b82f666}.submit-button:disabled{opacity:.5;cursor:not-allowed}.success-message{padding:1.25rem;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;text-align:center;font-size:14px}.success-message h2{margin-bottom:.75rem;font-size:1.25rem}.success-message p{margin-bottom:.5rem}.error-message{margin-top:1.25rem;padding:.875rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;text-align:center;font-size:14px}@media(min-width:768px){.hash-cracker-container{padding:1.5rem}.hash-cracker-title{font-size:1.5rem;margin-bottom:1.5rem}.form-input{padding:12px;font-size:15px}.submit-button{padding:12px 24px;font-size:15px}.success-message{padding:1.5rem}.success-message h2{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #0f172a;--text-color: #ffffff;--accent-color: #3b82f6;--border-color: rgba(147, 197, 253, .3)}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(2deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ice-glow{0%,to{box-shadow:0 0 20px #3b82f64d,0 0 40px #93c5fd1a}50%{box-shadow:0 0 40px #3b82f699,0 0 60px #93c5fd66,0 0 80px #dbeafe33}}@keyframes snowfall{0%{transform:translateY(-100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) translate(100px) rotate(360deg);opacity:0}}html{min-height:100vh;overflow-x:hidden;overflow-y:auto}body{font-family:Bitter,serif;background:linear-gradient(135deg,#0f172a,#1e3a8a,#1e40af,#2563eb,#3b82f6);background-attachment:fixed;color:var(--text-color);line-height:1.6;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.2),transparent);background-size:200px 200px;animation:snowfall 20s linear infinite;pointer-events:none;z-index:1}#root{min-height:100vh;position:relative;z-index:2;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}h1{background:linear-gradient(45deg,#fff,#bfdbfe,#dbeafe);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ice-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(147,197,253,.2);border-radius:1rem;box-shadow:0 8px 32px #3b82f61a,inset 0 1px #ffffff1a;animation:ice-glow 4s ease-in-out infinite;transition:all .3s ease;position:relative;overflow:hidden}.ice-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}.ice-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #3b82f633,0 0 60px #93c5fd4d,inset 0 1px #fff3}@media(max-width:480px){h1{font-size:1.5rem}body:before{background-size:80px 80px;opacity:.5}}@media(max-width:640px){h1{font-size:1.75rem}body:before{background-size:100px 100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:before{animation:none}}