body{font-family:"Averia Serif Libre",sans-serif;background-color:#222;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.container{text-align:center}.cylinder{position:relative;width:220px;height:220px;margin:0 auto;border-radius:50%;background-color:#444;display:flex;justify-content:center;align-items:center}.cylinder-container{overflow:hidden}.chamber{width:40px;height:40px;border:3px solid #fff;border-radius:50%;background-color:#666;position:absolute}.shot{background-color:red}.chamber:nth-child(1){top:10px;left:50%;transform:translate(-50%,0)}.chamber:nth-child(2){top:50px;left:20px}.chamber:nth-child(3){top:50px;right:20px}.chamber:nth-child(4){bottom:50px;left:20px}.chamber:nth-child(5){bottom:50px;right:20px}.chamber:nth-child(6){bottom:10px;left:50%;transform:translate(-50%,0)}.cylinder.spin{animation:spin 3s cubic-bezier(.25,1,.05,1.2)}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1440deg)}}button{position:relative;height:50px;padding:0 30px;border:2px solid #d3a446;background:#222;user-select:none;white-space:nowrap;transition:all .05s linear;color:#d3a446;font-family:inherit}button:after,button:before{content:"";position:absolute;background:#222;transition:all .2s linear}button:before{width:calc(100% + 6px);height:calc(100% - 16px);top:8px;left:-3px}button:after{width:calc(100% - 16px);height:calc(100% + 6px);top:-3px;left:8px}button:hover{cursor:crosshair}button:active{transform:scale(.95)}button:hover:before{height:calc(100% - 32px);top:16px}button:hover:after{width:calc(100% - 32px);left:16px}button span{font-size:35px;z-index:3;position:relative;font-family:Rye,serif}.outer-ring{width:40px;height:40px;background-color:#222;border:2px solid #888;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.revolver-slot{position:absolute;background-color:#222;width:50px;height:50px;border-radius:100%}.revolver-slot.slot-one{top:-15px;right:20px}.revolver-slot.slot-two{top:-15px;left:20px;z-index:1}.revolver-slot.slot-three{left:-35px;top:50%;transform:translateY(-50%)}.revolver-slot.slot-four{left:20px;bottom:-15px}.revolver-slot.slot-five{right:20px;bottom:-15px}.revolver-slot.slot-six{right:-35px;top:50%;transform:translateY(-50%)}.card-container{display:flex;justify-content:center;margin-bottom:20px}.card{width:100px;height:140px;border:2px solid #fff;border-radius:10px;font-size:60px;font-family:Rye,serif;font-weight:700;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#222;opacity:.9;cursor:pointer;text-align:center;transition:transform 3s ease-in-out,opacity 1s,border-color .5s,box-shadow .5s,background-color .5s,color .5s}.card.selected{border-color:#d3a446;box-shadow:0 0 10px #d3a446;background-color:rgb(211 164 70 / 70%);color:#fff}.card.flip{transform:rotateY(360deg);opacity:1}.divider{border-top:2px solid #888;margin:30px 0;width:100%}footer{margin-top:3rem;z-index:2;padding:10px;position:relative}@media (max-width:480px){footer{margin-top:1.5rem}}footer a{border-bottom:1px solid #e25555;padding-bottom:.25em;text-decoration:none;color:#fff}footer a:hover{color:#e25555;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .3s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='%23e25555' stroke-width='2' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;background-size:20%;border-bottom:0;padding-bottom:.3em;text-decoration:none;border-color:#e25555}#blood-splatter-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;animation:blood-splatter 1s ease-out 2s;display:none;transform:translateZ(0);will-change:transform}.damage-warning{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;background:radial-gradient(transparent,rgba(255,0,0,.1));display:none}@keyframes damage-flash{0%{opacity:.8}50%{opacity:.6}100%{opacity:.8}}.damage-warning.flash{animation:damage-flash .5s infinite}@keyframes beating{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}100%{transform:scale(1);opacity:.8}}.beating{animation:beating .8s infinite;background:radial-gradient(transparent,rgba(255,0,0,.8))}.shot-info{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin:30px auto;max-width:220px}.death-chance,.shot-count{display:flex;align-items:center;justify-content:center}.death-chance img,.shot-count img{width:24px;height:24px;margin-right:8px;vertical-align:middle}.death-chance span,.shot-count span{font-size:18px;color:#fff;line-height:1}@media (max-width:600px){.death-chance img,.shot-count img{width:20px;height:20px}.death-chance span,.shot-count span{font-size:16px}}.death-chance span,.shot-count span{font-size:18px;color:#fff;display:inline-block;vertical-align:middle}