body{font-family:"Segoe UI",Arial,sans-serif;background:#2d383e;color:#fff}h3{margin:0;padding:0}@keyframes pulse-source{0%{-moz-box-shadow:0 0 0 0 rgba(0,0,0,.4);box-shadow:0 0 0 0 rgba(0,0,0,.4)}70%{-moz-box-shadow:0 0 0 10px rgba(0,0,0,0);box-shadow:0 0 0 10px rgba(0,0,0,0)}100%{-moz-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@keyframes pulse-target{0%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,.4);box-shadow:0 0 0 0 rgba(255,255,255,.4)}70%{-moz-box-shadow:0 0 0 10px rgba(255,255,255,0);box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{-moz-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes pulse_animation{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,255,255,.4)}70%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{transform:scale(0.95);box-shadow:0 0 0 10px rgba(255,255,255,0)}}#content{margin:auto;position:relative;text-align:center;padding:0;max-width:600px;height:100%;min-height:100%;overflow:hidden}#cancelSection{position:absolute;list-style:none;padding:0;margin:0;display:none;top:0;left:0}#cancelSection li{width:75px;height:75px;background-color:transparent}ul{list-style:none;position:relative;margin:auto}ul.substitute-players{float:left;width:210px}ul.on-field-players{background-image:url("../images/background.svg"),linear-gradient(#ffbb69, #cb8a3d);background-size:100%;background-position-y:100%}ul.on-field-players li,ul.substitute-players li{border:1px solid #000;width:75px;height:75px;background-color:#fff;margin-bottom:5px;vertical-align:middle;text-align:center;position:absolute;color:#000;background-size:cover;background-position:top center;border-radius:50%}ul.on-field-players li.highlighted,ul.substitute-players li.highlighted{animation:pulse-target 1s infinite;animation-name:pulse_animation;animation-duration:700ms;transform-origin:70% 70%;animation-iteration-count:infinite;animation-timing-function:linear}ul.on-field-players li.sortable-chosen,ul.substitute-players li.sortable-chosen{animation:pulse-source 1s infinite;opacity:.5}ul.on-field-players li.sortable-drag,ul.substitute-players li.sortable-drag{animation:none;background-color:transparent;border:2px solid #fff;color:#fff}ul.on-field-players li.sortable-drag .timer,ul.on-field-players li.sortable-drag .substitute-timer,ul.substitute-players li.sortable-drag .timer,ul.substitute-players li.sortable-drag .substitute-timer{display:none}ul.on-field-players li::after,ul.substitute-players li::after{color:#fff;position:absolute;top:38px;font-size:.75em}ul.on-field-players li .timer,ul.substitute-players li .timer{font-size:1.2em;display:block;color:#fff;position:absolute;left:0;right:0;margin:auto;bottom:-42px;text-shadow:2px 2px 3px #000;font-weight:bold}ul.on-field-players li .substitute-timer,ul.substitute-players li .substitute-timer{margin-top:-3px;color:#000;display:none}ul.on-field-players li .substitute-timer.time-to-substitute,ul.substitute-players li .substitute-timer.time-to-substitute{color:red}ul.on-field-players li .name,ul.substitute-players li .name{position:absolute;bottom:-20px;left:0;right:0;margin:auto;text-shadow:0 1px 3px #000;color:#fff;font-weight:bold}ul.substitute-players li{width:75px;height:75px}ul.substitute-players li .name{font-size:1em;font-weight:normal}ul.substitute-players li .timer{font-size:1.2em;color:#fff;text-shadow:2px 2px 3px #000;font-weight:bold}ul li::after{color:#000;position:absolute;bottom:2px;margin:auto;left:0;right:0;font-weight:bold}ol.substitute-players-order{top:13px;right:0;position:absolute;width:122px;padding:0;margin:0}ol.substitute-players-order li{color:#fff;font-size:1.2em;text-align:left;text-wrap:none}ol.substitute-players-order li .total-time{display:block;color:#ddd;font-size:.6em}#fieldPlayers{height:400px;background-color:#f6bf56;border:3px solid #fff;padding:0;margin-bottom:10px;border-radius:10px}#fieldPlayers li:nth-child(1){top:25px;left:150px}#fieldPlayers li:nth-child(2){top:25px;right:150px}#fieldPlayers li:nth-child(3){bottom:145px;left:65px}#fieldPlayers li:nth-child(4){bottom:145px;right:65px}#fieldPlayers li:nth-child(5){bottom:61px;background-color:gray;position:absolute;color:#fff;vertical-align:middle;text-align:center;border:1px solid #fff;left:50%;margin-left:-44px}#fieldPlayers li:nth-child(5)::after{content:"KEEPER";color:#fff;position:absolute;top:-16px;text-shadow:0 1px 2px #000;font-size:.7em}#fieldPlayers li .total-time-play,#fieldPlayers li .total-time-sit{display:none}#substitutePlayersContainer{background-image:linear-gradient(#a9a9a9, #808080);border:5px solid #fff;height:200px;clear:both;position:relative;border-radius:10px}#substitutePlayers{left:0;top:0;position:absolute}#substitutePlayers li:nth-child(1){top:15px;left:25px}#substitutePlayers li:nth-child(2){top:15px;left:127px}#substitutePlayers li:nth-child(3){top:15px;left:229px}#substitutePlayers li:nth-child(4){top:15px;left:331px}#substitutePlayers li:nth-child(5){top:15px;left:433px}#substitutePlayers li:nth-child(6){top:15px;left:535px}#substitutePlayers li .total-time-play{position:relative;color:#fff;opacity:.7;margin-top:65px;bottom:-60px;font-size:.8em;background-image:url(../images/playing.svg);background-repeat:no-repeat;background-position-x:0;padding-left:16px;background-size:16px;display:inline-block;background-position-y:1px;left:-5px}#substitutePlayers li .total-time-sit{position:relative;color:#fff;opacity:.7;margin-top:16px;bottom:-45px;font-size:.8em;background-image:url(../images/sitting.svg);background-repeat:no-repeat;background-position-x:0;padding-left:16px;background-size:16px;display:inline-block;background-position-y:1px;left:-5px}#fieldPlayers li.highlighted,#substitutePlayers li.highlighted{border:2px solid #fff}#fieldPlayers li.sortable-chosen,#substitutePlayers li.sortable-chosen{border:3px solid #2d383e}#fieldPlayers li.sortable-drag,#substitutePlayers li.sortable-drag{border:3px solid #fff !important;background-color:#2d383e;color:#fff}#fieldPlayers li.sortable-drag .total-time-play,#fieldPlayers li.sortable-drag .total-time-sit,#fieldPlayers li.sortable-drag .timer,#fieldPlayers li.sortable-drag .substitute-timer,#substitutePlayers li.sortable-drag .total-time-play,#substitutePlayers li.sortable-drag .total-time-sit,#substitutePlayers li.sortable-drag .timer,#substitutePlayers li.sortable-drag .substitute-timer{display:none}#startStopButton,#reset{padding:10px 25px 10px 25px;font-size:2em;display:block;margin:10px auto auto;font-weight:bold;text-align:center;cursor:pointer;outline:none;color:#fff;background-color:#113c72;border:none;border-radius:5px;box-shadow:0 0 3px #111;background-image:linear-gradient(to bottom, #3cd788 0%, #2fb471 51%, #3cd788 100%)}#game-timer{font-size:6em;display:block;text-shadow:0 2px 5px #000;font-family:"Orbitron",sans-serif;margin-bottom:10px;position:absolute;bottom:0;left:0;right:0}#game-timer.negative{color:red}#installBtn{height:40px;width:100px;position:absolute;bottom:20px;left:3px;font-weight:bold;font-size:14px;text-align:center;cursor:pointer;outline:none;color:#fff;background-color:#113c72;border:none;border-radius:5px;box-shadow:0 0 3px #111;display:none}#matchTitle{line-height:2em;font-weight:bold;font-size:1.7em}