@import url(https://fonts.googleapis.com/css2?family=Edu+SA+Beginner:wght@400;500&family=Poppins:wght@300;400;600&display=swap);:root{--score-bg-color:#faf9da;--score-shadow-color:#efa55e;--poppins:"Poppins",sans-serif;--handwriting:"Edu SA Beginner",cursive;--scoresheet-border:#555;--pen-blue:#0f72ff}*{box-sizing:border-box}body{margin:0;padding:10px 10px 20px}p{margin:0}.hidden{display:none!important}.wrap{width:480px;max-width:100%;margin:0 auto}header{display:flex;justify-content:space-between}header .logo-area{width:33.333%;flex:0 0 33.333%;padding-bottom:8px;max-width:160px;display:flex;justify-content:center;align-items:center;position:relative}header .yahtzee-logo{width:90%;flex:0 0 90%}header .yahtzee-logo.active .y-letter{animation:blink .8s linear 0s infinite forwards}header .yahtzee-logo.active .a-letter{animation:blink .8s linear .114s infinite forwards}header .yahtzee-logo.active .h-letter{animation:blink .8s linear .228s infinite forwards}header .yahtzee-logo.active .t-letter{animation:blink .8s linear .342s infinite forwards}header .yahtzee-logo.active .z-letter{animation:blink .8s linear .457s infinite forwards}header .yahtzee-logo.active .e-letter{animation:blink .8s linear .571s infinite forwards}header .yahtzee-logo.active .e-letter-2{animation:blink .8s linear .685s infinite forwards}@keyframes blink{0%{opacity:1}14.3%{opacity:1}14.31%{opacity:0}28.6%{opacity:0}28.61%{opacity:1}100%{opacity:1}}header #joker-text{font-family:var(--handwriting);color:var(--pen-blue);font-size:17px;line-height:21px;font-weight:600;text-transform:uppercase;transform:rotate(-12deg);position:absolute;right:0;bottom:4px}header .score-area{display:flex;gap:5px;align-items:center;height:20px;font-family:Poppins;text-transform:uppercase;font-size:13px;line-height:20px;font-weight:600;justify-content:flex-end}header .score-area .score-flex{display:flex;align-items:center;gap:5px;margin-top:1px}header .score-area #current-score{font-size:32px;letter-spacing:.5px;margin-top:-4px;color:var(--pen-blue);font-family:var(--handwriting)}header .score-area .score-flex{font-size:20px;gap:8px}header .score-area{display:flex;align-items:center;height:auto}header .rules-trigger{cursor:pointer;width:40px;height:40px;flex:0 0 40px;border:0;background:0 0;display:flex;justify-content:center;align-items:center;margin:-10px -9px 0 0}header .rules-trigger span{width:22px;height:22px;flex:0 0 22px;border:2px solid #222;border-radius:50%;background:0 0;font-weight:600;font-size:14px;color:#222;display:flex;justify-content:center;align-items:center;font-family:var(--poppins);padding-left:1px}main .scores{width:100%;margin:0 auto 10px}main .scores .yahtzee-score-wrap{display:flex;justify-content:space-between;align-items:flex-end}main .scores .yahtzee-scores{width:calc(33.332% + 1px);border:0}main .scores .yahtzee-scores th{width:100%;height:100%;flex:0 0 100%;display:flex;justify-content:center;align-items:center;padding:8px 5px 5px 5px;border:0}main .scores .yahtzee-scores td{width:100%;flex:0 0 100%;height:5px;display:flex;justify-content:center;align-items:center;padding:5px;position:relative}main .scores .yahtzee-scores .final-scores{height:40px;font-size:30px;font-family:var(--handwriting);padding-top:1px;border:2px solid var(--scoresheet-border);border-bottom:0;color:var(--pen-blue)}main .scores .yahtzee-scores #final-score-yahtzee{display:flex;align-items:center}main .scores .yahtzee-scores .emoji{font-size:24px;padding-top:3px;margin-left:4px}main .scores .yahtzee-scores #yahtzee-bonus{font-size:19px;padding-left:5px;overflow-x:hidden;text-overflow:ellipsis;max-width:calc(100% - 32px)}main .scores .yahtzee-scores .choose-score-row,main .scores .yahtzee-scores .choose-score-row td{border:0;padding:0;height:0}main .scores .top-scores{font-family:var(--poppins);text-transform:uppercase;font-weight:600;font-size:15px;line-height:16px;padding-right:0;align-self:flex-end;padding-left:5px;padding-bottom:2px;gap:6px;display:flex;justify-content:space-between;align-items:flex-end;width:calc(66.668% - 1px)}@media screen and (max-width:374px){main .scores .top-scores{font-size:13px}}main .scores .top-scores .top-scores-right{text-align:right;margin-top:-6px;width:100%}main .scores .top-scores #current-top,main .scores .top-scores #top-bonus{font-family:var(--handwriting);color:var(--pen-blue);font-size:22px;line-height:21px;font-weight:600}main .scores .top-scores #current-top{font-size:25px;margin-left:1px;transform:translateY(1px);display:inline-block}main .scores .top-scores #top-bonus{font-family:var(--handwriting);color:var(--pen-blue);font-size:17px;line-height:21px;display:inline-block;transform:rotate(-12deg)}main .scores .upper-scores{width:100%;border:1px solid var(--scoresheet-border);border-bottom:0}main .scores .upper-scores tr{display:flex}main .scores .upper-scores th{width:16.666%;height:16.666%;flex:0 0 16.666%;display:flex;justify-content:center;align-items:center;padding:8px 5px 5px 5px;border:1px solid var(--scoresheet-border)}main .scores .upper-scores td{width:16.666%;flex:0 0 16.666%;height:5px;display:flex;justify-content:center;align-items:center;padding:5px;position:relative}main .scores .upper-scores-die{width:40px;height:40px;border:1px solid #222;border-radius:6px;background-color:var(--score-bg-color);display:flex;justify-content:center;align-items:center;box-shadow:5px -3px 0 0 #efa55e}@media screen and (max-width:374px){main .scores .upper-scores-die{width:32px;height:32px}}main .scores .upper-scores-die svg{width:90%;height:90%;flex:0 0 90%}main .scores .lower-scores{width:100%;border:1px solid var(--scoresheet-border);border-top:0}main .scores .lower-scores tr{display:flex}main .scores .lower-scores th{font-family:var(--poppins);text-transform:uppercase;width:16.666%;flex:0 0 16.666%;display:flex;justify-content:center;align-items:center;padding:8px 5px 5px 5px;border:1px solid var(--scoresheet-border)}main .scores .lower-scores td{width:16.666%;flex:0 0 16.666%;height:5px;display:flex;justify-content:center;align-items:center;padding:5px;position:relative}main .scores .lower-scores .lower-scores-wrap{display:flex;justify-content:center;align-items:center;width:100%;height:100%}main .scores .lower-scores .lower-scores-die{width:40px;height:40px;border:1px solid #222;border-radius:6px;background-color:var(--score-bg-color);padding:1px;font-size:16px;line-height:16px;position:relative;box-shadow:5px -3px 0 0 #efa55e}@media screen and (max-width:374px){main .scores .lower-scores .lower-scores-die{width:32px;height:32px}}main .scores .lower-scores .lower-scores-die img{width:100%;height:100%;flex:0 0 100%}main .scores .lower-scores .lower-scores-die--yahtzee{padding:5px;max-width:100%}main .scores .lower-scores .lower-scores-die--yahtzee svg{width:92%;height:100%}@media screen and (min-width:550px){main .scores .lower-scores .lower-scores-die--yahtzee{width:100%;height:50px}}main .scores .lower-scores .final-scores,main .scores .upper-scores .final-scores{height:40px;font-size:30px;font-family:var(--handwriting);padding-top:1px;color:var(--pen-blue)}main .scores .lower-scores .choose-score-row,main .scores .upper-scores .choose-score-row{height:0}main .scores table{border-collapse:collapse}main .scores td{border:1px solid var(--scoresheet-border);width:40px;font-size:8px;padding:5px}main .scores .score-possible{font-style:italic}main .scores .choose-score{display:none;background-color:tomato;border:0;color:#fff;font-family:var(--poppins);border-radius:50%;width:30px;height:30px;font-size:16px;font-weight:600;position:absolute;top:-36px;z-index:1;cursor:pointer;padding:0}main .scores .choose-score::before{content:"";position:absolute;top:-8px;left:5px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid tomato;z-index:-1}main .scores .choose-score.already-chosen{display:none!important}main .scores .choose-score-row td{border:0}main .straight-wrap{width:100%;position:relative}main .straight{border:1px solid var(--scoresheet-border);border-radius:6px;background-color:var(--score-bg-color);font-size:12px;line-height:14px;z-index:99;position:absolute;top:-61px;left:50%;width:calc(33.333% - 30px);display:flex;justify-content:center;margin-left:15px;text-transform:uppercase;padding:0 5px;font-family:Poppins;letter-spacing:1px}@media screen and (min-width:375px){main .straight{font-size:14px;line-height:16px;top:-63px}}@media screen and (min-width:415px){main .straight{width:calc(33.333% - 50px);margin-left:25px;letter-spacing:.5px}}main .dice{margin-top:60px}main .dice .die{width:60px;height:60px;background-color:var(--score-bg-color);border:2px solid #555;border-radius:6px;display:flex;justify-content:center;align-items:center}main .dice .die svg{width:90%;height:90%;flex:0 0 90%}main .dice .die .pip{display:none}main .dice .die.r1 .one{display:block}main .dice .die.r2 .two{display:block}main .dice .die.r3 .three{display:block}main .dice .die.r4 .four{display:block}main .dice .die.r5 .five{display:block}main .dice .die.r6 .six{display:block}main .dice.first-roll .die{border:2px solid rgba(85,85,85,.3)}main .dice.first-roll .die circle{fill:rgba(85,85,85,.3)}main .dice .held{color:transparent;background-color:transparent;border-radius:0 0 6px 6px;text-align:center;text-transform:uppercase;margin-top:-4px;position:relative;z-index:-1;font-family:var(--poppins);font-weight:600;font-size:12px;line-height:12px;padding:5px 0 1px}main .dice .held.yes{color:#222;background-color:var(--score-shadow-color)}main .buttons button{cursor:pointer}main .buttons button:disabled{cursor:not-allowed}main .buttons .hold-buttons{display:flex;justify-content:space-between;width:100%}main .buttons .hold-buttons.disabled .hold-button,main .buttons .hold-buttons.disabled .hold-title{opacity:.3}main .buttons .hold-buttons.disabled .hold-button-group{cursor:default}main .buttons .hold-buttons.enabled .hold-button,main .buttons .hold-buttons.enabled .hold-title{opacity:1}main .buttons .hold-buttons.enabled .hold-button-group{cursor:pointer}main .buttons .hold-button-group{padding-top:8px;width:60px;display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}main .buttons button.hold-button{margin-top:8px;width:40px;height:40px;border-radius:50%;background-color:#f7dc6f;background:radial-gradient(#f7dc6f 0,#f1c40f 85%,#f1c40f 100%);border:2px solid #e6b905;border-bottom-width:3px;color:transparent;box-shadow:0 1px 1px 0 rgba(0,0,0,.15)}main .buttons button.hold-button:active{box-shadow:none}main .buttons .hold-title{font-family:var(--poppins);font-weight:600;text-transform:uppercase}.roll-section .new-game-2,.roll-section .roll{display:block;margin:30px auto 0;width:200px;height:45px;background:linear-gradient(to right,tomato 0,#c83d25 100%);box-shadow:0 2px 2px 0 rgba(0,0,0,.25);border:1px solid #c83d25;border-bottom-width:2px;border-radius:15px;font-family:var(--poppins);font-size:24px;font-weight:600;letter-spacing:2px;color:#fff;text-transform:uppercase;text-shadow:1px 1px 2px #c83d25;cursor:pointer}.roll-section .new-game-2:active,.roll-section .roll:active{box-shadow:none}.roll-section .new-game-2{display:none}.roll-section #show-message,.roll-section .next-turn,.roll-section .roll-no{font-family:var(--poppins);text-transform:uppercase;font-weight:600;font-size:15px;line-height:16px;padding-right:0;text-align:center;margin-top:6px;display:flex;justify-content:center;align-items:center;gap:3px}.roll-section #choose-message{display:none;text-align:center;font-family:var(--poppins);font-size:18px;margin:25px auto 28.5px}.roll-section #show-message{display:none;margin:20px auto;background:0 0;border:0;color:var(--pen-blue);text-decoration:underline;cursor:pointer;padding:0}.yz-dialog{display:block;z-index:3;padding:20px 30px 30px;margin:0;text-align:center;border-radius:4px;background-color:#fff;box-shadow:0 4px 15px 0 rgba(0,0,0,.13);width:556px;max-width:100%}@media screen and (max-width:600px){.yz-dialog{padding:10px 15px}}@media screen and (max-width:480px){.yz-dialog{width:calc(100% - 20px);left:10px}}.yz-dialog[aria-hidden=true]{display:none}@media screen and (max-width:480px){.yz-dialog--mobile-full{width:100%;top:0!important;left:0;border-radius:0;min-height:100vh}}@media screen and (max-height:875px){.yz-dialog--mobile-full{position:absolute;top:0!important}}.yz-dialog[data-bh-dialog-top]{position:absolute;top:0!important;margin-bottom:50px}.yz-dialog-overlay{background-color:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;padding:10px;overflow-y:auto}.yz-dialog-overlay[aria-hidden=true]{display:none}@media screen and (max-width:480px){.yz-dialog-overlay--mobile-full{display:block;padding:0}}@media screen and (max-height:650px){.yz-dialog-overlay{align-items:flex-start}}.yz-dialog-fixed-page{overflow:hidden}.yz-dialog .sr-only{opacity:0;position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.yz-dialog--scores{width:450px;max-width:100%;padding-bottom:40px}.yz-dialog-header{display:flex;justify-content:space-between;position:relative}.yz-dialog .high-score-area{display:flex;gap:5px;align-items:center;height:20px;font-family:Poppins;text-transform:uppercase;font-size:13px;line-height:20px;font-weight:600;justify-content:flex-end;position:relative}.yz-dialog .high-score-area .trophy{width:20px;height:20px;flex:0 0 20px;margin-top:-1px}.yz-dialog .high-score-area #yz-new-high{font-family:var(--handwriting);color:var(--pen-blue);font-size:17px;line-height:20px;margin-top:-1px;display:inline-block;font-weight:600}.yz-dialog .high-score-flex{display:flex;align-items:center;gap:5px;margin-top:1px}.yz-dialog #high-score{font-size:17px;margin-top:-1px}.yz-dialog-close--top-right{cursor:pointer;background:0 0;border:0;font-family:var(--handwriting);font-size:54px;color:#222;width:40px;height:40px;line-height:0;position:absolute;top:-8px;right:-4px;-webkit-tap-highlight-color:transparent}.yz-dialog-close--top-right:active,.yz-dialog-close--top-right:focus{outline:0;background:0 0}.yz-dialog-close--top-right span{position:absolute;top:9px;right:7px}@media screen and (max-width:600px){.yz-dialog-close--top-right{top:-4px;right:-8px}}.yz-dialog .modal-buttons{display:flex;justify-content:center;gap:20px;margin:30px 0}.yz-dialog-close--text{background:0 0;border:0;font-weight:600;font-size:16px;letter-spacing:1px;color:#222;font-family:var(--poppins);text-transform:uppercase;display:block;margin:0;cursor:pointer}.yz-dialog #share{font-family:var(--poppins);color:#222;text-transform:uppercase;font-size:16px;border:0;padding:0;background-color:transparent;font-weight:400;margin:0 auto;padding:6px 0;cursor:pointer}.yz-dialog #share:hover{text-decoration:underline}.yz-dialog #share .copy,.yz-dialog #share .share{display:flex;align-items:center;gap:6px}.yz-dialog #share .copy svg path,.yz-dialog #share .share svg path{fill:#222}.yz-dialog #share .share svg{width:16px;flex:0 0 16px;margin-top:-1px}.yz-dialog #share .copy svg{width:14px;flex:0 0 14px;margin-top:-2px}@media screen and (max-width:549px){.yz-dialog #share .copy{display:none}.yz-dialog #share .share{display:flex}}@media screen and (min-width:550px){.yz-dialog #share .copy{display:flex}.yz-dialog #share .share{display:none}}.yz-dialog #share-copy{margin:0 0 25px}.yz-dialog .new-game{background:linear-gradient(to right,tomato 0,#c83d25 100%);box-shadow:0 2px 2px 0 rgba(0,0,0,.25);border:1px solid #c83d25;border-bottom-width:2px;border-radius:10px;font-family:var(--poppins);font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;text-transform:uppercase;text-shadow:1px 1px 2px #c83d25;cursor:pointer;padding:3px 14px}.yz-dialog .new-game:active{box-shadow:none}.yz-dialog h1{display:flex;justify-content:center;font-family:var(--poppins);color:#222;gap:10px;font-size:23px;margin:15px 0 0}.yz-dialog p{color:#222;font-family:var(--poppins);font-size:13px;line-height:17px;text-align:center;margin:0 0 5px}.yz-dialog .disclaimer{font-size:10px;line-height:12px;margin-top:10px}.yz-dialog a,.yz-dialog a:visited{color:var(--pen-blue)}.yz-dialog-yahtzee-logo{width:85px;flex:0 0 85px;transform:rotate(12deg) translateY(1px)}.yz-dialog-yahtzee-logo path,.yz-dialog-yahtzee-logo polygon{fill:#222}.yz-dialog table{border:1px solid var(--scoresheet-border);font-family:var(--poppins);border-collapse:collapse;font-size:14px;margin-top:20px}.yz-dialog table th{width:50%;background-color:var(--scoresheet-border);color:#fff;text-align:center;padding:5px}.yz-dialog table td{width:50%;color:#222;border:1px solid var(--scoresheet-border);text-align:left;padding:5px 10px}.yz-dialog .yz-score-card{font-family:var(--poppins);width:220px;max-width:100%;margin:0 auto 30px;padding:50px 0 0}.yz-dialog .yz-score-card .yz-flex-group{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.yz-dialog .yz-score-card .yz-flex-group--first{font-weight:600;font-size:24px;line-height:27px;margin-bottom:20px}.yz-dialog .yz-score-card .yz-flex-group--high,.yz-dialog .yz-score-card .yz-flex-group--subtotal{position:relative}.yz-dialog .yz-score-card .finals{font-family:var(--handwriting);color:var(--pen-blue);font-size:16px;line-height:21px;display:inline-block;position:absolute;top:1px;text-transform:uppercase;font-weight:600}.yz-dialog .yz-score-card #top-bonus-final{right:-41px;top:-12px;transform:rotate(15deg)}.yz-dialog .yz-score-card #yz-new-high{left:-43px;transform:rotate(-14deg)}footer{border:2px dotted var(--scoresheet-border);margin-top:20px}footer *{margin:5px}