html,body,#root{margin:0!important;padding:0!important;width:100vw!important;min-height:100vh!important;background-color:#000!important;color:#fff!important;overflow-x:hidden!important;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}.game-container{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;position:relative}.content-layer{display:flex;flex-direction:column;align-items:center;width:90%;max-width:400px;text-align:center;z-index:10}.mascot-svg{width:120px;margin-bottom:20px}.logo-text{font-size:1.8rem;font-weight:900;margin-bottom:30px}.search-wrapper{width:100%;position:relative}.handle-input{width:100%;padding:15px;border-radius:50px;border:2px solid #333;background:#111;color:#fff;text-align:center;font-size:1.1rem;outline:none}.suggestions-list{position:absolute;top:60px;left:0;width:100%;background:#1a1a1a;border-radius:15px;border:1px solid #333;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 10px 30px #000c}.suggest-item{display:flex;align-items:center;gap:15px;padding:12px;cursor:pointer;border-bottom:1px solid #222}.mini-pfp{width:40px;height:40px;border-radius:50%;object-fit:cover}.suggest-info{display:flex;flex-direction:column;text-align:left}.suggest-name{font-weight:700;font-size:.9rem}.suggest-handle{color:#888;font-size:.8rem}.game-board{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-header{position:absolute;top:20px;width:90%;display:flex;justify-content:space-between;z-index:50;font-size:.8rem;opacity:.7}.logout-mini{background:transparent;color:#fff;border:1px solid #555;border-radius:5px;padding:3px 8px}@keyframes floatInPlace{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.card-stack{display:flex;flex-direction:column;align-items:center;margin-top:20px}.blob-card{width:250px;height:350px;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 40px #0009;animation:floatInPlace 6s ease-in-out infinite}.blob-card.prompt{background:#111;color:#fff;border:1px solid #333;z-index:1}.blob-card.response{background:#fff;color:#000;z-index:2;animation-delay:-3s}.card-content p{font-size:1.2rem;font-weight:800;line-height:1.2;margin:0}.pack-label{font-size:.6rem;font-weight:900;opacity:.5;text-transform:uppercase}.author-did{font-size:.5rem;opacity:.4;font-family:monospace}.draw-button{margin-top:30px;padding:12px 30px;border-radius:50px;border:none;background:#fff;color:#000;font-weight:900;cursor:pointer;z-index:10;box-shadow:0 0 20px #fff3}.hand-container{display:flex;width:100vw;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:0 calc(50vw - 125px);margin-top:-30px;z-index:2;-ms-overflow-style:none;scrollbar-width:none}.hand-container::-webkit-scrollbar{display:none}.hand-card-wrapper{scroll-snap-align:center;flex-shrink:0;padding-bottom:30px}.blob-card.response{width:220px!important;height:310px!important;padding:18px!important}.blob-card.response .card-content p{font-size:1.1rem!important}.hand-container{padding:0 calc(50vw - 110px)!important}.hand-container{margin-top:15px!important}.blob-card.response{margin-top:0!important}.hand-container{padding:30px calc(50vw - 110px) 40px!important;margin-top:0!important}.blob-card.response{animation:none!important;transform:none!important}@supports (animation-timeline: view()){.hand-card-wrapper{transform-origin:bottom center;animation:swipe-arc linear both;animation-timeline:view(inline)}@keyframes swipe-arc{0%{transform:translateY(20px) rotate(15deg) scale(.85);opacity:.5}50%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(20px) rotate(-15deg) scale(.85);opacity:.5}}}.blob-card.prompt{width:230px!important;height:320px!important;padding:20px!important;position:relative!important}.blob-card.response{width:200px!important;height:280px!important;padding:18px!important;position:relative!important}.card-content{flex:1!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;padding-bottom:25px!important}.card-content p{font-size:1.15rem!important;font-weight:800!important;text-align:left!important;line-height:1.3!important;margin:0!important;font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important}.blob-card:after{content:"BATS";position:absolute;bottom:20px;left:20px;font-size:.85rem;font-weight:900;letter-spacing:.5px;opacity:.9}.blob-card.response:after{bottom:18px;left:18px}.pack-label{position:absolute!important;bottom:30px!important;right:20px!important;text-align:right!important}.author-did{position:absolute!important;bottom:20px!important;right:20px!important;text-align:right!important}.blob-card.response .pack-label{right:18px!important;bottom:28px!important}.blob-card.response .author-did{right:18px!important;bottom:18px!important}.hand-container{padding:30px calc(50vw - 100px) 40px!important}.blob-card:after{content:none!important;display:none!important}.card-footer{position:absolute;bottom:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:flex-end;width:calc(100% - 30px)}.bats-brand{font-weight:900;font-size:.85rem;letter-spacing:.5px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.card-footer .pack-label{position:static!important;font-size:.65rem!important;font-weight:900!important;text-transform:uppercase!important;opacity:.8!important;text-align:right!important}.card-footer .author-did{position:static!important;font-size:.45rem!important;font-family:monospace!important;opacity:.5!important;text-align:right!important}.mascot-svg{width:200px!important;height:auto!important;margin-bottom:25px!important}.mascot-svg{width:260px!important;height:auto!important}.starfield-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden}.star{position:absolute;background-color:#fff;border-radius:50%;opacity:.8;animation:twinkle 4s infinite alternate ease-in-out;box-shadow:0 0 5px #fffc}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.content-layer,.game-board{position:relative;z-index:10}.starfield-container{background:radial-gradient(circle at center,#0a0a1a,#000)!important}.star{position:absolute;border-radius:50%;animation:twinkle infinite alternate ease-in-out!important}@keyframes twinkle{0%{opacity:.1;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.mascot-svg{animation:mascotFloat 5s ease-in-out infinite!important}