.oogie-dice{text-align:center}.oogie-dice-faces{display:flex;justify-content:center;align-items:center;gap:18px;perspective:650px;padding:8px}.oogie-die{--die-size:70px;display:block;position:relative;width:var(--die-size);height:var(--die-size);flex:0 0 var(--die-size);transform-style:preserve-3d}.oogie-cube{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--die-x)) rotateY(var(--die-y))}.oogie-cube-face{position:absolute;inset:0;display:block;background:#080707;border:0;border-radius:8%;box-sizing:border-box;backface-visibility:hidden;overflow:hidden}.oogie-cube-face img{display:block;position:absolute;max-width:none;max-height:none;width:var(--face-art-width);height:var(--face-art-height);left:var(--face-art-left);top:var(--face-art-top)}.oogie-face-1{transform:translateZ(calc(var(--die-size)/2))}.oogie-face-6{transform:rotateY(180deg) translateZ(calc(var(--die-size)/2))}.oogie-face-2{transform:rotateY(90deg) translateZ(calc(var(--die-size)/2)) rotateZ(45deg) scale(1.47)}.oogie-face-5{transform:rotateY(-90deg) translateZ(calc(var(--die-size)/2))}.oogie-face-3{transform:rotateX(90deg) translateZ(calc(var(--die-size)/2)) rotateZ(45deg) scale(1.47)}.oogie-face-4{transform:rotateX(-90deg) translateZ(calc(var(--die-size)/2))}.oogie-dice-result{display:block;font-size:14px;line-height:1.35;padding:6px 0}.oogie-dice>small{font-size:12px}.modal .oogie-dice,#box .oogie-dice{margin:12px auto 20px}.modal .oogie-die,#box .oogie-die{--die-size:86px}.modal .oogie-dice-result,#box .oogie-dice-result{font-size:18px}.oogie-tumble-a,.oogie-tumble-b{animation:oogie-bounce 1.1s ease-out}.oogie-tumble-a .oogie-cube,.oogie-tumble-b .oogie-cube{animation:oogie-cube-roll 1.1s cubic-bezier(.2,.65,.25,1)}.oogie-die[data-die="1"]{--roll-direction:-1}@keyframes oogie-bounce{0%{transform:translateY(-20px) translateX(calc(12px * var(--roll-direction,1)))}32%{transform:translateY(5px)}56%{transform:translateY(-10px)}76%{transform:translateY(3px)}90%{transform:translateY(-3px)}100%{transform:translate(0,0)}}@keyframes oogie-cube-roll{0%{transform:rotateX(calc(var(--die-x) + 630deg)) rotateY(calc(var(--die-y) + 540deg)) rotateZ(calc(65deg * var(--roll-direction,1)))}70%{transform:rotateX(calc(var(--die-x) + 25deg)) rotateY(calc(var(--die-y) + 35deg)) rotateZ(-8deg)}100%{transform:rotateX(var(--die-x)) rotateY(var(--die-y))}}@media(prefers-reduced-motion:reduce){.oogie-tumble-a,.oogie-tumble-b,.oogie-tumble-a .oogie-cube,.oogie-tumble-b .oogie-cube{animation:none}}.oogie-dice:not([data-dice-ready]) .oogie-tumble-a,.oogie-dice:not([data-dice-ready]) .oogie-tumble-b,.oogie-dice:not([data-dice-ready]) .oogie-cube{animation-play-state:paused}.oogie-face-1{--face-art-width:162.34283%;--face-art-height:161.06955%;--face-art-left:-32.92217%;--face-art-top:-30.37562%}.oogie-face-2{--face-art-width:134.23106%;--face-art-height:134.23106%;--face-art-left:-17.00849%;--face-art-top:-11.06764%}.oogie-face-3{--face-art-width:132.91220%;--face-art-height:132.91220%;--face-art-left:-16.08513%;--face-art-top:-10.52063%}.oogie-face-4{--face-art-width:157.70411%;--face-art-height:157.70411%;--face-art-left:-28.85205%;--face-art-top:-24.89059%}.oogie-face-5{--face-art-width:149.01784%;--face-art-height:149.01784%;--face-art-left:-24.56834%;--face-art-top:-18.98314%}.oogie-face-6{--face-art-width:150.12031%;--face-art-height:150.12031%;--face-art-left:-25.06016%;--face-art-top:-20.21177%}.oogie-face-2{background:transparent;clip-path:polygon(48.715% 1.456%,45.397% 2.741%,43.685% 4.025%,42.293% 5.310%,41.008% 6.594%,39.724% 7.879%,38.439% 9.163%,37.262% 10.448%,36.084% 11.732%,34.800% 13.017%,33.623% 14.301%,32.338% 15.586%,31.161% 16.870%,29.876% 18.155%,28.699% 19.439%,27.414% 20.724%,26.237% 22.008%,24.952% 23.293%,23.668% 24.577%,22.490% 25.862%,21.206% 27.146%,20.028% 28.431%,18.744% 29.715%,17.459% 31.000%,16.282% 32.284%,14.997% 33.569%,13.820% 34.854%,12.535% 36.138%,11.358% 37.423%,10.180% 38.707%,8.896% 39.992%,7.718% 41.276%,6.541% 42.561%,5.363% 43.845%,4.293% 45.130%,3.437% 46.414%,2.794% 47.699%,2.473% 48.983%,2.366% 50.268%,2.473% 51.552%,2.901% 52.837%,3.651% 54.121%,4.614% 55.406%,5.684% 56.690%,6.755% 57.975%,7.932% 59.259%,9.110% 60.544%,10.287% 61.828%,11.465% 63.113%,12.642% 64.397%,13.820% 65.682%,15.104% 66.966%,16.282% 68.251%,17.566% 69.535%,18.744% 70.820%,20.028% 72.104%,21.206% 73.389%,22.490% 74.673%,23.668% 75.958%,24.952% 77.242%,26.237% 78.527%,27.521% 79.811%,28.806% 81.096%,30.090% 82.380%,31.375% 83.665%,32.766% 84.949%,34.051% 86.234%,35.335% 87.518%,36.620% 88.803%,37.904% 90.087%,39.296% 91.372%,40.687% 92.656%,42.079% 93.941%,43.577% 95.225%,45.076% 96.510%,47.003% 97.794%,48.715% 98.437%,51.392% 98.437%,52.997% 97.794%,54.924% 96.510%,56.423% 95.225%,57.814% 93.941%,59.206% 92.656%,60.490% 91.372%,61.882% 90.087%,63.166% 88.803%,64.451% 87.518%,65.842% 86.234%,67.127% 84.949%,68.411% 83.665%,69.589% 82.380%,70.873% 81.096%,72.158% 79.811%,73.442% 78.527%,74.727% 77.242%,75.904% 75.958%,77.189% 74.673%,78.366% 73.389%,79.651% 72.104%,80.935% 70.820%,82.113% 69.535%,83.397% 68.251%,84.575% 66.966%,85.752% 65.682%,87.037% 64.397%,88.214% 63.113%,89.392% 61.828%,90.569% 60.544%,91.854% 59.259%,93.031% 57.975%,94.208% 56.690%,95.279% 55.406%,96.242% 54.121%,96.992% 52.837%,97.420% 51.552%,97.634% 50.268%,97.634% 48.983%,97.313% 47.699%,96.670% 46.414%,95.814% 45.130%,94.744% 43.845%,93.673% 42.561%,92.496% 41.276%,91.318% 39.992%,90.141% 38.707%,88.963% 37.423%,87.679% 36.138%,86.501% 34.854%,85.217% 33.569%,84.039% 32.284%,82.755% 31.000%,81.470% 29.715%,80.293% 28.431%,79.008% 27.146%,77.724% 25.862%,76.439% 24.577%,75.155% 23.293%,73.977% 22.008%,72.693% 20.724%,71.408% 19.439%,70.231% 18.155%,68.946% 16.870%,67.662% 15.586%,66.485% 14.301%,65.307% 13.017%,64.023% 11.732%,62.845% 10.448%,61.561% 9.163%,60.276% 7.879%,58.992% 6.594%,57.600% 5.310%,56.101% 4.025%,54.282% 2.741%,50.642% 1.456%)}.oogie-face-3{background:transparent;clip-path:polygon(49.629% 1.456%,46.767% 2.728%,45.177% 4.000%,43.800% 5.272%,42.528% 6.544%,41.150% 7.816%,39.878% 9.088%,38.500% 10.360%,37.228% 11.631%,35.956% 12.903%,34.684% 14.175%,33.306% 15.447%,32.035% 16.719%,30.763% 17.991%,29.491% 19.263%,28.219% 20.535%,26.947% 21.807%,25.675% 23.078%,24.403% 24.350%,23.131% 25.622%,21.859% 26.894%,20.694% 28.166%,19.528% 29.438%,18.256% 30.710%,16.984% 31.982%,15.712% 33.253%,14.440% 34.525%,13.274% 35.797%,12.002% 37.069%,10.624% 38.341%,9.353% 39.613%,8.081% 40.885%,6.915% 42.157%,5.749% 43.429%,4.583% 44.700%,3.523% 45.972%,2.675% 47.244%,2.251% 48.516%,2.039% 49.788%,2.145% 51.060%,2.569% 52.332%,3.417% 53.604%,4.477% 54.876%,5.643% 56.147%,6.809% 57.419%,8.081% 58.691%,9.247% 59.963%,10.413% 61.235%,11.684% 62.507%,12.850% 63.779%,14.122% 65.051%,15.288% 66.323%,16.666% 67.594%,17.938% 68.866%,19.104% 70.138%,20.376% 71.410%,21.436% 72.682%,22.813% 73.954%,24.085% 75.226%,25.357% 76.498%,26.523% 77.770%,27.795% 79.041%,28.961% 80.313%,30.233% 81.585%,31.505% 82.857%,32.777% 84.129%,34.048% 85.401%,35.320% 86.673%,36.592% 87.945%,37.864% 89.217%,39.136% 90.488%,40.408% 91.760%,41.786% 93.032%,43.058% 94.304%,44.435% 95.576%,45.813% 96.848%,47.933% 98.120%,49.629% 98.438%,50.159% 98.438%,51.749% 98.120%,53.869% 96.848%,55.353% 95.576%,56.624% 94.304%,58.002% 93.032%,59.274% 91.760%,60.546% 90.488%,61.924% 89.217%,63.196% 87.945%,64.468% 86.673%,65.740% 85.401%,67.011% 84.129%,68.283% 82.857%,69.555% 81.585%,70.827% 80.313%,72.099% 79.041%,73.371% 77.770%,74.643% 76.498%,75.915% 75.226%,77.187% 73.954%,78.458% 72.682%,79.730% 71.410%,81.108% 70.138%,82.274% 68.866%,83.546% 67.594%,84.818% 66.323%,86.090% 65.051%,87.362% 63.779%,88.528% 62.507%,89.799% 61.235%,91.071% 59.963%,92.343% 58.691%,93.615% 57.419%,94.781% 56.147%,95.947% 54.876%,96.901% 53.604%,97.537% 52.332%,97.961% 51.060%,97.961% 49.788%,97.749% 48.516%,97.113% 47.244%,96.265% 45.972%,95.205% 44.700%,93.933% 43.429%,92.767% 42.157%,91.601% 40.885%,90.435% 39.613%,89.270% 38.341%,87.998% 37.069%,86.832% 35.797%,85.560% 34.525%,84.394% 33.253%,83.228% 31.982%,81.956% 30.710%,80.790% 29.438%,79.518% 28.166%,78.352% 26.894%,77.081% 25.622%,75.915% 24.350%,74.643% 23.078%,73.477% 21.807%,72.205% 20.535%,71.039% 19.263%,69.873% 17.991%,68.601% 16.719%,67.435% 15.447%,66.164% 14.175%,64.998% 12.903%,63.832% 11.631%,62.560% 10.360%,61.394% 9.088%,60.122% 7.816%,58.850% 6.544%,57.472% 5.272%,56.200% 4.000%,54.611% 2.728%,51.643% 1.456%)}
