*{box-sizing:border-box}:root{--clr-text-primary-low:#402020;--clr-text-primary:#603030;--clr-text-primary-high:#802020;--clr-link:#204060;--clr-link-hover:#004080;--clr-bkg-primary:#f0d8c0;--clr-bkg-primary-high:#c0a080;--clr-bkg-secondary:#d8f0c0;--clr-bkg-secondary-high:#a0c080;--clr-bkg-tertiary:#c0f0d8;--clr-bkg-tertiary-high:#80c0a0;--clr-shadow:rgba(96,48,48,.65);--clr-shadow-at50:rgba(96,48,48,.25);--clr-player-1:#f050a0;--clr-player-2:#50a0f0}a,a:visited{color:#204060;color:var(--clr-link);text-decoration:none}a:active,a:hover{color:#004080;color:var(--clr-link-hover);text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-webkit-keyframes Breathe{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes Breathe{0%{opacity:0}50%{opacity:1}to{opacity:0}}.App{align-items:stretch;background-image:linear-gradient(0deg,var(--clr-bkg-primary-high),var(--clr-bkg-primary));color:var(--clr-text-primary);min-height:100vh;overflow:hidden;width:100vw}.App,.GameContainer{display:flex;flex-direction:column}.GameContainer{align-items:center;flex-grow:1;justify-content:center;width:100%}.BoardAndTokenContainer{position:relative}.BoardContainer,.StatePanelContainer{-webkit-perspective:64vw;perspective:64vw}.BoardContainer,.EmptySide{height:100%;width:100%}.EmptySide{background-color:var(--clr-text-primary-low)}.EmptySide.Bottom{box-shadow:0 2vw 4vw var(--clr-shadow)}.StatePanelContainer{height:60px;width:400px}.StatePanelContainer .StatePanel{align-items:center;background-color:var(--clr-text-primary);color:var(--clr-bkg-primary);display:flex;flex-direction:row;font-size:20px;font-weight:700;height:100%;justify-content:flex-start;padding:0 10px;width:100%}.StatePanelContainer .StatePanel .Button{-webkit-appearance:none;appearance:none;background:linear-gradient(var(--clr-bkg-primary),var(--clr-bkg-primary-high));border:2px solid var(--clr-text-primary);border-radius:10px;color:var(--clr-text-primary);cursor:pointer;font-size:16px;font-weight:700;margin:0;padding:10px 20px;transition:all .25s}.StatePanelContainer .StatePanel .Button:hover{box-shadow:0 0 20px var(--clr-bkg-primary);-webkit-filter:brightness(125%);filter:brightness(125%)}.StatePanelContainer .StatePanel .Label{padding:0 10px}.StatePanelContainer .StatePanel .Label.Player{flex-grow:1;text-align:start;text-transform:uppercase}.Board{flex-direction:column;height:100%}.Board,.BoardRow{display:flex;width:100%}.BoardRow{flex-direction:row}.BoardTile{align-items:center;border:1px solid var(--clr-text-primary);color:var(--clr-text-primary);display:flex;height:100%;justify-content:center;position:relative;transition:all .25s;width:100%}.BoardTile .ActiveMarker{-webkit-animation:Breathe 1s linear infinite both;animation:Breathe 1s linear infinite both;bottom:0;left:0;position:absolute;right:0;top:0}.BoardTile.Active:hover{cursor:pointer;-webkit-filter:saturate(250%);filter:saturate(250%)}.BoardTile .Icon{align-items:center;display:flex;height:50%;justify-content:center;width:50%}.BoardTile.empty,.BoardTile.entry,.BoardTile.exit{background-color:var(--clr-bkg-primary-high);color:var(--clr-bkg-primary)}.BoardTile.empty{pointer-events:none}.BoardTile.default{background-color:var(--clr-bkg-secondary);color:var(--clr-bkg-secondary-high)}.BoardTile.re-roll{background-color:var(--clr-bkg-tertiary-high);color:var(--clr-bkg-tertiary)}.PlayerToken{pointer-events:none;position:absolute;transition:all .25s}.PlayerToken.Player1{color:var(--clr-player-1)}.PlayerToken.Player1.Active{-webkit-filter:brightness(250%) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1));filter:brightness(250%) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1)) drop-shadow(0 0 3px var(--clr-player-1))}.PlayerToken.Player2{color:var(--clr-player-2)}.PlayerToken.Player2.Active{-webkit-filter:brightness(250%) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2));filter:brightness(250%) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2)) drop-shadow(0 0 3px var(--clr-player-2))}.Box{height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:100%}.Box .BoxFace{color:#fff;font-size:20px;font-weight:700;position:absolute;text-align:center}.TopBar{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;min-height:60px;width:100%}.TopBar .Logo{align-items:center;background-color:var(--clr-text-primary);color:var(--clr-bkg-primary);font-size:40px;font-weight:700;line-height:60px;padding:0 20px}.TopBar .Info,.TopBar .Logo{display:flex;flex-direction:column;justify-content:center}.TopBar .Info{background-image:linear-gradient(to right,var(--clr-shadow-at50),transparent 66%);color:var(--clr-text-primary);font-weight:600;padding:10px 20px}
/*# sourceMappingURL=main.983ce907.css.map*/