:root {
    --bg-image: url('/imag/main/bg.png'); 
    --furnace: linear-gradient(0deg, #525252 0%, #FCFCFC 100%);
    --radius: 8px;
}

body {
    /* Настройки полноэкранного фона */
    background-image: var(--bg-image);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
    background-color: #1a1a1a;
    
    margin: 0;
    padding: 10px;
    font-family: 'Courier New', monospace;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    min-width: 980px; 
}

.furnace-card {
    position: relative;
    padding: 1.5px;
    background: var(--furnace);
    width: 100%;
    margin-bottom: 8px;
    --m: radial-gradient(var(--radius) at 100% 100%, #0000 98%, #000 101%) 100% 100% / 51% 51% no-repeat;
    -webkit-mask: var(--m), radial-gradient(var(--radius) at 0 100%, #0000 98%, #000 101%) 0 100% / 51% 51% no-repeat,
                  radial-gradient(var(--radius) at 100% 0, #0000 98%, #000 101%) 100% 0 / 51% 51% no-repeat,
                  radial-gradient(var(--radius) at 0 0, #0000 98%, #000 101%) 0 0 / 51% 51% no-repeat;
    mask: -webkit-mask;
}

.main-plate {
    background: rgba(255, 255, 255, 0.9); 
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    --ir: calc(var(--radius) - 1px);
    --im: radial-gradient(var(--ir) at 100% 100%, #0000 98%, #000 101%) 100% 100% / 51% 51% no-repeat;
    -webkit-mask: var(--im), radial-gradient(var(--ir) at 0 100%, #0000 98%, #000 101%) 0 100% / 51% 51% no-repeat,
                  radial-gradient(var(--ir) at 100% 0, #0000 98%, #000 101%) 100% 0 / 51% 51% no-repeat,
                  radial-gradient(var(--ir) at 0 0, #0000 98%, #000 101%) 0 0 / 51% 51% no-repeat;
    mask: -webkit-mask;
}

.nav-container { 
    width: 100%;
    margin-bottom: 7px; 
}

.nav-links { text-align: center; }
.nav-links a { color: #000; text-decoration: none; font-weight: bold; margin: 0 8px; text-transform: uppercase; font-size: 13px; }

.grid {
    display: flex;
    width: 980px;
    gap: 7px;
    align-items: flex-start;
}

.col-side { 
    width: 164px;
    min-width: 164px;
    max-width: 164px;
    flex-shrink: 0; 
}

.col-main { 
    width: 600px;
    min-width: 600px;
    max-width: 600px;
    flex-shrink: 0;
} 

h1 { font-size: 18px; margin: 0 0 5px 0; text-transform: uppercase; }
h3 { font-size: 12px; margin: 0 0 4px 0; text-align: center; border-bottom: 1px solid #ddd; background: #eee; padding: 2px; }
.divider { margin: 8px 0; border-bottom: 1px solid #999; }
p { margin: 4px 0; }

.stat-line {
    font-size: 11px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
}
.stat-line span { font-weight: bold; }
.red { color: #cc0000; }

.gallery-stack { display: flex; flex-direction: column; gap: 4px; }
.gal-img { width: 100%; height: 80px; object-fit: cover; background: #999; border: 1px solid #555; display: block; }
.gallery-link { display: block; text-align: center; margin-top: 5px; font-size: 10px; color: #333; text-decoration: none;}
.player-row { display: flex; align-items: center; gap: 5px; padding: 2px; border-bottom: 1px dashed #ccc; font-size: 11px;}
.player-head {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    vertical-align: middle;
    image-rendering: pixelated; 
    object-fit: cover;
}

.custom-skin {
    border: 1px solid #555;
}

.player-head {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: middle;
    image-rendering: pixelated;
    object-fit: cover;
}