:root{--bg-width: 273;--bg-height: 386;--sprite-col-width: 37;--sprite-cols: 6;--sprite-width: calc(var(--sprite-col-width) * var(--sprite-cols));--label-height: 11;--sheep-height: 78;--sprite-height: calc(var(--label-height) + var(--sheep-height));--score-sprite-width: 14;--score-sprite-rows: 13;--score-sprite-row-height: 6;--score-sprite-height: calc(var(--score-sprite-row-height) * var(--score-sprite-rows));--target-sheep-width: 130;--scale: calc(var(--target-sheep-width) / var(--sprite-col-width));--text-size: 12;--gpx: 1px}html,body{margin:0;padding:0;width:100%;min-height:100%;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;overflow-x:hidden;--gpx: 1px}#game-area{position:relative;width:calc(var(--bg-width) * 1px);height:calc(var(--bg-height) * 1px);background-image:url(/images/background.png);background-size:contain;background-repeat:no-repeat;image-rendering:pixelated}@media(max-aspect-ratio:273/386){body{--gpx: calc(100vw / var(--bg-width))}#game-area{width:100vw;height:calc(100vw * var(--bg-height) / var(--bg-width))}}@media(min-aspect-ratio:273/386){body{--gpx: calc(100vh / var(--bg-height))}#game-area{height:100vh;width:calc(100vh * var(--bg-width) / var(--bg-height))}}.icon{image-rendering:pixelated;position:absolute}.sheep{width:calc(var(--sprite-col-width) * var(--gpx));height:calc(var(--sheep-height) * var(--gpx));background-image:url(/images/sheep.png);background-size:calc(var(--sprite-width) * var(--gpx)) calc(var(--sprite-height) * var(--gpx));background-repeat:no-repeat}.sheep-0{background-position:0% 100%}.sheep-1{background-position:20% 100%}.sheep-2{background-position:40% 100%}.sheep-3{background-position:calc(3 * 100% / 5) 100%}.sheep-4{background-position:80% 100%}.sheep-5{background-position:100% 100%}@keyframes label-bob{0%{transform:translateY(0)}1%{transform:translateY(calc(-1 * var(--gpx)))}50%{transform:translateY(calc(-1 * var(--gpx)))}51%{transform:translateY(0)}to{transform:translateY(0)}}.label{background-image:url(/images/sheep.png);background-size:calc(var(--sprite-width) * var(--gpx)) calc(var(--sprite-height) * var(--gpx));background-repeat:no-repeat;background-position:calc(var(--sheep-index) * 100% / (var(--sprite-cols) - 1)) 0%;width:calc(var(--sprite-col-width) * var(--gpx));height:calc(var(--label-height) * var(--gpx));animation:label-bob 2s infinite}.jesus{background-image:url(/images/jesus.png);background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;position:absolute;animation:label-bob 2s infinite;width:calc(26 * var(--gpx));height:calc(41 * var(--gpx));left:calc(124 * var(--gpx));top:calc(48 * var(--gpx));cursor:pointer}.quotation{position:absolute;top:calc(10 * var(--gpx));left:0;right:0;font-family:"Jacquard 12",monospace;font-size:calc(var(--text-size) * var(--gpx));color:#fffac4;text-align:center;line-height:1.5;z-index:10;padding:0 calc(5 * var(--gpx))}.admin-panel-inline{position:absolute;top:calc(10 * var(--gpx));left:0;right:0;z-index:10;padding:0 calc(5 * var(--gpx));display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--gpx))}.admin-panel-inline form{display:flex;gap:calc(5 * var(--gpx));width:100%;max-width:calc(200 * var(--gpx))}.admin-panel-inline .admin-input{flex:1;font-family:"Jacquard 12",monospace;font-size:calc(var(--text-size) * var(--gpx));padding:calc(5 * var(--gpx));background-color:#fffac41a;color:#fffac4;border:1px solid #fffac4}.admin-panel-inline .admin-input::placeholder{color:#fffac480}.admin-panel-inline .admin-submit{font-family:"Jacquard 12",monospace;font-size:calc(var(--text-size) * var(--gpx));padding:calc(5 * var(--gpx)) calc(10 * var(--gpx));background-color:#fffac41a;color:#fffac4;border:1px solid #fffac4;cursor:pointer}.admin-panel-inline .admin-submit:hover{background-color:#fffac433}.admin-panel-inline .admin-submit:active{background-color:#fffac44d}.admin-panel-inline .admin-error{font-family:"Jacquard 12",monospace;font-size:calc(var(--text-size) * var(--gpx));color:#ff6b6b;padding:calc(5 * var(--gpx));background-color:#ff6b6b1a;border:1px solid #ff6b6b}.score{left:50%;background-size:calc(var(--score-sprite-width) * var(--gpx)) calc(var(--score-sprite-height) * var(--gpx));width:calc(var(--score-sprite-width) * var(--gpx));height:calc(var(--score-sprite-row-height) * var(--gpx));background-image:url(/images/score.png);background-repeat:no-repeat}.crown{background-image:url(/images/crown.png);background-size:contain;background-repeat:no-repeat;image-rendering:pixelated;width:30%;height:30%;position:absolute;opacity:0;top:-5%;left:52%}.winning .crown{opacity:1}#constance .crown,#victoire .crown{left:40%}#snow{opacity:0;pointer-events:none;image-rendering:pixelated;position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-image:url(/images/snow.gif);transition:opacity 2s ease-in-out}.event-history{margin:20px;padding:20px;color:#fffac4;font-family:"Jacquard 12",monospace;max-width:600px}.event-history h2{font-size:calc(var(--text-size) * var(--gpx));margin-top:0;margin-bottom:15px}.no-events{font-size:calc(var(--text-size) * var(--gpx));opacity:.6;font-style:italic}.event{padding:8px;margin:4px 0;border-left:3px solid;font-size:calc(var(--text-size) * var(--gpx));line-height:1.8}.event.good{border-left-color:#0f0}.event.bad{border-left-color:red}.event .event-time{opacity:.6;margin-right:8px;font-size:calc(var(--text-size) * var(--gpx))}.event .player-name{font-weight:700;margin-right:8px}.event .event-text{opacity:.8}.enable-notifications-button{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1000;font-family:"Jacquard 12",monospace;font-size:calc(var(--text-size) * var(--gpx));padding:8px 12px;background-color:#000032e6;color:#fffac4;border:2px solid #fffac4;cursor:pointer}.enable-notifications-button:hover{background-color:#000064e6}.enable-notifications-button:active{background-color:#000096e6}.copyright{margin:20px 0;padding:20px;font-family:"Jacquard 12",monospace;font-size:calc(var(--text-size) * var(--gpx));color:#fffac4;text-shadow:2px 2px 0 black;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}
