@font-face {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: normal;
    src: local('Century Gothic'),
            url('./resources/fonts/GOTHIC.woff2') format('woff2'),
            url('./resources/fonts/GOTHIC.woff') format('woff'),
            url('./resources/fonts/GOTHIC.ttf') format('ttf');
}
@font-face {
    font-family: 'Cadillac Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Cadillac Sans'),
    url('./resources/fonts/cadillac_sans.woff2') format('woff2'),
    url('./resources/fonts/cadillac_sans.woff') format('woff'),
    url('./resources/fonts/cadillac_sans.otf') format('ttf');
}

body{
	padding: 0;
	margin: 0;
}

#gameBlock
{
    width: 100%;
}

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


#logBlock
{
    width: 100%;
    text-align: left;
}

#logBlock .error
{
    color: #731509;
}

#logBlock .debug
{
    color: #9f4214;
}

#logBlock .warn
{
    color: #5c4515;
}

#logBlock .info
{
    color: #09510f;
}






/* Repetición del gol */

#goalReplay{position:absolute;inset:0;z-index:30;pointer-events:none;font-family:"Century Gothic",Arial,sans-serif}
#goalReplay .goal-replay-badge{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:30px;background:rgba(10,12,8,.78);color:#fff;font-weight:700;font-size:15px;letter-spacing:1px;box-shadow:0 2px 10px rgba(0,0,0,.4)}
#goalReplay .goal-replay-dot{width:10px;height:10px;border-radius:50%;background:#e23b2e;animation:goalReplayBlink 1s steps(2,start) infinite}
@keyframes goalReplayBlink{to{visibility:hidden}}
#goalReplay .goal-replay-actions,#goalReplay .goal-replay-ready{position:absolute;right:14px;bottom:12px;display:flex;gap:8px;align-items:center;pointer-events:auto}
#goalReplay .goal-replay-ready{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);flex-direction:column;gap:10px;padding:18px 22px;border:2px solid #dcba4c;border-radius:16px;background:rgba(20,22,15,.92);color:#fff;min-width:220px}
#goalReplay .goal-replay-ready strong{font-size:18px;margin-bottom:2px}
#goalReplay button{min-height:38px;padding:7px 16px;border:2px solid #f0f0e8;border-radius:30px;background:linear-gradient(#626254,#3e4036);color:#fff;font:700 13px "Century Gothic",Arial,sans-serif;cursor:pointer;white-space:nowrap}
#goalReplay .goal-replay-ready button{width:100%}
#goalReplay button:hover{border-color:#dcba4c}
#goalReplay .goal-replay-share{background:linear-gradient(#e8c75a,#b98f22);color:#1c1a10;border-color:#f6e7ad}
#goalReplay .goal-replay-status{position:absolute;left:50%;top:14px;transform:translateX(-50%);padding:7px 14px;border-radius:30px;background:rgba(226,59,46,.9);color:#fff;font-weight:700;font-size:13px}
@media(pointer:coarse){#goalReplay .goal-replay-actions{bottom:auto;top:calc(64px + env(safe-area-inset-top));right:12px}#goalReplay button{min-height:44px}}
#goalReplayOffer{position:absolute;right:14px;bottom:12px;z-index:30;pointer-events:auto;animation:goalReplayIn .25s ease-out}
#goalReplayOffer button{min-height:40px;padding:8px 18px;border:2px solid #f6e7ad;border-radius:30px;background:linear-gradient(#e8c75a,#b98f22);color:#1c1a10;font:700 14px "Century Gothic",Arial,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 3px 12px rgba(0,0,0,.45)}
#goalReplayOffer button:hover{border-color:#fff}
#goalReplayOffer button:disabled{cursor:default;opacity:.85}
@keyframes goalReplayIn{from{opacity:0;transform:translateY(8px)}}
@media(pointer:coarse){#goalReplayOffer{bottom:auto;top:calc(64px + env(safe-area-inset-top));right:12px}#goalReplayOffer button{min-height:46px}}

/* Cabezones runtime recovery epoch 1 */