.game-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.content-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px;width:100%;animation:fadeIn 1.5s ease-out}.title{font-family:Creepster,cursive;font-size:clamp(3rem,8vw,6rem);color:#8b0000;text-shadow:0 0 10px rgba(139,0,0,.8),0 0 20px rgba(139,0,0,.6),0 0 40px rgba(139,0,0,.4),2px 2px 0 #000;letter-spacing:.1em;animation:flicker 4s infinite}.video-container{position:relative;width:100%;max-width:640px;cursor:pointer}.video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:4px solid #2a1a1a;border-radius:4px;box-shadow:0 0 30px #8b00004d,inset 0 0 60px #00000080}.video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.static-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;mix-blend-mode:overlay}.tagline{font-family:Special Elite,cursive;font-size:clamp(1rem,3vw,1.5rem);color:#666;text-align:center;letter-spacing:.2em;animation:typewriter 2s steps(25) .5s forwards;overflow:hidden;white-space:nowrap;width:0}@keyframes typewriter{to{width:100%}}.begin-button{position:relative;padding:1.2rem 4rem;font-family:Creepster,cursive;font-size:1.8rem;letter-spacing:.3em;color:#fff;background:linear-gradient(180deg,#8b0000,#4a0000);border:2px solid #8b0000;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 15px #8b000066,inset 0 1px #ffffff1a}.begin-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b000099,inset 0 1px #ffffff1a;background:linear-gradient(180deg,#a00000,#5a0000)}.begin-button:active{transform:translateY(1px);box-shadow:0 2px 10px #8b000066,inset 0 1px #ffffff1a}.button-text{position:relative;z-index:1}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}@media (max-width: 600px){.game-page{padding:1rem}.content-wrapper{gap:1.5rem}.begin-button{padding:1rem 3rem;font-size:1.4rem}.corner{width:40px;height:40px}}.game-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:#0a0a0a;background-image:radial-gradient(ellipse at center,#1a0a0a,#0a0a0a 70%)}.rules-panel{position:fixed;top:30px;left:30px;max-width:280px;padding:1.5rem;background:#140a0ae6;border:1px solid #8b0000;border-radius:4px;box-shadow:0 0 20px #8b00004d,inset 0 0 30px #00000080;z-index:100;animation:slideIn .8s ease-out}.rules-header{font-family:Creepster,cursive;font-size:1.3rem;color:#8b0000;margin-bottom:1rem;text-shadow:0 0 10px rgba(139,0,0,.5)}.rules-panel p{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.95rem;font-weight:500;color:#ccc;line-height:1.6;margin:.5rem 0}.rules-hint{margin-top:1rem!important;color:#999!important}.main-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;animation:fadeIn 1.2s ease-out .3s both}.game-title{font-family:Creepster,cursive;font-size:clamp(2rem,6vw,4rem);color:#8b0000;text-shadow:0 0 10px rgba(139,0,0,.8),0 0 20px rgba(139,0,0,.6),0 0 40px rgba(139,0,0,.4),2px 2px 0 #000;letter-spacing:.05em;animation:flicker 4s infinite}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.story-block{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 3rem;background:#140a0a99;border:1px solid rgba(139,0,0,.3);border-radius:8px;box-shadow:0 0 40px #8b000033}.story-emoji{font-size:3rem;margin-bottom:.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.story-text{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.05rem,3.5vw,1.4rem);font-weight:500;color:#e8e8e8;line-height:1.7;margin:0}.story-text.highlight{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;color:#f5c896;font-size:clamp(1.15rem,4vw,1.5rem);margin-top:.5rem;text-shadow:0 0 15px rgba(245,200,150,.4)}.next-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b000099,inset 0 1px #ffffff1a;background:linear-gradient(180deg,#a00000,#5a0000)}.next-button:active{transform:translateY(1px)}@media (max-width: 768px){.rules-panel{position:relative;top:auto;left:auto;max-width:100%;margin-bottom:2rem}.game-screen{flex-direction:column;padding:1.5rem}.story-block{padding:1.5rem}.corner{width:40px;height:40px}}.step3-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:#0a0a0a;background-image:radial-gradient(ellipse at center,#1a0a0a,#0a0a0a 70%)}.riddle-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;max-width:600px;animation:fadeIn 1.2s ease-out}.intro-block{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(139,0,0,.3)}.riddle-block{display:flex;flex-direction:column;gap:.5rem}.riddle-block.main-riddle{padding:1.5rem 2rem;background:#140a0a99;border:1px solid rgba(139,0,0,.3);border-radius:8px;box-shadow:0 0 30px #8b000026}.riddle-text{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.1rem,4vw,1.5rem);font-weight:500;color:#e8e8e8;line-height:1.7;margin:0}.riddle-text.highlight{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;color:#f5c896;font-size:clamp(1.2rem,4.5vw,1.7rem);margin-top:.3rem;text-shadow:0 0 20px rgba(245,200,150,.5)}.answer-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.answer-input{width:300px;padding:1rem 1.5rem;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.2rem;font-weight:600;color:#fff;background:#140a0acc;border:2px solid #8b0000;border-radius:4px;outline:none;text-align:center;transition:all .3s ease;box-shadow:0 0 20px #8b000033,inset 0 0 20px #0000004d}.answer-input::placeholder{color:#666}.answer-input:focus{border-color:#b00000;box-shadow:0 0 30px #8b000066,inset 0 0 20px #0000004d}.next-button{padding:1rem 3rem;font-family:Creepster,cursive;font-size:1.5rem;letter-spacing:.2em;color:#fff;background:linear-gradient(180deg,#8b0000,#4a0000);border:2px solid #8b0000;border-radius:4px;cursor:pointer;transition:all .3s ease;text-shadow:2px 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 15px #8b000066,inset 0 1px #ffffff1a}.next-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 25px #8b000099,inset 0 1px #ffffff1a;background:linear-gradient(180deg,#a00000,#5a0000)}.next-button:active:not(.disabled){transform:translateY(1px)}.next-button.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}.decorative-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.corner{position:absolute;width:60px;height:60px;border-color:#8b0000;border-style:solid;opacity:.5}.corner.top-left{top:20px;left:20px;border-width:3px 0 0 3px}.corner.top-right{top:20px;right:20px;border-width:3px 3px 0 0}.corner.bottom-left{bottom:20px;left:20px;border-width:0 0 3px 3px}.corner.bottom-right{bottom:20px;right:20px;border-width:0 3px 3px 0}@media (max-width: 600px){.step3-screen{padding:1.5rem}.answer-input{width:100%;max-width:280px}.corner{width:40px;height:40px}}.step6-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:linear-gradient(180deg,#ff7e5f,#feb47b,#ffcf9f 60%,bisque);overflow:hidden}.palm-left,.palm-right{position:fixed;bottom:0;width:120px;height:200px;background:linear-gradient(180deg,#2d5016,#1a3009);clip-path:polygon(50% 0%,0% 100%,100% 100%);opacity:.3}.palm-left{left:20px;transform:rotate(-15deg)}.palm-right{right:20px;transform:rotate(15deg)}.success-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;animation:fadeIn 1.2s ease-out;z-index:10}.stitch-face{position:relative;display:flex;align-items:flex-start;justify-content:center;margin-bottom:1rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stitch-head{width:100px;height:90px;background:linear-gradient(180deg,#4a7dd4,#3a6bc4);border-radius:50% 50% 45% 45%;position:relative;box-shadow:inset -5px -5px 15px #0003,inset 5px 5px 15px #ffffff1a}.stitch-ear{position:absolute;width:60px;height:35px;background:linear-gradient(180deg,#4a7dd4,#3a6bc4);border-radius:50%;top:10px}.stitch-ear.left{left:-25px;transform:rotate(-35deg)}.stitch-ear.right{right:-25px;transform:rotate(35deg)}.stitch-ear:after{content:"";position:absolute;width:40px;height:20px;background:#c4a6e8;border-radius:50%;top:8px;left:10px}.stitch-eyes{display:flex;justify-content:center;gap:15px;padding-top:25px}.eye{width:28px;height:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.pupil{width:14px;height:14px;background:#1a1a1a;border-radius:50%;position:relative}.pupil:after{content:"";position:absolute;width:5px;height:5px;background:#fff;border-radius:50%;top:2px;right:2px}.stitch-nose{width:20px;height:12px;background:#2a1a4a;border-radius:50%;margin:8px auto 5px}.stitch-mouth{width:30px;height:8px;border-bottom:3px solid #2a1a4a;border-radius:0 0 50% 50%;margin:0 auto}.ohana-text{font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,4vw,1.8rem);color:#5a3d7a;letter-spacing:.1em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.success-label{font-family:Special Elite,cursive;font-size:1rem;color:#7a5a3d;letter-spacing:.2em;text-transform:uppercase}.code-display{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;color:#5a3d7a;text-shadow:0 2px 4px rgba(0,0,0,.1),0 4px 8px rgba(90,61,122,.2);letter-spacing:.1em;padding:1rem 2rem;border:4px solid #c4a6e8;border-radius:16px;background:#ffffffb3;box-shadow:0 8px 32px #5a3d7a33,inset 0 0 20px #ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flowers{display:flex;gap:1rem;font-size:2.5rem;margin-top:.5rem}.flower{animation:sway 3s ease-in-out infinite}.flower:nth-child(1){animation-delay:0s}.flower:nth-child(2){animation-delay:.5s}.flower:nth-child(3){animation-delay:1s}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media (max-width: 600px){.step6-screen{padding:1.5rem}.code-display{padding:.8rem 1.5rem}.stitch-head{width:80px;height:72px}.stitch-ear{width:48px;height:28px}.palm-left,.palm-right{width:80px;height:140px}}.mando-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#16213e);overflow:hidden}.content-wrapper-mando{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;width:100%;animation:fadeInUp 1s ease-out;z-index:10}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.helmet-icon{font-size:3rem;color:#b8860b;text-shadow:0 0 20px rgba(184,134,11,.5);letter-spacing:.5rem}.mando-title{font-family:Orbitron,Segoe UI,sans-serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:700;color:#e8d5b7;text-transform:uppercase;letter-spacing:.4em;text-shadow:0 0 30px rgba(184,134,11,.4),0 0 60px rgba(184,134,11,.2),2px 2px 0 #1a1a2e;margin:0}.video-container-mando{position:relative;width:100%;max-width:640px}.video-frame-mando{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:3px solid #b8860b;border-radius:8px;box-shadow:0 0 40px #b8860b4d,0 0 80px #4ea88b1a,inset 0 0 30px #00000080}.video-mando{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.mando-tagline{font-family:Orbitron,Segoe UI,sans-serif;font-size:clamp(.9rem,2.5vw,1.3rem);color:#4ea88b;text-align:center;letter-spacing:.3em;text-transform:uppercase;opacity:.9}.mando-button{position:relative;padding:1.2rem 3rem;font-family:Orbitron,Segoe UI,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#0a0a12;background:linear-gradient(180deg,#e8d5b7,#b8860b,#8b6914);border:none;border-radius:4px;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 20px #b8860b66,inset 0 1px #ffffff4d}.mando-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #b8860b99,0 0 40px #4ea88b4d,inset 0 1px #ffffff4d}.mando-button:active{transform:translateY(1px)}.mando-button-text{position:relative;z-index:1}.grogu-container{position:fixed;bottom:30px;right:40px;display:flex;align-items:flex-start;gap:0;opacity:.15;transform:scale(.8);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:scale(.8) translateY(0)}50%{transform:scale(.8) translateY(-10px)}}.grogu-head{width:60px;height:70px;background:#4ea88b;border-radius:50% 50% 45% 45%;position:relative}.grogu-head:before{content:"";position:absolute;top:25px;left:50%;transform:translate(-50%);width:40px;height:25px;background:#1a1a2e;border-radius:50%}.grogu-ear{width:50px;height:25px;background:#4ea88b;border-radius:50%;margin-top:20px}.grogu-ear.left{transform:rotate(-30deg);margin-right:-10px}.grogu-ear.right{transform:rotate(30deg);margin-left:-10px}@media (max-width: 600px){.mando-page{padding:1rem}.content-wrapper-mando{gap:1rem}.mando-button{padding:1rem 2rem;font-size:.9rem}.grogu-container{transform:scale(.5);bottom:15px;right:15px}.helmet-icon{font-size:2rem}}.q2-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#16213e);overflow:hidden}.stars{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 80px,#fff,transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 200px,#fff,transparent),radial-gradient(2px 2px at 420px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 500px 180px,#fff,transparent),radial-gradient(2px 2px at 580px 90px,rgba(255,255,255,.9),transparent);background-size:600px 300px;animation:twinkle 8s ease-in-out infinite;pointer-events:none}.q2-rules-panel{position:fixed;top:30px;left:30px;max-width:280px;padding:1.5rem;background:#1a1a2ee6;border:1px solid #b8860b;border-radius:8px;box-shadow:0 0 20px #b8860b33,inset 0 0 30px #0000004d;z-index:100;animation:slideIn .8s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.q2-rules-panel .rules-header{font-family:Orbitron,sans-serif;font-size:1.2rem;color:#b8860b;margin-bottom:1rem;text-shadow:0 0 10px rgba(184,134,11,.5)}.q2-rules-panel p{font-family:Orbitron,sans-serif;font-size:.85rem;color:#aaa;line-height:1.6;margin:.5rem 0}.q2-rules-panel .rules-hint{margin-top:1rem!important;color:#888!important;font-style:italic}.q2-main-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;animation:fadeIn 1.2s ease-out .3s both;z-index:10;margin-left:150px}.q2-title{font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;color:#e8d5b7;text-shadow:0 0 20px rgba(184,134,11,.4),0 0 40px rgba(184,134,11,.2),2px 2px 0 #1a1a2e;letter-spacing:.1em}.q2-story-block{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:2rem 3rem;background:#1a1a2e99;border:1px solid rgba(184,134,11,.3);border-radius:12px;box-shadow:0 0 40px #b8860b1a}.q2-story-block .story-emoji{font-size:3rem;margin-bottom:.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.q2-story-text{font-family:Orbitron,sans-serif;font-size:clamp(.95rem,2.5vw,1.3rem);color:#ccc;line-height:1.8;margin:0}.q2-story-text.highlight{color:#4ea88b;font-size:clamp(1rem,2.8vw,1.4rem);margin-top:.5rem;text-shadow:0 0 15px rgba(78,168,139,.4)}.q2-button{padding:1.2rem 3rem;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#0a0a12;background:linear-gradient(180deg,#e8d5b7,#b8860b,#8b6914);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #b8860b66,inset 0 1px #ffffff4d}.q2-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #b8860b99,0 0 40px #4ea88b4d,inset 0 1px #ffffff4d}.q2-button:active{transform:translateY(1px)}@media (max-width: 768px){.q2-rules-panel{position:relative;top:auto;left:auto;max-width:100%;margin-bottom:2rem}.q2-screen{flex-direction:column;padding:1.5rem}.q2-main-content{margin-left:0}.q2-story-block{padding:1.5rem}}.q2-riddle-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:linear-gradient(180deg,#0a0a12,#1a1a2e,#16213e);overflow:hidden}.q2-riddle-screen .stars{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 80px,#fff,transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 200px,#fff,transparent),radial-gradient(2px 2px at 420px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 500px 180px,#fff,transparent),radial-gradient(2px 2px at 580px 90px,rgba(255,255,255,.9),transparent);background-size:600px 300px;animation:twinkle 8s ease-in-out infinite;pointer-events:none}.q2-riddle-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;text-align:center;max-width:600px;animation:fadeIn 1.2s ease-out;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.q2-riddle-block{display:flex;flex-direction:column;gap:.5rem}.q2-riddle-text{font-family:Orbitron,sans-serif;font-size:clamp(1rem,3vw,1.4rem);color:#ccc;line-height:1.8;margin:0}.q2-riddle-text.highlight{color:#4ea88b;font-size:clamp(1.1rem,3.2vw,1.5rem);margin-top:.3rem;text-shadow:0 0 15px rgba(78,168,139,.4)}.q2-answer-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:1rem}.q2-answer-input{width:300px;padding:1rem 1.5rem;font-family:Orbitron,sans-serif;font-size:1.1rem;color:#fff;background:#1a1a2ecc;border:2px solid #b8860b;border-radius:6px;outline:none;text-align:center;transition:all .3s ease;box-shadow:0 0 20px #b8860b33,inset 0 0 20px #0000004d}.q2-answer-input::placeholder{color:#666}.q2-answer-input:focus{border-color:#d4a017;box-shadow:0 0 30px #b8860b66,inset 0 0 20px #0000004d}.q2-next-button{padding:1rem 3rem;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#0a0a12;background:linear-gradient(180deg,#e8d5b7,#b8860b,#8b6914);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #b8860b66,inset 0 1px #ffffff4d}.q2-next-button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 8px 30px #b8860b99,0 0 40px #4ea88b4d,inset 0 1px #ffffff4d}.q2-next-button:active:not(.disabled){transform:translateY(1px)}.q2-next-button.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(50%)}@media (max-width: 600px){.q2-riddle-screen{padding:1.5rem}.q2-answer-input{width:100%;max-width:280px}}.q2-final-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:linear-gradient(180deg,#0a0a12,#1a1a2e 40%,#2d4a3e);overflow:hidden}.q2-final-screen .stars{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 230px 80px,#fff,transparent),radial-gradient(2px 2px at 300px 150px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 200px,#fff,transparent),radial-gradient(2px 2px at 420px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 500px 180px,#fff,transparent),radial-gradient(2px 2px at 580px 90px,rgba(255,255,255,.9),transparent);background-size:600px 300px;animation:twinkle 8s ease-in-out infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.q2-final-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;animation:fadeIn 1.2s ease-out;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.heart-icon{font-size:5rem;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(78,168,139,.6))}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}.q2-final-text{font-family:Orbitron,sans-serif;font-size:clamp(1.2rem,3vw,1.6rem);color:#4ea88b;text-shadow:0 0 20px rgba(78,168,139,.4)}.q2-final-block{display:flex;flex-direction:column;gap:.3rem}.q2-final-instruction{font-family:Orbitron,sans-serif;font-size:clamp(1rem,2.5vw,1.3rem);color:#aaa;margin:0}.q2-code-display{font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;color:#b8860b;text-shadow:0 0 10px rgba(184,134,11,.8),0 0 20px rgba(184,134,11,.6),0 0 40px rgba(184,134,11,.4),0 0 80px rgba(184,134,11,.3);letter-spacing:.1em;padding:1rem 2rem;border:3px solid #b8860b;border-radius:12px;background:#1a1a2ecc;box-shadow:0 0 40px #b8860b4d,inset 0 0 30px #0000004d;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 40px #b8860b4d,inset 0 0 30px #0000004d}to{box-shadow:0 0 60px #b8860b80,0 0 80px #4ea88b33,inset 0 0 30px #0000004d}}.floating-elements{display:flex;gap:2rem;font-size:2rem;margin-top:1rem}.float-item{animation:floatItem 4s ease-in-out infinite}.float-item:nth-child(1){animation-delay:0s}.float-item:nth-child(2){animation-delay:.5s}.float-item:nth-child(3){animation-delay:1s}@keyframes floatItem{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}.running-grogu{position:fixed;bottom:20px;left:-120px;animation:runAcross 15s linear infinite;z-index:5}.running-grogu-img{width:100px;height:auto;animation:waddle .4s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(78,168,139,.5))}@keyframes runAcross{0%{left:-120px;transform:scaleX(1)}45%{left:calc(100% + 20px);transform:scaleX(1)}45.1%{left:calc(100% + 20px);transform:scaleX(-1)}90%{left:-120px;transform:scaleX(-1)}90.1%{left:-120px;transform:scaleX(1)}to{left:-120px;transform:scaleX(1)}}@keyframes waddle{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@media (max-width: 600px){.q2-final-screen{padding:1.5rem}.q2-code-display{padding:.8rem 1.5rem}.grogu-head{width:60px;height:52px}.grogu-ear{width:42px;height:22px}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0a0a0a;background-image:radial-gradient(ellipse at center,#1a0a0a,#0a0a0a 70%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(139,0,0,.03) 2px,rgba(139,0,0,.03) 4px);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1000}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.8) 100%);pointer-events:none;z-index:999}