*,*:before,*:after{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh}#root{min-height:100vh}.game-board{-webkit-user-select:none;user-select:none}.hex-grid{display:flex;flex-wrap:wrap;justify-content:center}.hex{cursor:pointer;transition:all .2s ease}.hex:hover{filter:brightness(1.1)}.hex.selected{filter:brightness(1.2)}.unit{transition:all .3s ease}.unit.fresh{filter:drop-shadow(0 0 4px rgba(0,255,0,.6))}.unit.spent{filter:grayscale(.5) opacity(.8)}.unit.suppressed{filter:sepia(1) hue-rotate(-30deg) saturate(3)}@keyframes roll{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(90deg) rotateY(90deg)}50%{transform:rotateX(180deg) rotateY(180deg)}75%{transform:rotateX(270deg) rotateY(270deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.dice{animation:roll .5s ease-out}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}