body{margin:0;padding:0;font-family:Comic Neue,cursive;background:linear-gradient(45deg,#ff6b9d,#ffd93d,#6bcf7f,#4d96ff,#9b59b6,#ff6b9d);background-size:400% 400%;animation:rainbowGradient 8s ease infinite;height:100vh;overflow:hidden}@keyframes rainbowGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.portal-container{display:flex;flex-direction:column;height:100vh;padding:15px;gap:15px;box-sizing:border-box}.portal-header{text-align:center;background:#fffffff2;padding:20px;border-radius:25px;box-shadow:0 10px 30px #0003;border:5px solid #FF6B9D;position:relative;overflow:hidden;flex-shrink:0}.portal-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.portal-title{font-family:Fredoka One,cursive;font-size:2.8em;margin:0;background:linear-gradient(45deg,#ff6b9d,#ffd93d,#6bcf7f,#4d96ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:3px 3px 6px rgba(0,0,0,.3);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.game-section{flex:1;display:flex;justify-content:center;align-items:center}.game-frame{text-align:center;background:#fffffff2;padding:20px;border-radius:25px;box-shadow:0 10px 30px #0003;border:5px solid #4D96FF;position:relative}.game-title{font-family:Fredoka One,cursive;font-size:1.8em;color:#ff6b9d;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}#gameCanvas{border:5px solid #6BCF7F;border-radius:15px;background:#87ceeb;display:block;margin:0 auto;box-shadow:0 5px 15px #0000004d}.portal-footer{text-align:center;background:#fffffff2;padding:15px;border-radius:25px;box-shadow:0 10px 30px #0003;border:5px solid #FFD93D;position:relative;flex-shrink:0}.footer-text{font-family:Fredoka One,cursive;font-size:1.5em;color:#9b59b6;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.floating-stars{display:flex;justify-content:center;gap:20px}.star{font-size:2em;animation:float 3s ease-in-out infinite;display:inline-block}.star:nth-child(1){animation-delay:0s}.star:nth-child(2){animation-delay:.5s}.star:nth-child(3){animation-delay:1s}.star:nth-child(4){animation-delay:1.5s}.star:nth-child(5){animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-20px) rotate(0)}75%{transform:translateY(-10px) rotate(-5deg)}}@media (max-width: 900px){.portal-title{font-size:2.5em}.portal-subtitle{font-size:1.2em}#gameCanvas{max-width:100%;height:auto}.portal-container{padding:10px;gap:15px}}