header.game-header{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 width:calc(100% - 40px)!important;max-width:1150px!important;margin:0 auto!important;
 padding:10px 0 6px!important;gap:10px!important;box-sizing:border-box;
}
.header-main-row{display:flex;align-items:center;gap:20px;min-height:38px}
.header-main-row>strong{font-size:22px!important;letter-spacing:.4px!important;white-space:nowrap!important;max-width:none!important}
.header-game-tools{display:flex;align-items:center;gap:7px}
.header-game-tools button{font-size:12px!important;min-height:35px;padding:6px 11px!important;white-space:nowrap}
.header-game-tools #gameSettingsOpen{width:35px;height:35px;padding:0!important;font-size:20px!important}
.header-sound-language{display:flex;align-items:center;gap:19px;margin-left:auto}
.header-sound-language #musicControls{margin:0;gap:7px}
.header-sound-language #musicControls button{min-height:31px;padding:4px 9px;font-size:11px}
.header-sound-language #musicVolume{width:60px;margin-left:3px}
.header-sound-language .game-language{margin:0;font-size:11px;gap:6px}
.header-sound-language .game-language select{min-height:31px;padding:4px 6px;font-size:11px}
.header-support{
 display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;
 padding:10px 15px;border:1px solid #75723d;border-radius:9px;
 background:linear-gradient(105deg,#292c12,#181b0c 65%,#242710);text-align:left;
}
.header-support-copy{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.header-support h2{margin:0!important;font-size:14px!important;color:#f4e9a8;font-weight:600;line-height:1.4}
.header-support p{margin:0;font-size:10px;line-height:1.5;color:#c4c2a2}
.header-support .donation-buttons{display:flex;flex-direction:row;align-items:center;gap:10px;flex-shrink:0}
.header-support .donation-button{display:flex;position:relative;align-items:center;justify-content:center;width:170px;height:38px;min-height:38px;box-sizing:border-box;border-radius:7px;text-decoration:none;line-height:1;overflow:hidden}
.header-support .coffee-link{background:#ffdd00;color:#111}
.header-support .crypto-link{background:#fff;color:#182b4c;padding:3px 8px}
.header-support .donation-button img{display:none;width:auto;max-width:100%;height:38px;object-fit:contain}
.header-support .crypto-link img{height:30px}
.header-button-fallback{display:flex;align-items:center;gap:9px;font:600 14px Georgia,serif}
.header-button-fallback>b{font-size:20px}
.header-image-loaded img{display:block!important}
.header-image-loaded .header-button-fallback{display:none}
.header-now{font:9px Arial,sans-serif;display:flex;flex-direction:column;gap:1px}
.header-now>strong{font:bold 16px Arial,sans-serif;color:#0064dc;letter-spacing:-.5px}
.header-now>strong>span{color:#263858;font-weight:400}
html:fullscreen .header-support,
html:has(:fullscreen) .header-support,
html.expanded-game .header-support,
body.mobile-playing .header-support,
body:has(#arena.expanded-arena) .header-support{display:none!important}
@media(max-width:1050px){
 .header-main-row{gap:12px}.header-sound-language{gap:10px}.header-support-copy{gap:3px;flex-direction:column;align-items:flex-start}
 .header-sound-language #musicVolume{width:44px}.header-sound-language .game-language>span{display:none}
}
@media(max-width:750px){
 header.game-header{width:calc(100% - 20px)!important;padding:7px 0!important;gap:7px!important}
 .header-main-row{gap:8px;flex-wrap:wrap}.header-main-row>strong{font-size:17px!important}
 .header-game-tools{gap:5px}.header-game-tools button{font-size:10px!important;padding:4px 7px!important;min-height:30px}
 .header-game-tools #gameSettingsOpen{width:30px;height:30px;font-size:17px!important}
 .header-sound-language{gap:7px}.header-sound-language #musicVolume{display:none}
 .header-support{gap:10px;padding:8px 10px}.header-support h2{font-size:12px!important}.header-support p{display:none}
 .header-support .donation-button{width:145px;height:33px;min-height:33px}.header-support .donation-button img{height:33px}
 .header-support .crypto-link img{height:27px}.header-support .donation-buttons{gap:7px}
}
@media(max-width:520px){
 .header-main-row{min-width:0;width:100%}.header-main-row>strong{margin-right:auto}.header-sound-language{width:100%;min-width:0;flex-wrap:wrap;justify-content:space-between;margin-left:0}
 .header-support{flex-direction:column;gap:8px}.header-support .donation-buttons{width:100%}.header-support .donation-button{flex:1}
}

.header-main-row{flex-wrap:wrap}
body.mobile-playing>header.game-header{display:none!important}
.game-support .sponsor-column{grid-column:1/-1}

.game-support .sponsor-links{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:24px 72px}
.game-support .sponsor-entry{width:192px;max-width:100%}
.game-support .sponsor-la-posta{background:#fff;color:#15243e;border:1px solid #d5d9df}
.game-support .sponsor-la-posta img{width:168px;height:38px;object-fit:contain;border-radius:0}

/* Logo original, recortado por CSS para que las letras aprovechen el botón. */
.game-support .sponsor-la-posta{gap:6px;padding:3px 10px}
.sponsor-la-posta .sponsor-emblem{display:block;flex:0 0 31px;width:31px;height:31px;background:url('../assets/ui/la-posta-horizontal-hq.png') -4.908px -5.942px / 109.533px 40.042px no-repeat}
.sponsor-la-posta .sponsor-wordmark{display:block;flex:0 0 130.2px;width:130.2px;height:16.8px;background:url('../assets/ui/la-posta-horizontal-hq.png') -78.225px -30.45px / 222.6px 81.375px no-repeat}

/* Barra de sonido e idioma: selectores con forma de píldora como los botones y volumen más largo. */
.header-sound-language :is(#musicStyle,#languageSelect){
 -webkit-appearance:none;appearance:none;box-sizing:border-box;width:auto;min-width:0;margin:0;
 min-height:31px;height:31px;padding:4px 26px 4px 11px;border:2px solid #f0f0e8;border-radius:30px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f0f0e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center,linear-gradient(#626254,#3e4036);
 color:#fff;font:700 11px "Century Gothic",Arial,sans-serif;cursor:pointer;
}
.header-sound-language #languageSelect{
 padding-left:28px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23dcba4c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M2.5 12h19M12 2.5c2.6 2.7 3.9 5.9 3.9 9.5s-1.3 6.8-3.9 9.5c-2.6-2.7-3.9-5.9-3.9-9.5S9.4 5.2 12 2.5z'/%3E%3C/svg%3E") no-repeat 10px center,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f0f0e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center,linear-gradient(#626254,#3e4036);
}
.header-sound-language :is(#musicStyle,#languageSelect):hover{border-color:#dcba4c}
.header-sound-language :is(#musicStyle,#languageSelect):focus-visible{outline:2px solid #dcba4c;outline-offset:2px}
.header-sound-language :is(#musicStyle,#languageSelect) option{background:#2c2d24;color:#fff;font-weight:400}
.header-sound-language .game-language>span{display:none}
.header-sound-language #musicVolume{width:96px;height:18px;margin:0 2px;accent-color:#dcba4c;cursor:pointer}
@media(max-width:1050px){.header-sound-language #musicVolume{width:72px}}
@media(max-width:750px){.header-sound-language #musicVolume{display:none}}

/* La barra superior toma el mismo ancho que el panel principal (main: 1100px con 24px de margen). */
header.game-header{width:calc(100% - 48px)!important;max-width:1052px!important}
@media(max-width:750px){header.game-header{width:calc(100% - 20px)!important}}
/* En compu el engranaje de ajustes va a la derecha, al lado del idioma. */
.header-sound-language #gameSettingsOpen{width:31px;height:31px;min-width:31px;padding:0!important;font-size:18px!important;border-width:2px}
/* Con el ancho del panel, los tres botones de aporte siguen en una sola fila. */
@media(min-width:751px){header.game-header .header-support .donation-buttons{flex-wrap:nowrap;flex-shrink:0}.header-support-copy{min-width:0;flex:1 1 auto}.header-support h2{white-space:normal}}
@media(min-width:751px) and (max-width:1100px){.header-support .donation-button{width:150px}}
/* La barra entra en una sola fila en compu, aunque aparezca «Actualizar juego»:
   espacios más justos y, cuando falta lugar, los botones quedan solo con su ícono. */
@media(min-width:751px){
 header.game-header .header-main-row{gap:14px;flex-wrap:nowrap}
 header.game-header .header-game-tools{gap:6px}
 header.game-header .header-game-tools button{padding:6px 10px!important}
 header.game-header .header-sound-language{gap:10px;flex-shrink:0}
 header.game-header .header-sound-language #musicControls{gap:6px}
 header.game-header .header-sound-language #musicVolume{width:84px}
 header.game-header .header-game-tools:has(#updateGame) #globalFullscreen{font-size:0!important;width:35px;padding:0!important}
 header.game-header .header-game-tools:has(#updateGame) #globalFullscreen::first-letter{font-size:15px}
}
@media(min-width:751px) and (max-width:1200px){
 header.game-header #globalFullscreen{font-size:0!important;width:35px;padding:0!important}
 header.game-header #globalFullscreen::first-letter{font-size:15px}
 header.game-header .header-sound-language #musicVolume{width:64px}
}
@media(min-width:751px) and (max-width:1000px){
 header.game-header .header-game-tools:has(#updateGame) :is(#installGame,#updateGame){font-size:0!important;width:35px;padding:0!important}
 header.game-header .header-game-tools:has(#updateGame) :is(#installGame,#updateGame)::first-letter{font-size:15px}
}
@media(min-width:751px) and (max-width:880px){header.game-header .header-sound-language #musicVolume{display:none}}

/* Cabezones runtime recovery epoch 1 */