body{background:linear-gradient(45deg,#ff6b9d,#ffd93d,#6bcf7f,#4d96ff,#9b59b6,#ff6b9d) 0 0/400% 400%;min-height:100vh;margin:0;padding:0;font-family:Comic Neue,cursive;animation:8s infinite rainbowGradient;overflow:auto}@keyframes rainbowGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.portal-container{box-sizing:border-box;flex-direction:column;gap:15px;height:100vh;padding:15px;display:flex}.portal-header{text-align:center;background:#fffffff2;border:5px solid #ff6b9d;border-radius:25px;flex-shrink:0;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.portal-header:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.portal-title{-webkit-text-fill-color:transparent;text-shadow:3px 3px 6px #0000004d;background:linear-gradient(45deg,#ff6b9d,#ffd93d,#6bcf7f,#4d96ff);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Fredoka One,cursive;font-size:2.8em;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.game-section{flex:1;justify-content:center;align-items:center;display:flex}.game-frame{text-align:center;background:#fffffff2;border:5px solid #4d96ff;border-radius:25px;padding:20px;position:relative;box-shadow:0 10px 30px #0003}.game-title{color:#ff6b9d;text-shadow:2px 2px 4px #0003;margin:0 0 15px;font-family:Fredoka One,cursive;font-size:1.8em}#gameCanvas{background:#87ceeb;border:5px solid #6bcf7f;border-radius:15px;margin:0 auto;display:block;box-shadow:0 5px 15px #0000004d}.portal-footer{text-align:center;background:#fffffff2;border:5px solid #ffd93d;border-radius:25px;flex-shrink:0;padding:15px;position:relative;box-shadow:0 10px 30px #0003}.footer-text{color:#9b59b6;text-shadow:2px 2px 4px #0003;margin:0 0 15px;font-family:Fredoka One,cursive;font-size:1.5em}.floating-stars{justify-content:center;gap:20px;display:flex}.star{font-size:2em;animation:3s ease-in-out infinite float;display:inline-block}.star:first-child{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)}}body.playing{overflow:hidden}body.playing .portal-header,body.playing .portal-footer{display:none}body.playing .portal-container{gap:0;padding:0}body.playing .game-frame{box-shadow:none;background:#000;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;padding:0;display:flex}body.playing .game-title{display:none}body.playing #gameCanvas{box-shadow:none;object-fit:contain;touch-action:none;border:none;border-radius:0;width:100%;height:100%}body.playing .back-button{z-index:10;opacity:.7;margin-bottom:0;transition:opacity .2s,background .2s,transform .15s;position:fixed;top:16px;left:16px}body.playing .back-button:hover{opacity:1}.game-grid{flex-wrap:wrap;justify-content:center;gap:24px;padding:10px;display:flex}.game-card{cursor:pointer;width:240px;font-family:inherit;font-size:inherit;background:#fffffff2;border:5px solid #4d96ff;border-radius:25px;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #00000026}.game-card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 14px 32px #00000040}.game-card-emoji{font-size:3.5em}.game-card-title{color:#333;text-align:center;font-family:Fredoka One,cursive;font-size:1.3em}.game-card-desc{color:#666;text-align:center;font-size:.95em;line-height:1.4}.game-card-play{color:#fff;border-radius:50px;margin-top:4px;padding:8px 28px;font-family:Fredoka One,cursive;font-size:1.1em}.back-button{color:#fff;cursor:pointer;background:#ff6b9d;border:none;border-radius:50px;margin-bottom:12px;padding:8px 22px;font-family:Fredoka One,cursive;font-size:1em;transition:background .2s,transform .15s;box-shadow:0 4px 12px #ff6b9d66}.back-button:hover{background:#e5598a;transform:scale(1.05)}@media (width<=900px){.portal-title{font-size:2.5em}.portal-subtitle{font-size:1.2em}#gameCanvas{max-width:100%;height:auto}.portal-container{gap:15px;padding:10px}}@media (width<=600px){body.playing .back-button{opacity:.6;padding:6px 14px;font-size:.8em;top:8px;left:8px}}