body{background-image:url(../img/bg.dba117ec.png);margin:0;padding:0;font-family:calibri,sans-serif}aside{display:none;width:200px;position:fixed;height:100vh;left:100%;margin-left:-240px;background-color:#ddd;border-left:5px solid #bbb;padding:20px}#closeside{float:right;font-weight:bold;cursor:pointer}.character{position:absolute;top:200px;left:200px;display:block}.character .body{width:32px;height:32px;background-image:url(../img/body0.07defde7.png);background-position:64px 0px;margin-top:14px}.character .head{width:32px;height:32px;background-image:url(../img/head0.d7538c81.png);margin-bottom:0;position:absolute;background-repeat:no-repeat;background-position:0px -64px}aside ul{list-style-type:none;margin-left:0;padding-left:0;margin-bottom:20px;overflow:auto}.heads li,.bodies li{width:32px;height:32px;background-position:0 -64px;float:left;cursor:pointer;border:2px solid #ddd;margin-right:4px}.heads li:hover,.bodies li:hover{border:2px solid red}#head0{background-image:url(../img/head0.d7538c81.png)}#head1{background-image:url(../img/head1.15dfc5aa.png)}#head2{background-image:url(../img/head2.f3e07686.png)}#head3{background-image:url(../img/head3.4a107212.png)}#head4{background-image:url(../img/head4.14032fe4.png)}.bodies li{background-position:64px 0px}#body0{background-image:url(../img/body0.07defde7.png)}#body1{background-image:url(../img/body1.1ec9f3de.png)}#body2{background-image:url(../img/body2.ff50ee83.png)}#body3{background-image:url(../img/body3.8ebc18dc.png)}#body4{background-image:url(../img/body4.241b2e5d.png)}.tree{float:right;margin-top:2vh;margin-right:18vw}#opponent{left:500px;top:500px}#opponent .body{background-image:url(../img/body1.1ec9f3de.png)}#opponent .head{background-image:url(../img/head1.15dfc5aa.png)}.character.standUp .head{background-position:0px 0px}.character.standDown .head{background-position:0px -64px}.character.standLeft .head{background-position:0px -32px}.character.standRight .head{background-position:0px -96px}.character.standUp .body{background-position:0px 0px}.character.standDown .body{background-position:-64px 0px}.character.standLeft .body{background-position:-32px 0px}.character.standRight .body{background-position:-96px 0px}.character.walkUp .head{background-position:0px 0px;animation:headbob .5s infinite}.character.walkUp .body{animation:walkup 1s steps(3) infinite}.character.walkDown .head{background-position:0px -64px;animation:headbob .75s infinite}.character.walkDown .body{animation:walkdown 1s steps(3) infinite}.character.walkLeft .head{background-position:0px -32px;margin-top:-3px;margin-left:-2px;animation:headbob2 .75s infinite}.character.walkLeft .body{animation:walkleft 1s steps(3) infinite}@keyframes walkleft{0%,100%{background-position:-32px -32px}50%{background-position:-32px -128px}}.character.walkRight .head{background-position:0px -96px;margin-top:-3px;margin-left:4px;animation:headbob3 .75s infinite}.character.walkRight .body{animation:walkright 1s steps(3) infinite}@keyframes walkright{0%,100%{background-position:-96px -32px}50%{background-position:-96px -128px}}@keyframes walkup{0%,100%{background-position:0px -32px}50%{background-position:0px -128px}}@keyframes walkdown{0%,100%{background-position:-64px -32px}50%{background-position:-64px -128px}}@keyframes headbob{0%,100%{margin-top:0px}50%{margin-top:1px}}@keyframes headbob2{0%,100%{margin-left:-2px}50%{margin-left:0px}}@keyframes headbob3{0%,100%{margin-left:2px}50%{margin-left:0px}}.track{border-style:solid;border-collapse:separate;display:table;border-width:16px;-moz-border-image:url(../img/outer.fbd95a9b.png) 14 15 14 16 repeat;-webkit-border-image:url(../img/outer.fbd95a9b.png) 14 15 14 16 repeat;-o-border-image:url(../img/outer.fbd95a9b.png) 14 15 14 16 repeat;border-image:url(../img/outer.fbd95a9b.png) 14 15 14 16 repeat;background-image:url(../img/mud.1faa0198.png);position:absolute;height:80vh;width:80vw;margin:5vw;margin-top:5vh}.track .inner{background-image:url(../img/bg.dba117ec.png);border-image:url(../img/inner.1cfb5247.png);border-image-slice:16 16 16 16 fill;border-image-width:16px 16px 16px 16px;border-image-outset:0px 0px 0px 0px;border-image-repeat:round round;border-collapse:separate;margin-top:15vh;margin-left:10vw;display:table solid transparent;background-color:green;width:60vw;height:50vh}.horse{left:20vw;background-image:url(../img/horse2.d06d0c56.png)}.horse.runLeft{width:96px;height:60px;display:block;background-position:0px -256px;animation:horseLeft steps(1) .5s infinite}@keyframes horseLeft{0%,100%{background-position:0px -256px}50%{background-position:0px -450px}}.horse.runRight{width:96px;height:60px;display:block;background-position:0px -320px;animation:horseRight steps(1) .5s infinite}@keyframes horseRight{0%,100%{background-position:0px -320px}50%{background-position:0px -512px}}.horse.runDown{width:48px;height:64px;background-position:48px 192px;animation:horseDown steps(1) .75s infinite}@keyframes horseDown{0%,100%{background-position:48px -192px}33%{background-position:48px -380px}66%{background-position:48px 0px}}.horse.runUp{width:48px;height:64px;background-position:0px 192px;animation:horseUp steps(1) .75s infinite}@keyframes horseUp{0%,100%{background-position:0px -192px}33%{background-position:0px -380px}66%{background-position:0px 0px}}#startline{width:2vw;height:15vh;background-color:#eee;background-image:linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black),linear-gradient(-45deg, black 25%, transparent 25%, transparent 75%, black 75%, black);background-size:1vw 1vw;position:absolute;margin-left:20vw;opacity:.7}#horse1{position:absolute;display:block;top:4vh;z-index:999}#horse4 .rider .head{background-image:url(../img/head2.f3e07686.png)}#horse4 .rider .body{background-image:url(../img/body3.8ebc18dc.png)}#horse3 .rider .head{background-image:url(../img/head1.15dfc5aa.png)}#horse3 .rider .body{background-image:url(../img/body1.1ec9f3de.png)}#horse2 .rider .head{background-image:url(../img/head4.14032fe4.png)}#horse2 .rider .body{background-image:url(../img/body4.241b2e5d.png)}#horse2{position:absolute;top:8vh;z-index:999;display:block;background-image:url(../img/horse3.95a4d322.png)}#horse3{position:absolute;top:12vh;z-index:999;display:block;background-image:url(../img/horse1.20abffc9.png)}#horse4{position:absolute;top:16vh;z-index:999;display:block;background-image:url(../img/horse4.ae25d6a9.png)}.horse.standLeft{background-position:0px -64px;width:96px;height:60px}.horse.standLeft .rider .body{background-position:-32px -320px}.horse.standLeft .rider .head{background-position:0px -32px}.horse.standRight{background-position:0px -128px;width:96px;height:60px}.horse.standRight .rider{margin-left:-15px}.horse.standRight .rider .body{background-position:-96px -320px}.horse.standRight .rider .head{background-position:0px -96px}.horse .rider .head{position:absolute;margin-left:40px;margin-top:-16px;background-image:url(../img/head0.d7538c81.png);width:32px;height:32px}.horse .rider .body{background-image:url(../img/body0.07defde7.png);width:32px;height:32px;margin-left:40px;margin-top:8px}.horse.runDown .rider,.horse.runRight .rider,.horse.runLeft .rider{animation:riderBob1 .75s infinite}.horse.runLeft .rider .body{background-position:-32px -320px}.horse.runRight .rider{margin-left:-15px}.horse.runRight .rider .head{background-position:0px -96px;animation:headbob4 .5s infinite}.horse.runRight .rider .body{background-position:-96px -320px}.horse.runDown,.horse.runUp{margin-left:32px}.horse.runDown .rider{margin-left:-32px}.horse.runDown .rider .head{background-position:0px -64px;animation:headbob5 .5s infinite}.horse.runDown .rider .body{background-position:-64px -320px;margin-top:-16px}.horse.runUp .rider{margin-left:-32px;animation:riderBob2 .75s infinite}.horse.runUp .rider .head{background-position:0px 0px;animation:headbob5 .5s infinite}.horse.runUp .rider .body{background-position:0px -320px;margin-top:-16px}.horse.runLeft .rider .head{background-position:0px -32px;animation:headbob4 .5s infinite}@keyframes headbob4{0%,100%{margin-left:40px}50%{margin-left:42px}}@keyframes headbob5{0%,100%{margin-top:-10px}50%{margin-top:-8px}}@keyframes riderBob1{0%,100%{margin-top:8px}50%{margin-top:10px}}@keyframes riderBob2{0%,100%{margin-top:18px}50%{margin-top:20px}}.start{float:right;margin:1vw;padding:1vw;background:#3498db;background-image:-webkit-linear-gradient(top, #3498db, #2980b9);background-image:-moz-linear-gradient(top, #3498db, #2980b9);background-image:-ms-linear-gradient(top, #3498db, #2980b9);background-image:-o-linear-gradient(top, #3498db, #2980b9);background-image:linear-gradient(to bottom, #3498db, #2980b9);-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;font-family:Arial;color:#fff;font-size:20px;padding:10px 20px 10px 20px;text-decoration:none;cursor:pointer;text-shadow:2px 2px 2px #333}.start:hover{color:#000}.start:disabled{background:grey}.cooldown-button{position:relative;overflow:hidden;--charge-width: 100%;--charge-duration: 0s}.cooldown-button.charging{background:#95a5a6 !important;background-image:none !important;color:#fff}.cooldown-button.charging::before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--charge-width, 0%);background:linear-gradient(to bottom, #3498db, #2980b9);z-index:1;border-radius:28px;transition:width var(--charge-duration, 0s) linear}.cooldown-button span{position:relative;z-index:2}#horsespeed{margin:4%;color:white}#horsespeed label{width:100%}#bet,#results{background-color:#ffefb4;padding:1vw;width:20vw;border:2px solid #555;border-radius:20px;margin-top:5vh;margin-left:2vw;overflow:auto;float:left}#funds{font-weight:bold}label,input,select{float:left;display:block;width:8vw;margin-bottom:.5vh}label{clear:left}#results{width:auto;position:absolute;margin-top:8vh;margin-left:48vw}#results td{height:30px;width:30px;background-repeat:no-repeat;background-position:0px -64px}#results .horse1{background-image:url(../img/head0.d7538c81.png);background-color:#fff;border-radius:4px}#results .horse2{background-image:url(../img/head4.14032fe4.png);background-color:#005c80;border-radius:4px}#results .horse3{background-image:url(../img/head1.15dfc5aa.png);background-color:green;border-radius:4px}#results .horse4{background-image:url(../img/head2.f3e07686.png);background-color:#806500;border-radius:4px}.horseLabel{width:100%}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);animation:fadeIn .3s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background-color:#ffefb4;margin:auto;padding:0;border:3px solid #555;border-radius:20px;width:90%;max-width:600px;box-shadow:0 10px 30px rgba(0, 0, 0, 0.5);animation:slideIn .3s;overflow:hidden}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(to bottom, #8B4513, #654321);color:white;padding:20px;border-radius:17px 17px 0 0;text-align:center;border-bottom:3px solid #333}.modal-header h2{margin:0;font-size:28px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5)}.modal-body{padding:30px}.race-results h3,.bet-results h3{color:#333;margin-bottom:15px;font-size:20px}.positions-list{margin-bottom:30px}.position-item{display:flex;align-items:center;margin-bottom:15px;padding:12px;background:rgba(255, 255, 255, 0.8);border-radius:10px;border:2px solid #8b4513;box-shadow:0 2px 5px rgba(0, 0, 0, 0.2)}.position{font-weight:bold;font-size:18px;width:50px;color:#333}.horse-icon{width:40px;height:40px;background-repeat:no-repeat;background-position:0px -64px;background-size:contain;margin:0 15px;border-radius:50%;border:2px solid #666}.horse-icon.horse1{background-image:url(../img/head0.d7538c81.png);background-color:#fff}.horse-icon.horse2{background-image:url(../img/head4.14032fe4.png);background-color:#005c80}.horse-icon.horse3{background-image:url(../img/head1.15dfc5aa.png);background-color:green}.horse-icon.horse4{background-image:url(../img/head2.f3e07686.png);background-color:#806500}.horse-name{font-size:18px;font-weight:bold;color:#333}.bet-outcome{text-align:center;padding:20px;border-radius:15px;margin-top:20px}.bet-outcome.win{background:linear-gradient(135deg, #228B22, #006400);color:white;border:3px solid #004500;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.bet-outcome.loss{background:linear-gradient(135deg, #B22222, #8B0000);color:white;border:3px solid #600;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.bet-outcome.bankrupt{background:linear-gradient(135deg, #CD853F, #D2691E);color:white;border:3px solid sienna;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3)}.bet-outcome h3{margin:0 0 10px 0;font-size:24px;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3)}.bet-outcome p{margin:10px 0;font-size:16px}.balance-update{font-size:20px !important;font-weight:bold;margin-top:15px !important}.modal-footer{padding:25px;text-align:center;border-top:3px solid #8b4513;background:linear-gradient(to bottom, #D2B48C, #C19A6B);border-radius:0 0 17px 17px}#closeResults{background:#8b4513;background-image:linear-gradient(to bottom, #8B4513, #654321);color:white;font-size:18px;font-weight:bold;padding:15px 35px;border:none;border-radius:28px;cursor:pointer;text-shadow:2px 2px 2px #333;box-shadow:0 4px 8px rgba(0, 0, 0, 0.3);transition:all .2s ease;float:none}#closeResults:hover{background:#654321;background-image:linear-gradient(to bottom, #654321, #4A2C17);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0, 0, 0, 0.4)}
/*# sourceMappingURL=game.0bab8ef0.css.map*/