:root{--coin-diameter:250px;--coin-thickness:10px;--face-count:36;--face-deg:calc(360deg / var(--face-count));--face-width:calc(3.14159 * var(--coin-diameter) / var(--face-count));--face-shift:calc(var(--coin-diameter) / 2)}.container{perspective:1000px}.wrapper-coin-area{display:flex;justify-content:center;align-items:center;flex-direction:row}.wrapper-coin-area .col-history-heads,.wrapper-coin-area .col-history-tails{width:50px}.wrapper-coin-area .col-coin>.coin-outer-wrapper{transform:scale(.7)}@media screen and (min-width:640px){.wrapper-coin-area{flex-direction:row}.col-coin{padding:0 10%}.wrapper-coin-area .col-history-heads,.wrapper-coin-area .col-history-tails{width:100px}.wrapper-coin-area .col-coin>.coin-outer-wrapper{transform:none}}.statistics-panel{margin:2rem auto;max-width:500px;width:500px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #444;border-radius:8px;padding:1rem;box-shadow:0 4px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);position:relative;overflow:hidden}.statistics-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 4px);pointer-events:none}.statistics-grid{display:grid;grid-template-columns:33% 33% 33%;gap:1%;position:relative;z-index:1}.stat-column{text-align:center;padding:2%}.stat-title{font-size:min(2.5vw,.7rem);color:#888;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-title,.stat-value{font-family:Courier New,monospace;font-weight:700}.stat-value{font-size:min(4vw,1.5rem);color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3);margin-bottom:.125rem;letter-spacing:1px}.stat-percentage{font-family:Courier New,monospace;font-size:min(2vw,.65rem);color:#aaa;letter-spacing:.5px}.heads-color{color:#22c55e!important;text-shadow:0 0 10px rgba(34,197,94,.4)}.tails-color{color:#f97316!important;text-shadow:0 0 10px rgba(249,115,22,.4)}.stats-header{text-align:center;padding:2% 0 3%;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4%}.stats-title{font-family:Courier New,monospace;font-size:min(3.5vw,1rem);font-weight:700;color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px rgba(255,255,255,.5)}.stats-chart-container{display:flex;justify-content:center;align-items:center;margin:1rem 0;position:relative;z-index:1}.stats-chart{transform:scale(.6);transition:transform .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.stats-chart:hover{transform:scale(.65)}.stats-chart-full{transform:none;transition:transform .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.stats-chart-full:hover{transform:scale(1.05)}.stats-update-animation{animation:statsGlow .6s ease-in-out}.stat-value-animate{animation:valueUpdate .6s ease-in-out}@keyframes statsGlow{0%{box-shadow:0 0 20px rgba(255,255,255,.1)}50%{box-shadow:0 0 30px rgba(255,255,255,.3),0 0 40px rgba(34,197,94,.2)}to{box-shadow:0 0 20px rgba(255,255,255,.1)}}@keyframes valueUpdate{0%{transform:scale(1);color:inherit}50%{transform:scale(1.1);color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.6)}to{transform:scale(1);color:inherit}}@media screen and (max-width:640px){.statistics-panel{max-width:100%;width:100%;margin:2rem auto;padding:3%}.statistics-grid{display:grid;grid-template-columns:33% 33% 33%;gap:1%}.stat-column{padding:2%}.stat-title{font-size:min(3.5vw,.7rem);margin-bottom:.25rem}.stat-value{font-size:min(5.5vw,1.5rem)}.stat-percentage{font-size:min(3vw,.65rem)}.stats-header{padding:3% 0 4%;margin-bottom:5%}.stats-title{font-size:min(4.5vw,1rem);letter-spacing:1px}.stats-chart-container{margin:4% 0}.stats-chart{transform:scale(.5)}.stats-chart:hover{transform:scale(.55)}.stats-chart-full{transform:scale(.8)}.stats-chart-full:hover{transform:scale(.85)}}@media (prefers-color-scheme:light){.statistics-panel{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#dee2e6;color:#212529}.stat-title{color:#6c757d}.stat-value{color:#212529;text-shadow:0 0 10px rgba(0,0,0,.1)}.stat-percentage{color:#6c757d}}.coin{position:relative;width:var(--coin-diameter);height:var(--coin-diameter);transform-style:preserve-3d}.coin-inner-wrapper{height:calc(100% - 2px);width:calc(100% - 2px)}.face{position:absolute;width:var(--coin-diameter);height:var(--coin-diameter);backface-visibility:hidden;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.3),inset 0 0 20px rgba(0,0,0,.1),inset 0 0 40px rgba(255,255,255,.1)}.face,.face img{border-radius:50%}.face img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.face.front{z-index:2;transform:translateZ(calc(var(--coin-thickness) / 2))}.face.back{z-index:2;transform:rotateY(180deg) translateZ(calc(var(--coin-thickness) / 2))}.cylinder{width:var(--coin-diameter);height:var(--coin-thickness);transform:translate(-50%,-50%) rotateX(90deg);transform-style:preserve-3d}.cylinder,.cylinder-face{position:absolute;top:50%;left:50%}.cylinder-face{opacity:.9;height:100%;width:var(--face-width);transform-origin:center center;background:linear-gradient(90deg,#fa8416,#ffd700 3.36%,#daa520 20.59%,#a7560c 0,#fa8416 31.09%,#ffd700 47.06%,#000000 50.84%,#fa8416 54.62%,#daa520 79.41%,#a7560c 84.03%,#fa8416 86.13%,#ffd700 97.06%)}.cylinder-face:first-child{transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 0)) translateZ(var(--face-shift))}.cylinder-face:nth-child(2){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 1)) translateZ(var(--face-shift))}.cylinder-face:nth-child(3){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 2)) translateZ(var(--face-shift))}.cylinder-face:nth-child(4){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 3)) translateZ(var(--face-shift))}.cylinder-face:nth-child(5){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 4)) translateZ(var(--face-shift))}.cylinder-face:nth-child(6){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 5)) translateZ(var(--face-shift))}.cylinder-face:nth-child(7){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 6)) translateZ(var(--face-shift))}.cylinder-face:nth-child(8){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 7)) translateZ(var(--face-shift))}.cylinder-face:nth-child(9){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 8)) translateZ(var(--face-shift))}.cylinder-face:nth-child(10){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 9)) translateZ(var(--face-shift))}.cylinder-face:nth-child(11){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 10)) translateZ(var(--face-shift))}.cylinder-face:nth-child(12){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 11)) translateZ(var(--face-shift))}.cylinder-face:nth-child(13){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 12)) translateZ(var(--face-shift))}.cylinder-face:nth-child(14){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 13)) translateZ(var(--face-shift))}.cylinder-face:nth-child(15){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 14)) translateZ(var(--face-shift))}.cylinder-face:nth-child(16){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 15)) translateZ(var(--face-shift))}.cylinder-face:nth-child(17){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 16)) translateZ(var(--face-shift))}.cylinder-face:nth-child(18){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 17)) translateZ(var(--face-shift))}.cylinder-face:nth-child(19){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 18)) translateZ(var(--face-shift))}.cylinder-face:nth-child(20){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 19)) translateZ(var(--face-shift))}.cylinder-face:nth-child(21){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 20)) translateZ(var(--face-shift))}.cylinder-face:nth-child(22){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 21)) translateZ(var(--face-shift))}.cylinder-face:nth-child(23){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 22)) translateZ(var(--face-shift))}.cylinder-face:nth-child(24){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 23)) translateZ(var(--face-shift))}.cylinder-face:nth-child(25){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 24)) translateZ(var(--face-shift))}.cylinder-face:nth-child(26){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 25)) translateZ(var(--face-shift))}.cylinder-face:nth-child(27){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 26)) translateZ(var(--face-shift))}.cylinder-face:nth-child(28){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 27)) translateZ(var(--face-shift))}.cylinder-face:nth-child(29){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 28)) translateZ(var(--face-shift))}.cylinder-face:nth-child(30){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 29)) translateZ(var(--face-shift))}.cylinder-face:nth-child(31){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 30)) translateZ(var(--face-shift))}.cylinder-face:nth-child(32){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 31)) translateZ(var(--face-shift))}.cylinder-face:nth-child(33){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 32)) translateZ(var(--face-shift))}.cylinder-face:nth-child(34){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 33)) translateZ(var(--face-shift))}.cylinder-face:nth-child(35){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 34)) translateZ(var(--face-shift))}.cylinder-face:nth-child(36){transform:translate(-50%,-50%) rotateY(calc(var(--face-deg) * 35)) translateZ(var(--face-shift))}.history-list>:first-child{font-size:2em;font-weight:700;letter-spacing:.1em}@keyframes intensePop{0%{transform:scale(1) rotate(0deg);box-shadow:0 0 10px rgba(0,0,0,.3)}25%{transform:scale(1.2) rotate(-2deg);box-shadow:0 0 20px rgba(255,255,255,.5)}50%{transform:scale(1.3) rotate(2deg);box-shadow:0 0 30px rgba(255,255,255,.7)}75%{transform:scale(1.1) rotate(-1deg);box-shadow:0 0 15px rgba(255,255,255,.3)}to{transform:scale(1) rotate(0deg);box-shadow:0 0 10px rgba(0,0,0,.3)}}.animate-intense-pop{animation:intensePop 1s ease-out}.history-heads{background:linear-gradient(90deg,#22c55e,#16a34a)!important}.history-tails{background:linear-gradient(90deg,#f97316,#ea580c)!important}.history-heads.active{box-shadow:0 0 0 2px #86efac}.history-tails.active{box-shadow:0 0 0 2px #fed7aa}.coin-glow-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;z-index:10;overflow:hidden}.coin-glow-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:none}@keyframes diagonalGlowSwipe{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(100%) translateY(100%) rotate(45deg);opacity:0}}.coin-glow-swipe .coin-glow-overlay:before{animation:diagonalGlowSwipe 1.2s ease-out}.question-input{caret-color:currentColor;animation:blinkCursor 1s ease-in-out infinite alternate}.question-input:focus{animation:none;caret-color:#3b82f6}@keyframes blinkCursor{0%{border-bottom-opacity:.3}to{border-bottom-opacity:1}}@keyframes dotFlashing{0%{opacity:1;background-color:#f97316;transform:scale(1)}25%{background-color:#22c55e;transform:scale(1.3);opacity:.8}50%{opacity:.6;background-color:#f97316;transform:scale(1)}75%{background-color:#22c55e;transform:scale(1.3);opacity:.8}to{opacity:1;background-color:#f97316;transform:scale(1)}}.loading-dots{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:1.5rem}.loading-dots span{display:inline-block;width:13px;height:13px;border-radius:50%;background-color:#f97316;animation:dotFlashing 1.2s ease-in-out infinite;transition:background-color .3s ease}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.fireworks-container{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;overflow:visible}.fireworks-active{animation:fireworksShow 2.5s ease-out forwards}@keyframes fireworksShow{0%{opacity:1}70%{opacity:1}to{opacity:0}}.confetti{position:absolute;top:50%;left:50%;width:8px;height:8px;pointer-events:none;transform:translate(-50%,-50%)}.confetti.triangle{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid}.confetti.circle,.confetti.square{width:6px;height:6px}.confetti.circle{border-radius:50%}.confetti.line{width:12px;height:2px;border-radius:1px}.confetti.heads-white{background-color:#ffffff;border-bottom-color:#ffffff}.confetti.heads-yellow{background-color:#58eadb;border-bottom-color:#58eadb}.confetti.heads-blue{background-color:#b5ed0b;border-bottom-color:#dbfb0c}.confetti.heads-green{background-color:#22c55e;border-bottom-color:#22c55e}.confetti.tails-white{background-color:#ffffff;border-bottom-color:#ffffff}.confetti.tails-purple{background-color:#dc470d;border-bottom-color:#d62620}.confetti.tails-blue{background-color:#ede605;border-bottom-color:#ede605}.confetti.tails-orange{background-color:#f97316;border-bottom-color:#f97316}@keyframes explode-up{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-50%,-150px) rotate(180deg) scale(1);opacity:1}to{transform:translate(-50%,-300px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-up-right{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(60px,-120px) rotate(180deg) scale(1);opacity:1}to{transform:translate(200px,-250px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-right{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(120px,-50%) rotate(180deg) scale(1);opacity:1}to{transform:translate(330px,-30px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-down-right{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(60px,30px) rotate(180deg) scale(1);opacity:1}to{transform:translate(200px,120px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-down{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-50%,50px) rotate(180deg) scale(1);opacity:1}to{transform:translate(-50%,180px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-down-left{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-160px,30px) rotate(180deg) scale(1);opacity:1}to{transform:translate(-200px,120px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-left{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-220px,-50%) rotate(180deg) scale(1);opacity:1}to{transform:translate(-330px,-30px) rotate(1turn) scale(.3);opacity:0}}@keyframes explode-up-left{0%{transform:translate(-50%,-50%) rotate(0deg) scale(0);opacity:1}20%{transform:translate(-160px,-120px) rotate(180deg) scale(1);opacity:1}to{transform:translate(-200px,-250px) rotate(1turn) scale(.3);opacity:0}}.confetti.dir-up{animation:explode-up 2s ease-out forwards}.confetti.dir-up-right{animation:explode-up-right 2s ease-out forwards}.confetti.dir-right{animation:explode-right 2s ease-out forwards}.confetti.dir-down-right{animation:explode-down-right 2s ease-out forwards}.confetti.dir-down{animation:explode-down 2s ease-out forwards}.confetti.dir-down-left{animation:explode-down-left 2s ease-out forwards}.confetti.dir-left{animation:explode-left 2s ease-out forwards}.confetti.dir-up-left{animation:explode-up-left 2s ease-out forwards}.main-page-coin{padding-top:100px}.coin-flip-shadow{width:100%;height:20px;background:rgba(0,0,0,.35);bottom:-50px;border-radius:50%;z-index:-1;margin:10px auto 0;filter:blur(2px)}@keyframes spiner{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.intro-coin-container .coin-intro{background:#FFDE00;width:10em;height:10em;border-radius:50%;position:relative;transform-style:preserve-3d;animation:spiner 2s linear infinite}.intro-coin-container .coin-intro:before{background-color:#FF9900;position:absolute;border-radius:50%;content:"";height:10em;width:10em;transform:translateZ(-.75em)}.intro-coin-container .coin-intro:after{background-color:#FF9900;content:"";left:4.25em;position:absolute;height:10em;width:.75em;z-index:-10;transform:rotate(-90deg);transform-origin:100% 50%}.intro-coin-container .tails-emoji{background-color:#FF9900;transform:translateZ(-.005em)}.intro-coin-container .heads-emoji,.intro-coin-container .tails-emoji{position:absolute;border-radius:50%;content:"";height:10em;width:10em;border:1px solid #ff9900}.intro-coin-container .heads-emoji{background-color:#FFDE00;transform:translateZ(-.755em)}