body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,#923cb5 0,#000d1a 100%);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}.App{margin:0 auto;width:75%}*{border:0;box-sizing:border-box;margin:0;outline:0;padding:0}.game{background-color:azure;box-shadow:0 0 12px 6px #f5f5f5;display:flex;flex-wrap:wrap;float:left;height:95vh;margin:20px auto;position:relative;width:95vh}.green{background-color:#66bb6a}.red{background-color:#e53935;border:none}.yellow{background-color:#fff176;border:none}.blue{background-color:#29b6f6;border:none}.house{display:inline-block;height:40%;padding:7%;position:absolute;width:40%}.box{background-color:#fff;height:100%;padding:20%;position:relative;width:100%}.square{height:25%;position:absolute;width:25%}.square-one{left:20%;top:20%}.square-two{right:20%;top:20%}.square-three{bottom:20%;left:20%}.square-four{bottom:20%;right:20%}.home{border-color:#fff176 #29b6f6 #e53935 #66bb6a;border-style:solid;border-width:20px;height:20%;left:40%;top:40%;width:20%}.cells,.home{position:absolute}.cells{border:1px solid #e5e5e569;border-collapse:collapse;height:6.66%;width:6.66%}.safe{background-color:#99999938;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.g-start{background-color:#66bb6a}.g-start,.y-start{-webkit-clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%)}.y-start{background-color:#fff176}.r-start{background-color:#e53935}.b-start,.r-start{-webkit-clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%);clip-path:polygon(20% 0,0 20%,30% 50%,0 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0,50% 30%)}.b-start{background-color:#29b6f6}.circle{border-radius:100%;display:block;float:left;margin:0}.dice{grid-gap:2rem;align-items:center;display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-template-rows:auto;justify-items:center;padding:2rem;-webkit-perspective:400px;perspective:400px}.die-list{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:8rem;list-style-type:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:8rem}.even-roll{transition:-webkit-transform 1.5s ease-out;transition:transform 1.5s ease-out;transition:transform 1.5s ease-out,-webkit-transform 1.5s ease-out}.odd-roll{transition:-webkit-transform 1.25s ease-out;transition:transform 1.25s ease-out;transition:transform 1.25s ease-out,-webkit-transform 1.25s ease-out}.die-item{background-color:#fefefe;box-shadow:inset -.35rem .35rem .75rem rgba(0,0,0,.3),inset .5rem -.25rem .5rem rgba(0,0,0,.15);display:grid;grid-column:1;grid-row:1;grid-template-areas:"one two three" "four five six" "seven eight nine";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:1rem;width:100%}.dot{align-self:center;background-color:#676767;border-radius:50%;box-shadow:inset -.15rem .15rem .25rem rgba(0,0,0,.5);display:block;height:1.25rem;justify-self:center;width:1.25rem}.even-roll[data-roll="1"]{-webkit-transform:rotateX(1turn) rotateY(2turn) rotate(1turn);transform:rotateX(1turn) rotateY(2turn) rotate(1turn)}.even-roll[data-roll="2"]{-webkit-transform:rotateX(450deg) rotateY(2turn) rotate(1turn);transform:rotateX(450deg) rotateY(2turn) rotate(1turn)}.even-roll[data-roll="3"]{-webkit-transform:rotateX(1turn) rotateY(630deg) rotate(1turn);transform:rotateX(1turn) rotateY(630deg) rotate(1turn)}.even-roll[data-roll="4"]{-webkit-transform:rotateX(1turn) rotateY(810deg) rotate(1turn);transform:rotateX(1turn) rotateY(810deg) rotate(1turn)}.even-roll[data-roll="5"]{-webkit-transform:rotateX(270deg) rotateY(2turn) rotate(1turn);transform:rotateX(270deg) rotateY(2turn) rotate(1turn)}.even-roll[data-roll="6"]{-webkit-transform:rotateX(1turn) rotateY(900deg) rotate(1turn);transform:rotateX(1turn) rotateY(900deg) rotate(1turn)}.odd-roll[data-roll="1"]{-webkit-transform:rotateX(-1turn) rotateY(-2turn) rotate(-1turn);transform:rotateX(-1turn) rotateY(-2turn) rotate(-1turn)}.odd-roll[data-roll="2"]{-webkit-transform:rotateX(-270deg) rotateY(-2turn) rotate(-1turn);transform:rotateX(-270deg) rotateY(-2turn) rotate(-1turn)}.odd-roll[data-roll="3"]{-webkit-transform:rotateX(-1turn) rotateY(-810deg) rotate(-1turn);transform:rotateX(-1turn) rotateY(-810deg) rotate(-1turn)}.odd-roll[data-roll="4"]{-webkit-transform:rotateX(-1turn) rotateY(-630deg) rotate(-1turn);transform:rotateX(-1turn) rotateY(-630deg) rotate(-1turn)}.odd-roll[data-roll="5"]{-webkit-transform:rotateX(-450deg) rotateY(-2turn) rotate(-1turn);transform:rotateX(-450deg) rotateY(-2turn) rotate(-1turn)}.odd-roll[data-roll="6"]{-webkit-transform:rotateX(-1turn) rotateY(-900deg) rotate(-1turn);transform:rotateX(-1turn) rotateY(-900deg) rotate(-1turn)}[data-side="1"]{-webkit-transform:rotate3d(0,0,0,90deg) translateZ(4rem);transform:rotate3d(0,0,0,90deg) translateZ(4rem)}[data-side="2"]{-webkit-transform:rotate3d(-1,0,0,90deg) translateZ(4rem);transform:rotate3d(-1,0,0,90deg) translateZ(4rem)}[data-side="3"]{-webkit-transform:rotateY(90deg) translateZ(4rem);transform:rotateY(90deg) translateZ(4rem)}[data-side="4"]{-webkit-transform:rotate3d(0,-1,0,90deg) translateZ(4rem);transform:rotate3d(0,-1,0,90deg) translateZ(4rem)}[data-side="5"]{-webkit-transform:rotateX(90deg) translateZ(4rem);transform:rotateX(90deg) translateZ(4rem)}[data-side="6"]{-webkit-transform:rotateX(180deg) translateZ(4rem);transform:rotateX(180deg) translateZ(4rem)}[data-side="1"] .dot:first-of-type{grid-area:five}[data-side="2"] .dot:first-of-type{grid-area:one}[data-side="2"] .dot:nth-of-type(2){grid-area:nine}[data-side="3"] .dot:first-of-type{grid-area:one}[data-side="3"] .dot:nth-of-type(2){grid-area:five}[data-side="3"] .dot:nth-of-type(3){grid-area:nine}[data-side="4"] .dot:first-of-type{grid-area:one}[data-side="4"] .dot:nth-of-type(2){grid-area:three}[data-side="4"] .dot:nth-of-type(3){grid-area:seven}[data-side="4"] .dot:nth-of-type(4){grid-area:nine}[data-side="5"] .dot:first-of-type{grid-area:one}[data-side="5"] .dot:nth-of-type(2){grid-area:three}[data-side="5"] .dot:nth-of-type(3){grid-area:five}[data-side="5"] .dot:nth-of-type(4){grid-area:seven}[data-side="5"] .dot:nth-of-type(5){grid-area:nine}[data-side="6"] .dot:first-of-type{grid-area:one}[data-side="6"] .dot:nth-of-type(2){grid-area:three}[data-side="6"] .dot:nth-of-type(3){grid-area:four}[data-side="6"] .dot:nth-of-type(4){grid-area:six}[data-side="6"] .dot:nth-of-type(5){grid-area:seven}[data-side="6"] .dot:nth-of-type(6){grid-area:nine}table{background-color:#0004}thead tr:first-of-type{color:#00ced1}tbody tr:first-of-type{color:#66bb6a}tbody tr:nth-of-type(2){color:#fff176}tbody tr:nth-of-type(3){color:#29b6f6}tbody tr:nth-of-type(4){color:#e53935}.panel-bottom,.panel-top{padding:5rem 0;text-align:center}td,th{border:2px solid #fff;border-collapse:collapse;font-size:30px;padding:1rem}.glow{box-shadow:0 0 6px 4px #ff4500;cursor:pointer}.glow:hover{box-shadow:0 0 10px 7px #ff4500}
/*# sourceMappingURL=main.a591c67d.css.map*/