:root{--bg-color:#0d0f15;--text-primary:#fff;--text-secondary:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--rabbit-primary:#ff4b2b;--rabbit-secondary:#ff416c;--shells-primary:#00d2ff;--shells-secondary:#3a7bd5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;justify-content:center;align-items:center;min-height:-webkit-fill-available;display:flex;position:relative;overflow:hidden}.blob{filter:blur(80px);z-index:-1;opacity:.6;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:radial-gradient(circle,#ff416ccc 0%,#14141400 70%);width:50vw;height:50vw;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#00d2ff99 0%,#14141400 70%);width:60vw;height:60vw;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(5%,10%)scale(1.1)}}.hub-container{z-index:1;flex-direction:column;gap:2.5rem;width:100%;max-width:480px;padding:2rem;display:flex}.hub-header{text-align:center;animation:.8s ease-out forwards fadeInDown}.hub-header .logo{margin-bottom:.5rem;font-size:3rem;animation:2s ease-in-out infinite alternate bounce;display:inline-block}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.hub-header h1{letter-spacing:-1px;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.hub-header h1 span{background:linear-gradient(to right, var(--shells-primary), var(--rabbit-secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.hub-header p{color:var(--text-secondary);font-size:1.1rem;font-weight:400}.links-container{flex-direction:column;gap:1.25rem;display:flex}.game-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);opacity:0;border-radius:20px;padding:1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);animation:.8s ease-out forwards fadeInUp;position:relative;overflow:hidden;transform:translateY(20px)}.game-btn:before{content:"";-webkit-mask-composite:xor;z-index:-1;opacity:.5;border-radius:20px;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rabbit-btn:before{background:linear-gradient(135deg, var(--rabbit-primary), var(--rabbit-secondary))}.shells-btn:before{background:linear-gradient(135deg, var(--shells-primary), var(--shells-secondary))}.rabbit-btn{animation-delay:.2s}.shells-btn{animation-delay:.4s}.game-btn:hover{background:#ffffff1a;transform:translateY(-5px)scale(1.02)}.game-btn:hover:before{opacity:1}.btn-content{align-items:center;gap:1.25rem;display:flex}.btn-content .icon{background:#ffffff1a;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex;box-shadow:inset 0 2px 5px #ffffff1a}.btn-content .text{flex-grow:1}.btn-content h2{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.rabbit-btn:hover h2{color:var(--rabbit-secondary)}.shells-btn:hover h2{color:var(--shells-primary)}.btn-content p{color:var(--text-secondary);font-size:.9rem}.btn-content .arrow{color:var(--text-primary);font-size:1.5rem;font-weight:600;transition:transform .3s}.game-btn:hover .arrow{transform:translate(5px)}footer{text-align:center;opacity:0;margin-top:1rem;animation:1s ease-out .8s forwards fadeIn}footer p{color:var(--text-secondary);font-size:.9rem}footer a{color:var(--text-secondary);font-weight:600;text-decoration:none;transition:color .2s}footer a:hover{color:var(--text-primary)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}
