#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.jam-shield-active{position:relative;overflow:hidden}.jam-shield-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none;background:radial-gradient(circle,#00d4ff33,#0909791a);border-radius:8px;box-shadow:0 0 15px 5px #00d4ff80;animation:pulse-shield 3s ease-in-out infinite;will-change:opacity,box-shadow}@keyframes pulse-shield{0%{opacity:.5;box-shadow:0 0 10px 2px #00d4ff66}50%{opacity:.8;box-shadow:0 0 20px 8px #00d4ffb3}to{opacity:.5;box-shadow:0 0 10px 2px #00d4ff66}}@media screen and (max-width: 640px){.grid-container{max-width:95vw;min-height:40vh;margin:0 auto;overflow:visible;padding:.25rem}.grid-container .w-7,.grid-container .sm\:w-9,.grid-container .md\:w-11{width:1.5rem!important}.grid-container .h-7,.grid-container .sm\:h-9,.grid-container .md\:h-11{height:1.5rem!important}.grid-container .w-6,.grid-container .sm\:w-8,.grid-container .md\:w-10{width:1.25rem!important}.grid-container .h-6,.grid-container .sm\:h-8,.grid-container .md\:h-10{height:1.25rem!important}.grid-container .w-5,.grid-container .sm\:w-7,.grid-container .md\:w-9{width:1rem!important}.grid-container .h-5,.grid-container .sm\:h-7,.grid-container .md\:h-9{height:1rem!important}.grid-container .text-xl,.grid-container .sm\:text-2xl,.grid-container .md\:text-3xl{font-size:.875rem!important}.grid-container .w-5,.grid-container .sm\:w-6,.grid-container .md\:w-8{width:1rem!important;font-size:.75rem!important}.grid-container .h-5,.grid-container .sm\:h-6,.grid-container .md\:h-8{height:1rem!important}.fixed.top-20{top:.5rem;max-width:90vw;font-size:.75rem;padding:.5rem}.max-w-2xl{padding:.5rem!important}.w-12,.h-12{width:1.5rem!important;height:1.5rem!important}.AbilityPanel button{padding:.25rem .5rem!important;font-size:.75rem!important}.ship-placement-container{max-width:calc(100vw - 32px);overflow-x:auto;overflow-y:auto;margin:0 auto}.ship-placement-container::-webkit-scrollbar{height:3px;width:3px}.ship-placement-container::-webkit-scrollbar-track{background:#2d3748;border-radius:3px}.ship-placement-container::-webkit-scrollbar-thumb{background-color:#4a5568;border-radius:3px}.ship-draggable .w-7,.ship-draggable .h-7{width:2rem!important;height:2rem!important}.grid-cols-8 .w-8,.grid-cols-8 .h-8{width:2.25rem!important;height:2.25rem!important}.grid-container .border-2{border-width:1px!important}.grid-container .bg-gray-800{padding:1rem!important;border-radius:12px!important}.grid-container .text-xl{font-size:1.25rem!important;font-weight:700!important}.grid-container button,.grid-container [role=button],.grid-container .clickable{min-height:44px!important;min-width:44px!important}}@media screen and (max-width: 480px){.fixed.top-20{top:1rem;max-width:90vw;font-size:.75rem;padding:.5rem .75rem;z-index:50}.fixed.bottom-10{bottom:1rem;max-width:90vw;font-size:.75rem;padding:.5rem .75rem;z-index:50}}@media (min-width: 360px){.xs\:w-8{width:2rem}.xs\:h-8{height:2rem}}@media (min-width: 360px){.xs\:w-8{width:2rem}.xs\:h-8{height:2rem}.xs\:gap-2{gap:.5rem}.xs\:p-3{padding:.75rem}.xs\:text-sm{font-size:.875rem}.xs\:flex-row{flex-direction:row}}.ship-placement-container{max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:auto;margin:0 auto}@media screen and (max-width: 359px){.ship-placement-grid .cell,.ship-placement-grid .ship-cell{width:1.5rem!important;height:1.5rem!important}.ship-placement-controls button{padding:.5rem .75rem!important;font-size:.875rem!important;min-height:42px}}.battleship-bg{background-image:url(/assets/background-284J5zYF.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@media (max-width: 640px){*{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}button,[role=button],.clickable{min-height:42px;min-width:42px}html,body{scroll-behavior:smooth}.no-double-tap-zoom{touch-action:manipulation}}.grid-container{width:100%;max-width:min(98vw,600px);margin:0 auto}@media screen and (max-width: 640px){.grid-container{max-width:98vw!important;min-width:90vw}}.game-status-bar{position:sticky;top:0;z-index:10;background-color:#1a202ce6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}@media (min-width: 1024px){.game-status-bar{padding:1rem 2rem;background-color:#1a202cf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(75,85,99,.3)}.game-status-bar:hover{background-color:#1a202cfa;border-bottom-color:#4b556380}}@media screen and (max-width: 896px) and (orientation: landscape){.grid-container{max-width:min(70vw,500px)!important;max-height:80vh!important}}@media screen and (min-width: 768px){.grid-container{max-width:min(85vw,800px);padding:1.5rem}.grid-container .w-7,.grid-container .sm\:w-9,.grid-container .md\:w-11{width:3rem!important;height:3rem!important}.grid-container .w-6,.grid-container .sm\:w-8,.grid-container .md\:w-10{width:2.5rem!important;height:2.5rem!important}.grid-container .w-5,.grid-container .sm\:w-7,.grid-container .md\:w-9{width:2rem!important;height:2rem!important}.grid-container .text-xl,.grid-container .sm\:text-2xl,.grid-container .md\:text-3xl{font-size:1.5rem!important}.grid-container .bg-gray-800{padding:2rem!important;border-radius:16px!important}}@media screen and (min-width: 1024px){.grid-container{max-width:min(75vw,900px);padding:2rem}.grid-container .w-7,.grid-container .sm\:w-9,.grid-container .md\:w-11{width:3.5rem!important;height:3.5rem!important}.grid-container .w-6,.grid-container .sm\:w-8,.grid-container .md\:w-10{width:3rem!important;height:3rem!important}.grid-container .w-5,.grid-container .sm\:w-7,.grid-container .md\:w-9{width:2.5rem!important;height:2.5rem!important}.grid-container .text-xl,.grid-container .sm\:text-2xl,.grid-container .md\:text-3xl{font-size:1.75rem!important}.grid-container .w-5,.grid-container .sm\:w-6,.grid-container .md\:w-8{width:2.5rem!important;font-size:1.125rem!important}.grid-container .h-5,.grid-container .sm\:h-6,.grid-container .md\:h-8{height:2.5rem!important}}@media screen and (min-width: 1280px){.grid-container{max-width:min(65vw,1000px);padding:2.5rem}.grid-container .w-7,.grid-container .sm\:w-9,.grid-container .md\:w-11{width:4rem!important;height:4rem!important}.grid-container .w-6,.grid-container .sm\:w-8,.grid-container .md\:w-10{width:3.5rem!important;height:3.5rem!important}.grid-container .w-5,.grid-container .sm\:w-7,.grid-container .md\:w-9{width:3rem!important;height:3rem!important}.grid-container .text-xl,.grid-container .sm\:text-2xl,.grid-container .md\:text-3xl{font-size:2rem!important}.grid-container .w-5,.grid-container .sm\:w-6,.grid-container .md\:w-8{width:3rem!important;font-size:1.25rem!important}.grid-container .h-5,.grid-container .sm\:h-6,.grid-container .md\:h-8{height:3rem!important}}@media screen and (min-width: 1024px){.game-room-container{display:grid;grid-template-columns:1fr 300px;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem}.game-main-area{display:flex;flex-direction:column;gap:2rem;align-items:center}.game-grids-container{display:grid;grid-template-columns:1fr .75fr;gap:3rem;width:100%;max-width:1200px;align-items:start}.game-status-bar{padding:1rem 2rem;font-size:1.125rem}.turn-timer-desktop{position:sticky;top:100px;margin-bottom:2rem}}@media (min-width: 1024px){.ship-placement-desktop{display:grid;grid-template-columns:1fr 300px;gap:3rem;max-width:1400px;margin:0 auto;padding:2rem}.ship-placement-grid-desktop{background:#1f2937cc;padding:2rem;border-radius:16px;border:1px solid rgba(75,85,99,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ship-selection-panel-desktop{background:#111827e6;padding:1.5rem;border-radius:12px;border:1px solid rgba(75,85,99,.2);height:fit-content;position:sticky;top:120px}.ship-placement-grid-desktop .cell{width:3rem!important;height:3rem!important;border-radius:6px;transition:all .2s ease}.ship-placement-grid-desktop .cell:hover{border-color:#3b82f699;background-color:#3b82f61a;transform:scale(1.02)}.ship-draggable-desktop{cursor:grab;transition:all .3s ease}.ship-draggable-desktop:hover{transform:scale(1.05);box-shadow:0 4px 20px #0000004d}.ship-draggable-desktop.dragging{cursor:grabbing;transform:scale(1.1);z-index:1000;opacity:.9}}@media (min-width: 1024px){.ship-draggable{cursor:grab;transition:all .2s ease}.ship-draggable:hover{transform:scale(1.05);box-shadow:0 2px 10px #0003}.ship-draggable:active{cursor:grabbing;transform:scale(1.1);z-index:1000;opacity:.8}.ship-placement-desktop .ship-draggable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ship-placement-desktop .grid-container div{transition:all .2s ease}.ship-placement-desktop .grid-container div:hover{background-color:#3b82f61a;border-color:#3b82f64d}}@media (min-width: 1024px){.admin-controls-desktop{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1600px;margin:0 auto;padding:2rem}.admin-grid-view-desktop{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#1f293780;padding:2rem;border-radius:16px;border:1px solid rgba(75,85,99,.3)}.admin-controls-panel-desktop{background:#111827e6;padding:1.5rem;border-radius:12px;height:fit-content;position:sticky;top:100px}}.admin-board-container{transform:scale(.8);transform-origin:center}@media screen and (max-width: 640px){.admin-board-container{transform:scale(.7)}}@media screen and (min-width: 768px){.admin-board-container{transform:scale(.9)}}@media screen and (min-width: 1024px){.admin-board-container{transform:scale(1)}}.admin-grid-compact .admin-board-container{transform:scale(.7);transform-origin:center top;margin:.25rem 0}.admin-grid-compact .grid-container{max-width:85vw;min-height:28vh;padding:.125rem;margin:0 auto}@media screen and (min-width: 641px){.admin-grid-compact .grid-container .w-7,.admin-grid-compact .grid-container .sm\:w-9,.admin-grid-compact .grid-container .md\:w-11{width:1.125rem!important}.admin-grid-compact .grid-container .h-7,.admin-grid-compact .grid-container .sm\:h-9,.admin-grid-compact .grid-container .md\:h-11{height:1.125rem!important}}@media (max-width: 640px){.container-mobile{padding:.5rem;max-width:100%}}@media (min-width: 641px) and (max-width: 1023px){.container-tablet{padding:1rem;max-width:90%;margin:0 auto}}@media (min-width: 1024px){.container-desktop{padding:2rem;max-width:1200px;margin:0 auto}}.grid-gap-responsive{gap:.5rem}@media (min-width: 640px){.grid-gap-responsive{gap:1rem}}@media (min-width: 1024px){.grid-gap-responsive{gap:2rem}}.game-text-xs{font-size:.75rem}.game-text-sm{font-size:.875rem}.game-text-base{font-size:1rem}.game-text-lg{font-size:1.125rem}.game-text-xl{font-size:1.25rem}@media (min-width: 640px){.game-text-xs{font-size:.875rem}.game-text-sm{font-size:1rem}.game-text-base{font-size:1.125rem}.game-text-lg{font-size:1.25rem}.game-text-xl{font-size:1.5rem}}@media (min-width: 1024px){.game-text-xs{font-size:1rem}.game-text-sm{font-size:1.125rem}.game-text-base{font-size:1.25rem}.game-text-lg{font-size:1.5rem}.game-text-xl{font-size:1.75rem}}@media (min-width: 1024px){.btn-desktop-primary{padding:.75rem 2rem;font-size:1.125rem;font-weight:600;border-radius:8px;transition:all .2s ease;min-height:48px}.btn-desktop-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-desktop-secondary{padding:.5rem 1.5rem;font-size:1rem;border-radius:6px;transition:all .2s ease}}.layout-stack-mobile{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.layout-stack-mobile{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start}}@media (min-width: 1024px){.layout-center-desktop{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px)}}@media screen and (max-width: 640px){.admin-grid .grid-container{max-width:85vw;min-height:30vh;padding:.125rem;margin:0 auto}.admin-grid .grid-container .w-7,.admin-grid .grid-container .sm\:w-9,.admin-grid .grid-container .md\:w-11{width:1rem!important}.admin-grid .grid-container .h-7,.admin-grid .grid-container .sm\:h-9,.admin-grid .grid-container .md\:h-11{height:1rem!important}.admin-grid .grid-container .w-6,.admin-grid .grid-container .sm\:w-8,.admin-grid .grid-container .md\:w-10{width:.875rem!important}.admin-grid .grid-container .h-6,.admin-grid .grid-container .sm\:h-8,.admin-grid .grid-container .md\:h-10{height:.875rem!important}.admin-grid .grid-container .w-5,.admin-grid .grid-container .sm\:w-7,.admin-grid .grid-container .md\:w-9{width:.75rem!important}.admin-grid .grid-container .h-5,.admin-grid .grid-container .sm\:h-7,.admin-grid .grid-container .md\:h-9{height:.75rem!important}.admin-grid .grid-container .text-xs,.admin-grid .grid-container .text-sm,.admin-grid .grid-container .text-base{font-size:.65rem!important}}.gameroom-desktop .enemy-grid-section{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0!important;margin:0!important}.gameroom-desktop .my-grid-section{display:flex;align-items:center;justify-content:center;overflow:hidden}.gameroom-desktop .grid-container{max-width:95%!important;max-height:95%!important;width:auto!important;height:auto!important}.gameroom-desktop .enemy-grid-section .grid-container{padding:0!important;margin:0!important}.gameroom-desktop .enemy-grid-section .grid-container .w-7,.gameroom-desktop .enemy-grid-section .grid-container .sm\:w-9,.gameroom-desktop .enemy-grid-section .grid-container .md\:w-11{width:2.75rem!important;height:2.75rem!important}.gameroom-desktop .my-grid-section .grid-container .w-7,.gameroom-desktop .my-grid-section .grid-container .sm\:w-9,.gameroom-desktop .my-grid-section .grid-container .md\:w-11{width:1.75rem!important;height:1.75rem!important}.gameroom-desktop .enemy-grid-section .grid-container .w-5,.gameroom-desktop .enemy-grid-section .grid-container .sm\:w-6,.gameroom-desktop .enemy-grid-section .grid-container .md\:w-8{width:2.2rem!important;height:2.2rem!important;font-size:.96rem!important}.gameroom-desktop .my-grid-section .grid-container .w-5,.gameroom-desktop .my-grid-section .grid-container .sm\:w-6,.gameroom-desktop .my-grid-section .grid-container .md\:w-8{width:1.5rem!important;height:1.5rem!important;font-size:.75rem!important}@media (max-width: 768px){.gameroom-desktop .enemy-grid-section .grid-container .w-7,.gameroom-desktop .enemy-grid-section .grid-container .sm\:w-9,.gameroom-desktop .enemy-grid-section .grid-container .md\:w-11{width:2rem!important;height:2rem!important}.gameroom-desktop .my-grid-section .grid-container .w-7,.gameroom-desktop .my-grid-section .grid-container .sm\:w-9,.gameroom-desktop .my-grid-section .grid-container .md\:w-11{width:1.5rem!important;height:1.5rem!important}}.mobile-grid-container{height:100%;max-height:192px}.mobile-grid-container .grid-container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;height:100%;display:flex;align-items:center;justify-content:center}.mobile-grid-container .grid-container>div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.mobile-grid-container .grid-container .w-7,.mobile-grid-container .grid-container .sm\:w-9,.mobile-grid-container .grid-container .md\:w-11{width:1rem!important;height:1rem!important}.mobile-grid-container .grid-container .w-6,.mobile-grid-container .grid-container .sm\:w-8,.mobile-grid-container .grid-container .md\:w-10{width:.875rem!important;height:.875rem!important}.mobile-grid-container .grid-container .w-5,.mobile-grid-container .grid-container .sm\:w-7,.mobile-grid-container .grid-container .md\:w-9{width:.75rem!important;height:.75rem!important}.mobile-grid-container .grid-container .w-5,.mobile-grid-container .grid-container .sm\:w-6,.mobile-grid-container .grid-container .md\:w-8{width:.75rem!important;height:.75rem!important;font-size:.625rem!important}.mobile-grid-container .grid-container .text-xl,.mobile-grid-container .grid-container .sm\:text-2xl,.mobile-grid-container .grid-container .md\:text-3xl{font-size:.75rem!important}.mobile-grid-container{display:flex;flex-direction:column;height:100%;overflow:hidden;align-items:center;justify-content:center}.mobile-grid-container .grid-container{transform:scale(1.05);transform-origin:center center;margin:auto;padding:.25rem!important;max-width:95%;max-height:95%;width:auto;height:auto}.mobile-grid-container>div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.mobile-grid-container>div>div{display:flex;align-items:center;justify-content:center;flex:1;width:100%}.mobile-grid-container .grid-container .w-7,.mobile-grid-container .grid-container .sm\:w-9,.mobile-grid-container .grid-container .md\:w-11{width:1.1rem!important;height:1.1rem!important}.mobile-grid-container .grid-container .w-6,.mobile-grid-container .grid-container .sm\:w-8,.mobile-grid-container .grid-container .md\:w-10{width:.9rem!important;height:.9rem!important}.mobile-grid-container .grid-container .w-5,.mobile-grid-container .grid-container .sm\:w-7,.mobile-grid-container .grid-container .md\:w-9{width:.8rem!important;height:.8rem!important}.mobile-grid-container .grid-container .w-5.h-7,.mobile-grid-container .grid-container .sm\:w-6.sm\:h-9,.mobile-grid-container .grid-container .md\:w-8.md\:h-11{width:.8rem!important;height:1.1rem!important;font-size:.6rem!important}.mobile-grid-container .grid-container .w-7.h-5,.mobile-grid-container .grid-container .sm\:w-9.sm\:h-6,.mobile-grid-container .grid-container .md\:w-11.md\:h-8{width:1.1rem!important;height:.8rem!important;font-size:.6rem!important}.mobile-grid-container .flex-1{display:flex;align-items:center;justify-content:center;padding:.125rem;overflow:hidden}.mobile-grid-container .grid-container .text-xl,.mobile-grid-container .grid-container .sm\:text-2xl,.mobile-grid-container .grid-container .md\:text-3xl{font-size:.7rem!important}.mobile-grid-container .grid-container .border-2{border-width:1px!important}.mobile-grid-container .grid-container .text-center{display:flex;align-items:center;justify-content:center}.mobile-grid-container .grid-container .bg-gray-800{padding:.25rem!important;border-radius:.375rem!important}.mobile-enemy-grid-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem}.mobile-enemy-grid-container>div{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:scale(1.11);transform-origin:center center;width:100%;height:100%}.mobile-enemy-grid-container .grid-container .w-7,.mobile-enemy-grid-container .grid-container .sm\:w-9,.mobile-enemy-grid-container .grid-container .md\:w-11{width:1.2rem!important;height:1.2rem!important}.mobile-enemy-grid-container .grid-container .w-6,.mobile-enemy-grid-container .grid-container .sm\:w-8,.mobile-enemy-grid-container .grid-container .md\:w-10{width:1rem!important;height:1rem!important}.mobile-enemy-grid-container .grid-container .w-5,.mobile-enemy-grid-container .grid-container .sm\:w-7,.mobile-enemy-grid-container .grid-container .md\:w-9{width:.9rem!important;height:.9rem!important}.mobile-enemy-grid-container .grid-container .w-5.h-7,.mobile-enemy-grid-container .grid-container .sm\:w-6.sm\:h-9,.mobile-enemy-grid-container .grid-container .md\:w-8.md\:h-11{width:.9rem!important;height:1.2rem!important;font-size:.65rem!important}.mobile-enemy-grid-container .grid-container .w-7.h-5,.mobile-enemy-grid-container .grid-container .sm\:w-9.sm\:h-6,.mobile-enemy-grid-container .grid-container .md\:w-11.md\:h-8{width:1.2rem!important;height:.9rem!important;font-size:.65rem!important}.mobile-enemy-grid-container .grid-container{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-enemy-grid-container .grid-container .text-xl,.mobile-enemy-grid-container .grid-container .sm\:text-2xl,.mobile-enemy-grid-container .grid-container .md\:text-3xl{font-size:.75rem!important}@keyframes gridFlow{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}.grid-background{background-image:linear-gradient(rgba(30,64,175,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(30,64,175,.1) 1px,transparent 1px);background-size:40px 40px;animation:gridFlow 20s linear infinite;position:absolute;top:-40px;left:0;right:0;bottom:-40px;width:100%;height:calc(100% + 80px)}.star-field{background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:twinkle 5s ease-in-out infinite;position:absolute;top:0;right:0;bottom:0;left:0}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003}.custom-scrollbar::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#06b6d499}@tailwind base;@tailwind components;@tailwind utilities;.scrollbar-thin{scrollbar-width:thin}.scrollbar-track-gray-700::-webkit-scrollbar-track{background:#374151;border-radius:6px}.scrollbar-thumb-gray-500::-webkit-scrollbar-thumb{background:#6b7280;border-radius:6px}.scrollbar-thumb-gray-500::-webkit-scrollbar-thumb:hover{background:#4b5563}.scrollbar-thin::-webkit-scrollbar{height:6px}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgb(107 114 128) rgb(55 65 81)}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(to right,transparent 4%,rgba(255,255,255,.05) 25%,transparent 36%);background-size:400% 100%}@keyframes shrink{0%{width:100%}to{width:0%}}.no-double-tap-zoom{touch-action:manipulation}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none;width:0;height:0}.game-container{overflow:hidden}.game-container *{box-sizing:border-box}.btn-hover-lift{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.btn-hover-lift:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}