:root{--elevation-00: rgba(0, 0, 0, .2) 0px 0px 0px 0px, rgba(0, 0, 0, .14) 0px 0px 0px 0px, rgba(0, 0, 0, .12) 0px 0px 0px 0px;--elevation-01: rgba(0, 0, 0, .2) 0px 2px 1px -1px, rgba(0, 0, 0, .14) 0px 1px 1px 0px, rgba(0, 0, 0, .12) 0px 1px 3px 0px;--elevation-02: rgba(0, 0, 0, .2) 0px 3px 1px -2px, rgba(0, 0, 0, .14) 0px 2px 2px 0px, rgba(0, 0, 0, .12) 0px 1px 5px 0px;--elevation-03: rgba(0, 0, 0, .2) 0px 3px 3px -2px, rgba(0, 0, 0, .14) 0px 3px 4px 0px, rgba(0, 0, 0, .12) 0px 1px 8px 0px;--elevation-04: rgba(0, 0, 0, .2) 0px 2px 4px -1px, rgba(0, 0, 0, .14) 0px 4px 5px 0px, rgba(0, 0, 0, .12) 0px 1px 10px 0px;--elevation-05: rgba(0, 0, 0, .2) 0px 3px 5px -1px, rgba(0, 0, 0, .14) 0px 5px 8px 0px, rgba(0, 0, 0, .12) 0px 1px 14px 0px;--elevation-06: rgba(0, 0, 0, .2) 0px 3px 5px -1px, rgba(0, 0, 0, .14) 0px 6px 10px 0px, rgba(0, 0, 0, .12) 0px 1px 18px 0px;--elevation-07: rgba(0, 0, 0, .2) 0px 4px 5px -2px, rgba(0, 0, 0, .14) 0px 7px 10px 1px, rgba(0, 0, 0, .12) 0px 2px 16px 1px;--elevation-08: rgba(0, 0, 0, .2) 0px 5px 5px -3px, rgba(0, 0, 0, .14) 0px 8px 10px 1px, rgba(0, 0, 0, .12) 0px 3px 14px 2px;--elevation-09: rgba(0, 0, 0, .2) 0px 5px 6px -3px, rgba(0, 0, 0, .14) 0px 9px 12px 1px, rgba(0, 0, 0, .12) 0px 3px 16px 2px;--elevation-10: rgba(0, 0, 0, .2) 0px 6px 6px -3px, rgba(0, 0, 0, .14) 0px 10px 14px 1px, rgba(0, 0, 0, .12) 0px 4px 18px 3px;--elevation-11: rgba(0, 0, 0, .2) 0px 6px 7px -4px, rgba(0, 0, 0, .14) 0px 11px 15px 1px, rgba(0, 0, 0, .12) 0px 4px 20px 3px;--elevation-12: rgba(0, 0, 0, .2) 0px 7px 8px -4px, rgba(0, 0, 0, .14) 0px 12px 17px 2px, rgba(0, 0, 0, .12) 0px 5px 22px 4px;--elevation-13: rgba(0, 0, 0, .2) 0px 7px 8px -4px, rgba(0, 0, 0, .14) 0px 13px 19px 2px, rgba(0, 0, 0, .12) 0px 5px 24px 4px;--elevation-14: rgba(0, 0, 0, .2) 0px 7px 9px -4px, rgba(0, 0, 0, .14) 0px 14px 21px 2px, rgba(0, 0, 0, .12) 0px 5px 26px 4px;--elevation-15: rgba(0, 0, 0, .2) 0px 8px 9px -5px, rgba(0, 0, 0, .14) 0px 15px 22px 2px, rgba(0, 0, 0, .12) 0px 6px 28px 5px;--elevation-16: rgba(0, 0, 0, .2) 0px 8px 10px -5px, rgba(0, 0, 0, .14) 0px 16px 24px 2px, rgba(0, 0, 0, .12) 0px 6px 30px 5px;--elevation-17: rgba(0, 0, 0, .2) 0px 8px 11px -5px, rgba(0, 0, 0, .14) 0px 17px 26px 2px, rgba(0, 0, 0, .12) 0px 6px 32px 5px;--elevation-18: rgba(0, 0, 0, .2) 0px 9px 11px -5px, rgba(0, 0, 0, .14) 0px 18px 28px 2px, rgba(0, 0, 0, .12) 0px 7px 34px 6px;--elevation-19: rgba(0, 0, 0, .2) 0px 9px 12px -6px, rgba(0, 0, 0, .14) 0px 19px 29px 2px, rgba(0, 0, 0, .12) 0px 7px 36px 6px;--elevation-20: rgba(0, 0, 0, .2) 0px 10px 13px -6px, rgba(0, 0, 0, .14) 0px 20px 31px 3px, rgba(0, 0, 0, .12) 0px 8px 38px 7px;--elevation-21: rgba(0, 0, 0, .2) 0px 10px 13px -6px, rgba(0, 0, 0, .14) 0px 21px 33px 3px, rgba(0, 0, 0, .12) 0px 8px 40px 7px;--elevation-22: rgba(0, 0, 0, .2) 0px 10px 14px -6px, rgba(0, 0, 0, .14) 0px 22px 35px 3px, rgba(0, 0, 0, .12) 0px 8px 42px 7px;--elevation-23: rgba(0, 0, 0, .2) 0px 11px 14px -7px, rgba(0, 0, 0, .14) 0px 23px 36px 3px, rgba(0, 0, 0, .12) 0px 9px 44px 8px;--elevation-24: rgba(0, 0, 0, .2) 0px 11px 15px -7px, rgba(0, 0, 0, .14) 0px 24px 38px 3px, rgba(0, 0, 0, .12) 0px 9px 46px 8px}:root{--backgroundIncrementScoreDefault: #002642;--textIncrementScoreDefault: #fff;--backgroundIncrementScoreActive: #00365c;--textIncrementScoreActive: var(--textIncrementScoreDefault);--backgroundDecrementScoreDefault: #02040F;--textDecrementScoreDefault: #fff;--backgroundDecrementScoreActive: #060c2c;--textDecrementScoreActive: var(--textDecrementScoreDefault);--backgroundDeleteSlide: #983628;--textDeleteSlide: #fff;--backgroundAddSlide: #E5DADA;--textAddSlide: #000;--backgroundScore: #E59500;--textScore: #000}*{box-sizing:border-box;margin:0;border:unset;font:unset;background:unset;color:inherit}body{color:#fff;font-family:monospace}#app{width:100vw;display:flex;overflow-x:scroll;scroll-snap-type:x mandatory}.slide{scroll-snap-align:start;flex-shrink:0;position:relative;width:100vw;height:100dvh;z-index:1}.countUp{box-shadow:0 0 30px -10px #000;position:absolute;top:50dvh;height:50dvh;left:0;width:100%;background-color:var(--backgroundIncrementScoreDefault);color:var(--textIncrementScoreDefault);z-index:3;font-size:300%}.countUp:active{background-color:var(--backgroundIncrementScoreActive);color:var(--textIncrementScoreActive)}.countDown{position:absolute;top:0dvh;height:50dvh;left:0;width:100%;background-color:var(--backgroundDecrementScoreDefault);color:var(--textDecrementScoreDefault);z-index:2;font-size:300%}.countDown:active{background-color:var(--backgroundDecrementScoreActive);color:var(--textDecrementScoreActive)}.resetWrapper{position:absolute;left:0;height:100dvh;z-index:4;display:flex;justify-content:center;align-items:center;pointer-events:none}.reset{pointer-events:all;box-shadow:var(--elevation-05);background-color:var(--backgroundDeleteSlide);color:var(--textDeleteSlide);transform:rotate(90deg);font-size:normal;padding:10px;border-radius:10px}.addSlideWrapper{position:absolute;right:0;height:100dvh;z-index:4;display:flex;justify-content:center;align-items:center;pointer-events:none}.addSlide{pointer-events:all;box-shadow:var(--elevation-05);background-color:var(--backgroundAddSlide);color:var(--textAddSlide);transform:rotate(-90deg);font-size:normal;padding:10px;border-radius:10px}.scoreWrapper{--size: 50px;font-size:20vw;position:absolute;left:0;top:0;width:100%;height:100dvh;pointer-events:none;display:flex;justify-content:center;align-items:center;text-align:center;z-index:4}@media (min-width: 1280px){.scoreWrapper{font-size:5vw}}.score{box-shadow:var(--elevation-10);border-radius:30px;background-color:var(--backgroundScore);color:var(--textScore);display:flex;justify-content:center;align-items:center;min-width:var(--size);min-height:var(--size);padding:10px}