@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.grid-cell-mobile{width:24px;height:24px}.grid-cell-tablet{width:32px;height:32px}.grid-cell-desktop{width:40px;height:40px}.touch-target{min-width:44px;min-height:44px}.touch-target-lg{min-width:56px;min-height:56px}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-left{padding-left:env(safe-area-inset-left,0)}.safe-area-right{padding-right:env(safe-area-inset-right,0)}.safe-area-all{padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}@media (orientation: landscape) and (max-height: 500px){.landscape-compact{padding-top:.5rem;padding-bottom:.5rem}.landscape-hide{display:none}}@media (max-width: 639px){.mobile-stack{flex-direction:column}.mobile-full-width{width:100%;max-width:100%}.mobile-text-sm{font-size:.875rem}.mobile-text-xs{font-size:.75rem}.mobile-no-scroll{overflow-x:hidden;max-width:100vw}}@media (min-width: 640px) and (max-width: 1023px){.tablet-grid-2{grid-template-columns:repeat(2,1fr)}.tablet-sidebar{width:280px}}@media (min-width: 1024px){.desktop-grid-3{grid-template-columns:repeat(3,1fr)}.desktop-sidebar{width:320px}}.game-layout-mobile,.game-layout-tablet-portrait{display:flex;flex-direction:column;gap:1rem}.game-layout-tablet-landscape{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start}.game-layout-desktop{display:grid;grid-template-columns:280px 1fr 280px;gap:1.5rem;align-items:start}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.gpu-accelerated{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.focus-visible:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.contrast-border{border:2px solid currentColor}}