#home-bg{position:fixed;inset:0;z-index:0;overflow:hidden}#home-bg:before{content:"";position:absolute;inset:-40%;background:radial-gradient(ellipse 35% 30% at 30% 30%,rgba(139,92,246,.1),transparent 70%),radial-gradient(ellipse 30% 25% at 70% 65%,rgba(59,130,246,.07),transparent 70%);animation:drift 30s ease-in-out infinite alternate}#home-bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-size:200px;opacity:.6;pointer-events:none}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(3%,-2%) scale(1.05)}}#home{position:relative;z-index:1;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 24px;padding-top:var(--safe-t);padding-bottom:calc(32px + var(--safe-b))}#home::-webkit-scrollbar{display:none}.hero{text-align:center;padding:18vh 0 8vh;min-height:0;opacity:0;animation:heroIn 1s .15s var(--ease-out) forwards}@media(max-height:700px){.hero{padding:10vh 0 5vh}}@keyframes heroIn{0%{opacity:0;transform:translateY(-20px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.hero-eyebrow{font-family:var(--font-display);font-size:.82rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,10vw,5rem);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--text-1);margin-bottom:20px}.hero-dot{color:var(--glow-purple)}.hero-subtitle{font-size:clamp(1rem,3vw,1.25rem);color:var(--text-2);font-weight:400;line-height:1.6;letter-spacing:.01em;opacity:0;animation:fadeUp .7s .6s var(--ease-out) forwards}.mobile-br{display:inline}@media(min-width:640px){.mobile-br{display:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:680px;margin:0 auto}@media(min-width:640px){.game-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:780px}}.game-card{position:relative;display:flex;flex-direction:column;border-radius:16px;background:var(--surface-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;isolation:isolate;opacity:0;animation:cardIn .6s var(--ease-out) forwards;transition:transform .45s var(--ease-out),box-shadow .45s ease}.game-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.3;transition:opacity .4s,left .4s,right .4s}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:none}}@media(hover:hover){.game-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 24px 48px #00000059,0 0 0 1px color-mix(in srgb,var(--card-accent) 15%,transparent)}.game-card:hover:before{opacity:.7;left:5%;right:5%}.game-card:hover .card-preview{opacity:1}}@media(hover:none){.game-card:active{transform:scale(.96)}}.card-preview{position:relative;height:100px;overflow:hidden;opacity:.75;transition:opacity .4s ease}@media(min-width:640px){.card-preview{height:120px}}.card-info{padding:14px 16px 16px}.card-title{font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--text-1);margin-bottom:3px;letter-spacing:.01em}.card-desc{font-size:.72rem;color:var(--text-3);line-height:1.4}.card-preview--bubbles{background:linear-gradient(135deg,rgba(244,114,182,.06),transparent)}.mini-bubble{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;border-radius:50%;background:#f472b680;box-shadow:inset 0 -2px 4px #0003,inset 0 1px 2px #ffffff26;animation:bubbleFloat 3s var(--d) ease-in-out infinite alternate}.mini-bubble.pressed{background:#f472b633;box-shadow:inset 0 2px 6px #0006;transform:scale(.85)}@keyframes bubbleFloat{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.card-preview--breathing{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(96,165,250,.06),transparent)}.mini-breath-circle{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#60a5fa80,#60a5fa1a);box-shadow:0 0 30px #60a5fa26;animation:miniBreathe 4s ease-in-out infinite}@keyframes miniBreathe{0%,to{transform:scale(.6);opacity:.5}50%{transform:scale(1);opacity:1}}.card-preview--zen{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(52,211,153,.06),transparent);color:var(--accent-teal)}.zen-lines{width:80%;height:80%;animation:zenDraw 4s ease-in-out infinite alternate}@keyframes zenDraw{0%{stroke-dashoffset:0;opacity:.4}to{stroke-dashoffset:20;opacity:.7}}.card-preview--color{background:linear-gradient(135deg,rgba(167,139,250,.06),transparent)}.color-dot{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:hsl(var(--hue),75%,65%);filter:blur(4px);opacity:.6;animation:colorPulse 3s var(--d) ease-in-out infinite alternate}@keyframes colorPulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.4);opacity:.8}to{transform:scale(.8);opacity:.3}}.card-preview--slice{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(251,146,60,.06),transparent)}.slice-shape{width:36px;height:36px;background:#fb923c80;border-radius:6px;animation:slicePulse 3s ease-in-out infinite}.slice-frag{position:absolute;width:10px;height:10px;background:#fb923c59;border-radius:3px;opacity:0;animation:fragFly 3s ease-out infinite}.slice-frag-1{animation-delay:0s;--tx: -20px;--ty: -25px;--r: 45deg}.slice-frag-2{animation-delay:.1s;--tx: 25px;--ty: -18px;--r: -30deg}.slice-frag-3{animation-delay:.2s;--tx: 5px;--ty: 28px;--r: 60deg}@keyframes slicePulse{0%,70%,to{transform:scale(1) rotate(0)}75%{transform:scale(.8) rotate(5deg)}}@keyframes fragFly{0%,70%{opacity:0;transform:translate(0) rotate(0) scale(1)}75%{opacity:.8;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(.3)}}.card-preview--stars{background:linear-gradient(135deg,rgba(129,140,248,.04),transparent)}.mini-star{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#c8c8ffcc;box-shadow:0 0 6px #c8c8ff66;animation:twinkle 2.5s var(--d) ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.card-preview--rain{background:linear-gradient(180deg,#1a2332,#243040);position:relative}.rain-drop-mini{position:absolute;left:var(--x);top:-10%;width:1.5px;height:16px;background:#a0bedc66;border-radius:0 0 1px 1px;animation:rainFall 1.8s var(--d) linear infinite}@keyframes rainFall{0%{transform:translateY(0);opacity:.5}to{transform:translateY(130px);opacity:0}}.rain-fog{position:absolute;inset:0;background:#c8d2dc59;backdrop-filter:blur(2px)}.card-preview--paper{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(212,212,216,.06),transparent);position:relative}.mini-paper{width:40px;height:52px;background:#f0f0ebd9;border-radius:2px;box-shadow:0 2px 8px #0003;animation:paperWobble 3s ease-in-out infinite}.mini-paper-crease{position:absolute;top:50%;left:50%;width:28px;height:28px;border:1.5px dashed rgba(180,180,175,.4);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:crumpleHint 3s 1.5s ease-in-out infinite}@keyframes paperWobble{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(.95)}}@keyframes crumpleHint{0%,to{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1);opacity:.6}}.card-preview--slap{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(239,68,68,.06),transparent);position:relative}.slap-face-mini{font-size:2.2rem;animation:slapWobble 2s ease-in-out infinite}.slap-hand{position:absolute;right:18%;top:30%;font-size:1.4rem;opacity:0;animation:slapSwing 2s .3s ease-in-out infinite}@keyframes slapWobble{0%,to{transform:rotate(0)}35%{transform:rotate(0)}45%{transform:rotate(12deg) translate(4px)}55%{transform:rotate(-5deg) translate(-2px)}65%{transform:rotate(2deg)}}@keyframes slapSwing{0%,30%{opacity:0;transform:translate(20px) rotate(-30deg)}38%{opacity:.9;transform:translate(-5px) rotate(10deg)}50%{opacity:0;transform:translate(-15px) rotate(20deg)}to{opacity:0}}.card-preview--cat{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(251,191,36,.06),transparent);position:relative;gap:4px}.cat-mini{font-size:1.6rem;animation:catBounce 2s ease-in-out infinite}.cat-mini-1{animation-delay:0s;font-size:1.2rem}.cat-mini-2{animation-delay:.3s;font-size:1.2rem}.cat-mini-3{animation-delay:.6s;font-size:2rem}@keyframes catBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-footer{text-align:center;padding:48px 0 16px}.home-sound-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:100px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);color:var(--text-2);font-size:.75rem;margin-bottom:14px;transition:all .3s var(--ease-out);letter-spacing:.04em}.home-sound-btn:hover{color:var(--text-1);background:#ffffff0a;border-color:#ffffff1a}.home-sound-btn:active{transform:scale(.95)}.home-sound-btn.sound-on{color:var(--glow-cyan);border-color:#22d3ee33;background:#22d3ee0a}.footer-text{color:var(--text-3);font-size:.68rem;letter-spacing:.08em;margin-top:8px}