.digit path{stroke:#000;stroke-width:15;fill:none}.number{backface-visibility:hidden;transform:translateZ(0)}.digit-enter-active{transition:stroke-dashoffset 1s ease;stroke-dasharray:2000;stroke-dashoffset:2000}.digit-enter-to{stroke-dashoffset:0}.digit-leave-active{transition:all .5s}.digit-leave{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.digit-leave-to{opacity:0;clip-path:polygon(0 0,100% 0,100% 100%,100% 0);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,100% 0)}.list{display:flex;flex-direction:column;flex-wrap:wrap;height:100%;list-style:none;padding:0;margin:0}.list__item{text-align:center}.list__item--struck{position:relative}.list__item--struck:after{content:"";position:absolute;border-left:2px solid #000;top:0;bottom:0;left:50%;opacity:0;animation:fadeIn .5s;animation-fill-mode:forwards;animation-delay:.5s}.list__digit svg{width:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.list-modal a{display:block;padding:10px 0;text-align:center;border:1px solid #ddd}.list-modal__points{list-style:none;padding:0;margin:0 0 10px 0;border-bottom:1px solid #000;height:calc(100% - 50px);overflow:scroll}.list-modal__points>li{margin-top:5px}.list-modal__points>li:first-child{margin-top:0}.list-modal__points .digit{height:15px}.list-modal__points .digit path{animation:none!important}.list-modal{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#fff}.list-wrapper{height:100%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.target-points-modal a{display:block;padding:10px 0;text-align:center;border:1px solid #ddd}.target-points-modal__points{list-style:none;padding:0;margin:0 0 10px 0;border-bottom:1px solid #000;height:calc(100% - 50px);overflow:scroll}.target-points-modal__points>li{margin-top:5px}.target-points-modal__points>li:first-child{margin-top:0}.target-points-modal__points .digit{height:15px}.target-points-modal__points .digit path{animation:none!important}.score-sheet{height:100%}.score-sheet .grid{display:grid;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:50px 1fr 50px;grid-column-gap:10px;grid-row-gap:10px;grid-template-areas:"team-a team-b" "list-a list-b" "sum-a sum-b"}.score-sheet .sum-a,.score-sheet .sum-b,.score-sheet .team-a,.score-sheet .team-b{display:flex;align-items:center;justify-content:center}.score-sheet .sum-a svg path,.score-sheet .sum-b svg path,.score-sheet .team-a svg path,.score-sheet .team-b svg path{stroke-width:20}.score-sheet .list-a,.score-sheet .list-b{position:relative;overflow:hidden;padding:10px 0;position:absolute;top:60px;bottom:60px;width:calc(50% - 5px)}.score-sheet .list-b{left:calc(50% + 5px)}.score-sheet .sum-a{grid-area:sum-a}.score-sheet .sum-b{grid-area:sum-b}.score-sheet .divider{position:absolute}.score-sheet .divider--bottom,.score-sheet .divider--top{left:0;height:10px;width:100%}.score-sheet .divider--top{top:50px}.score-sheet .divider--bottom{bottom:50px}.score-sheet .divider--center{top:0;height:100%;width:10px;left:calc(50% - 5px)}.score-sheet .digit{height:30px}.score-sheet .target-points-modal{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#fff}.trophy{position:absolute;z-index:10;width:100px;top:0;left:calc(50% - 50px);transform:scale(1) rotate(15deg)}.trophy--team0{margin-left:-30px}.trophy--team1{margin-left:30px}.trophy-enter-active,.trophy-leave-active{transition:all .5s ease-in}.trophy-enter{opacity:0;transform:scale(5)}.trophy-enter-to{opacity:1;transform:scale(1) rotate(15deg)}.trophy-leave-to{opacity:0;transform:scale(.1)}.settings-sheet{display:flex;flex-direction:column;height:100%;padding:15px}.settings-sheet header>h2{margin-bottom:5px}.settings-sheet header>.sub-header{margin-bottom:20px}.settings-sheet main{flex:1}.settings-sheet footer .logo{display:block;height:30px;margin-bottom:5px}.divider--top{height:10px;width:100%}input[type=text]{display:block;padding:10px;margin-top:5px;width:100%;border:1px solid #ddd}h1{margin-top:0;margin-bottom:0;font-size:1.5rem}h1,h2{font-weight:400;color:#df9c53}h2{margin-top:20px;font-size:1.2rem}label{font-weight:500}.settings__team-titles{list-style:none;padding:0;margin:0;display:flex;justify-content:space-between}.settings__team-titles>li{flex:0 1 calc(50% - 10px)}.help-list{padding:0;margin:0}.help-list li{background:no-repeat left 10px;padding:5px 0 0 35px;list-style:none;margin:5px 0 0 0}.help-list li:first-child{margin-top:0}.help-list li.ic-tap{background-image:url(../img/tap.ffaee505.svg)}.help-list li.ic-multi-tap{background-image:url(../img/multi-tap.10c63764.svg)}.help-list li.ic-swipe-up{background-image:url(../img/swipe-up.4bf0e3b8.svg)}.help-list li.ic-long-tap{background-image:url(../img/long-tap.ea3f87d1.svg)}.sheet>div{position:relative}.sheet__background{width:0;height:0;display:block}.act-page{position:absolute;top:0;bottom:0;left:0;right:0}.act-page--visible{z-index:2}.act-page:--shadow{z-index:1}.act-page--hidden{visibility:hidden}.page-container{position:relative;height:100%}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;background:#df9c53 url(../img/wood.48382bd7.jpg);background-size:cover}a{color:#df9c53;text-decoration:none;-webkit-tap-highlight-color:rgba(223,156,83,.3)}#app{perspective:1500px;display:flex;align-items:center;justify-content:center}#app,.page{position:relative;width:100%;height:100%}.page{z-index:2;max-height:700px;max-width:400px;margin:10px;padding:15px;background-color:#fff;clip-path:url(#sheet-clip-path);-webkit-clip-path:url(#sheet-clip-path)}