:root{--pink:#ff4081;--pink-soft:#ff6b9d;--purple:#9c27b0;--purple-light:#ce93d8;--blue:#60a5fa;--green:#69f0ae;--yellow:#ffab00;--orange:#ff6d00;--bg:#fef1f6;--text:#2d1045;--card-shadow:0 4px 16px #9c27b01a;color:var(--text);background:var(--bg);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior:none}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;overflow:hidden auto}#root{min-height:100dvh}.app{flex-direction:column;min-height:100vh;display:flex}.home{text-align:center;max-width:960px;margin:0 auto;padding:48px 24px 60px;position:relative}.home:before{content:"🍬 🌟 🍭 ⭐ 🧁";letter-spacing:12px;opacity:.35;pointer-events:none;font-size:1.2rem;position:absolute;top:12px;left:50%;transform:translate(-50%)}.home h1{color:var(--purple);letter-spacing:-.5px;text-shadow:0 2px 0 var(--purple-light), 0 4px 12px #9c27b01f;margin-bottom:4px;font-family:"Baloo 2",Nunito,cursive;font-size:3.2rem;font-weight:800;animation:.6s cubic-bezier(.34,1.56,.64,1) both home-title-in}@keyframes home-title-in{0%{opacity:0;transform:scale(.85)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.home .subtitle{color:var(--pink);opacity:0;margin-bottom:40px;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:700;animation:.5s .2s forwards home-fade-in}@keyframes home-fade-in{to{opacity:1}}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding:0 8px;display:grid}.game-card{color:var(--text);cursor:pointer;box-shadow:var(--card-shadow), inset 0 1px 0 #fffc;opacity:0;background:#fff;border:3px solid #0000;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:36px 28px 28px;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards card-in;display:flex;position:relative;overflow:hidden}.game-card:first-child{animation-delay:.3s}.game-card:nth-child(2){animation-delay:.4s}.game-card:nth-child(3){animation-delay:.5s}.game-card:nth-child(4){animation-delay:.6s}.game-card:nth-child(5){animation-delay:.7s}.game-card:nth-child(6){animation-delay:.8s}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.game-card:before{content:"";background:linear-gradient(90deg, var(--pink), var(--purple), var(--yellow), var(--green));opacity:.7;background-size:300% 100%;border-radius:24px 24px 0 0;height:5px;transition:opacity .3s;animation:4s infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.game-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 32px #9c27b02e,inset 0 1px #fffc}.game-card:hover:before{opacity:1}.game-card:active{transform:translateY(-2px)scale(.99)}.game-card .emoji{filter:drop-shadow(0 4px 8px #00000014);font-size:72px;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.game-card:hover .emoji{transform:scale(1.12)rotate(-3deg)}.game-card .card-image{object-fit:contain;filter:drop-shadow(0 4px 8px #0000001a);width:80px;height:80px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.game-card:hover .card-image{transform:scale(1.12)rotate(-3deg)}.game-card .game-title{color:var(--purple);font-family:"Baloo 2",Nunito,cursive;font-size:1.35rem;font-weight:700}.game-card .game-description{color:#8e6aad;font-size:.9rem;font-weight:600;line-height:1.4}.back-button{z-index:100;color:var(--purple);-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#ffffffd9;border:2px solid #9c27b026;border-radius:14px;padding:8px 16px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;position:fixed;top:14px;left:14px;box-shadow:0 2px 10px #9c27b014}.back-button:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 14px #9c27b024}.back-button:active{transform:translateY(0)}@media (width<=768px){.home{padding:36px 16px 48px}.home h1{font-size:2.4rem}.home .subtitle{margin-bottom:28px;font-size:1rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:0 4px}.game-card{min-height:160px;padding:28px 20px 22px}.game-card .emoji{font-size:56px}.game-card .card-image{width:64px;height:64px}.game-card .game-title{font-size:1.15rem}.game-card .game-description{font-size:.85rem}.back-button{top:env(safe-area-inset-top,14px);left:env(safe-area-inset-left,14px);padding:10px 18px;font-size:.95rem}}@media (width<=480px){.home h1{font-size:2rem}.game-grid{grid-template-columns:1fr;gap:14px}.game-card{flex-direction:row;gap:16px;min-height:auto;padding:20px}.game-card .emoji{font-size:48px}.game-card .card-image{width:52px;height:52px}}@media (height<=500px) and (orientation:landscape){.back-button{opacity:.6;padding:4px 10px;font-size:.75rem;top:4px;left:4px}}