@import url(https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700;900&display=swap);:root{font-size:16px}body{background-image:linear-gradient(to right bottom,#d4af6e,#e4c99e,#dcbc86,#d4af6e,#cba256);color:#fff;font-family:Teko,Helvetica,sans-serif;margin:0;min-height:100vh;padding:0;width:100%}body:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000004d 0,#0000004d 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#0000004d 0,#00000008 4px);background-size:4px 4px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}h1{font-family:Unlock,Teko,Helvetica,sans-serif;font-size:4rem;letter-spacing:.4rem;line-height:.8;margin:2rem auto .2em;text-shadow:4px 4px 0 #000000e6}h1,h5{color:#fff;font-style:italic;font-weight:900;text-align:center;z-index:1000}h5{font-size:1.5rem;margin:0;text-shadow:2px 2px 0 #000000e6}h5 a{color:#fff;font-size:1.4rem;text-decoration:underline}h5 a:hover{color:#5799e6;transition:1s ease}.app-container{display:flex;flex-direction:column;height:100%;justify-items:center;padding-bottom:2rem;width:100%}.dices{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(2,18vh);grid-template-rows:repeat(2,18vh);margin:3em auto 0}.roll-dice{margin-top:30px}.rolldice__button{background:linear-gradient(135deg,#64b5f6,#42a5f5 50%,#1e88e5);border:none;border-radius:10px;box-shadow:6px 0 0 #1565c0,0 6px 0 #0d47a1,6px 6px 0 #0a2f52,0 0 0 2px #000,6px 0 0 2px #000,0 6px 0 2px #000,6px 6px 0 2px #000,8px 8px 15px #0006;color:#fff;cursor:pointer;display:block;font-family:Teko,Helvetica;font-size:2rem;font-weight:900;height:auto;letter-spacing:2px;margin:30px auto 0;padding:20px 50px;position:relative;text-align:center;text-decoration:none;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;transition:all .12s ease-out;width:auto}.rolldice__button:hover{box-shadow:8px 0 0 #1565c0,0 8px 0 #0d47a1,8px 8px 0 #0a2f52,0 0 0 2px #000,8px 0 0 2px #000,0 8px 0 2px #000,8px 8px 0 2px #000,10px 10px 18px #00000073;filter:brightness(1.1);transform:translate(-2px,-2px)}.rolldice__button:active{box-shadow:3px 0 0 #1565c0,0 3px 0 #0d47a1,3px 3px 0 #0a2f52,0 0 0 3px #000,3px 0 0 3px #000,0 3px 0 3px #000,3px 3px 0 3px #000,5px 5px 10px #00000059;filter:brightness(.95);transform:translate(3px,3px)}.rolldice__button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.6}.slogan{color:#fff;font-size:1.8rem;font-style:italic;margin-bottom:0;margin-top:20px;text-align:center;text-shadow:3px 3px 0 #000000e6;width:100%}.slogan strong{font-weight:900}.dice{background-image:linear-gradient(to right bottom,#e61422,#cb101e,#b10d1a,#970915,#7e0711);border-bottom:10px solid #99111d;border-left:0;border-radius:25px;border-right:16px solid #99111d;border-top:8px solid #e61422;color:#fff;transition:transform .7s}.dice--rolling{transform:rotateY(1turn)}.dice{background:linear-gradient(135deg,#e61422,#cb101e 50%,#b10d1a);border-radius:15px;box-shadow:6px 0 0 #970915,0 6px 0 #7e0711,6px 6px 0 #5a0408,0 0 0 2px #000,6px 0 0 2px #000,0 6px 0 2px #000,6px 6px 0 2px #000,8px 8px 15px #0006;cursor:pointer;display:flex;position:relative;transform-origin:center center;transition:transform .7s cubic-bezier(.68,-.55,.265,1.55)}.dice:hover{box-shadow:8px 0 0 #970915,0 8px 0 #7e0711,8px 8px 0 #5a0408,0 0 0 2px #000,8px 0 0 2px #000,0 8px 0 2px #000,8px 8px 0 2px #000,10px 10px 18px #00000073;filter:brightness(1.1);transform:translate(-2px,-2px)}.dice-face{color:#fff;display:flex;flex-direction:column;font-size:2.5rem;font-weight:900;margin:auto;text-align:center;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;z-index:1}.dice-face span{line-height:.8}.face--regular{font-size:1.5rem}.face--backside,.face--frontside,.face--nollie,.face--switch{font-size:2rem}.face--wild{height:100%;justify-content:center;position:relative;width:100%}.board,.face--wild{align-items:center;display:flex}.board{background:linear-gradient(135deg,#6d6d6d,#2e2e2e 50%,#5a5a5a);border-radius:50px;box-shadow:2px 0 0 #dcbc86,0 2px 0 #dcbc86,2px 2px 0 #dcbc86,0 0 0 1px #000,2px 0 0 1px #000,0 2px 0 1px #000,2px 2px 0 1px #000,3px 3px 6px #0006;height:35%;justify-content:space-between;padding:0 8%;position:absolute;transition:all .2s ease;width:80%}.board--top{transform:rotate(45deg);z-index:2}.board--bottom{transform:rotate(-45deg);z-index:1}.board-bolts{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:18px;width:18px}.board-bolts--left{margin-right:auto}.board-bolts--right{margin-left:auto}.board-bolt{background:linear-gradient(135deg,#fff,#e0e0e0);border-radius:50%;box-shadow:0 0 0 1px #000,1px 1px 0 #0000004d,inset -1px -1px 2px #0003,inset 1px 1px 2px #fff9;height:6px;position:relative;width:6px}.board-bolt:after{background:#000;border-radius:1px;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}@media screen and (max-width:767px){.board{height:30%;width:75%}.board-bolts{gap:3px;height:14px;width:14px}.board-bolt{height:5px;width:5px}.board-bolt:after{width:3px}}@media screen and (min-width:768px) and (max-width:991px){.board{height:32%;width:78%}.board-bolts{height:16px;width:16px}.board-bolt{height:5px;width:5px}}@media screen and (min-width:992px){.board{height:35%;width:80%}.board-bolts{gap:5px;height:20px;width:20px}.board-bolt{height:7px;width:7px}.board-bolt:after{width:5px}}.mode{align-items:center;display:flex;flex-direction:row;font-size:1.5em;gap:15px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1.5em}.mode__switch,.mode__switch-button{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.mode__switch{background:linear-gradient(180deg,#e8e8e8,#d0d0d0);border-radius:1.5em;box-shadow:0 4px 0 #a0a0a0,0 0 0 2px #000,0 4px 0 2px #000,0 6px 10px #0000004d,inset 0 2px 5px #00000026;cursor:pointer;height:1.5em;position:relative;width:3em}.mode__switch:hover{filter:brightness(1.05)}.mode__switch:active{box-shadow:0 2px 0 #a0a0a0,0 0 0 2px #000,0 2px 0 2px #000,0 4px 8px #00000040,inset 0 2px 5px #0003;transform:translateY(2px)}.mode__switch-button{background:linear-gradient(135deg,#ff4757,#e41422 50%,#c2111d);border-radius:50%;box-shadow:2px 2px 0 #0003,0 0 0 2px #000,inset -2px -2px 4px #0003,inset 2px 2px 4px #ffffff4d;height:calc(1.5em - 8px);margin:4px;position:relative;width:calc(1.5em - 8px)}.mode__switch-button:before{background:radial-gradient(circle at 40% 40%,#fffc 0,#0000 60%);border-radius:50%;content:"";height:8px;left:3px;position:absolute;top:3px;width:8px}.mode__switch--is-easy-mode{background:linear-gradient(180deg,#4caf50,#43a047 50%,#388e3c)}.mode__switch--is-easy-mode .mode__switch-button{background:linear-gradient(135deg,#fff,#f0f0f0);transform:translateX(calc(1.5em - 4px))}.mode__switch--is-easy-mode .mode__switch-button:before{background:radial-gradient(circle at 40% 40%,#ffffffe6 0,#c8c8c84d 60%)}.mode__label{color:#fff;font-size:1.1em;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000;text-transform:uppercase;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.mode{font-size:1.2em}.mode__label{font-size:1em}}
/*# sourceMappingURL=main.b805ef41.css.map*/