@font-face { font-family: 'MinecraftOfficial'; src: url('https://db.onlinewebfonts.com/t/c515a4c5cf40f90e66da6670868f0fe8.woff2') format('woff2'); }
@font-face { font-family: 'MinecraftLogo'; src: url('https://db.onlinewebfonts.com/t/106361a6813291240362b1660bf5486e.woff2') format('woff2'); }

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'MinecraftOfficial', sans-serif; color: #ffffff; padding-top: 90px; padding-bottom: 80px; image-rendering: pixelated; }

/* O vídeo de fundo que substitui o GIF */
.video-background { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; object-fit: cover; z-index: -1; pointer-events: none; }

.topbar { position: fixed; top: 0; left: 0; width: 100%; height: 70px; display: flex; align-items: center; padding: 0 20px; z-index: 100; }
.menu-btn { background: #7a5c3d; border: 3px solid #000; box-shadow: inset -3px -3px #4d3319, inset 3px 3px #9c7c5d; color: #2c1d11; font-size: 28px; cursor: pointer; width: 54px; height: 50px; display: flex; align-items: center; justify-content: center; }

.sidebar { position: fixed; top: 80px; left: -290px; width: 280px; height: auto; z-index: 99; transition: 0.3s ease; padding: 15px; background-color: #5a3d28; border: 4px solid #000; box-shadow: inset -4px -4px 0 #3d2618, inset 4px 4px 0 #7a5c3d; border-radius: 0 0 12px 0; }
.sidebar.active { left: 0; }
.sidebar a { display: flex; align-items: center; gap: 15px; color: #ffffff; text-decoration: none; padding: 12px; font-size: 14px; margin-bottom: 10px; background: #7a5c3d; border: 3px solid #000; text-shadow: 2px 2px #000; box-shadow: inset -3px -3px #4d3319, inset 3px 3px #9c7c5d; }
.sidebar a:hover { background: #8c6c4d; color: #ffff55; }

.main-content { max-width: 520px; margin: 0 auto; padding: 0 10px; }
.logo-container { text-align: center; margin-bottom: 25px; }
.logo-title { font-family: 'MinecraftLogo', sans-serif; font-size: 72px; color: #bababa; text-shadow: 4px 4px #000, 7px 7px #555; letter-spacing: 2px; line-height: 1; }
.logo-subtitle { font-family: 'MinecraftOfficial', sans-serif; font-size: 24px; color: #ffaa00; text-shadow: 3px 3px #000; font-weight: bold; margin-top: 10px; }

/* MODIFICADO APENAS: Opacidade de 0.75 (75%) para o vídeo vazar sutilmente ao fundo */
.minecraft-box { background-color: rgba(28, 28, 28, 0.75); border: 4px solid #140d1a; box-shadow: inset 0 0 0 4px #2c1a3a, inset 4px 4px 0 4px #ffcc00, inset -4px -4px 0 4px #cca300, 0 6px 16px rgba(0,0,0,0.6); padding: 20px; margin-bottom: 25px; text-align: center; }
.box-header { font-size: 14px; color: #aaaaaa; text-transform: uppercase; margin-bottom: 15px; text-shadow: 2px 2px #000; }

/* MODIFICADO APENAS: Opacidade de 0.60 (60%) na caixa interna do IP */
.ip-box { background: rgba(11, 11, 11, 0.6); border: 3px solid #000; padding: 12px; font-size: 18px; color: #55ff55; text-shadow: 2px 2px #005500; font-weight: bold; display: block; width: 100%; margin-bottom: 12px; }

.status-bar { font-size: 12px; color: #ffffff; display: flex; align-items: center; justify-content: center; gap: 8px; }
.status-icon { width: 12px; height: 12px; background: #55ff55; border: 2px solid #000; }

.comp-table { width: 100%; border-collapse: collapse; margin-top: 5px; }
.comp-row { display: flex; justify-content: space-between; align-items: center; padding: 10px; border-bottom: 2px dashed #333; }
.comp-row:last-child { border-bottom: none; }
.platform-info { display: flex; align-items: center; gap: 12px; font-size: 13px; text-shadow: 1px 1px #000; }
.platform-info i { font-size: 16px; color: #ffaa00; width: 20px; text-align: center; }
.status-badge { font-size: 11px; background: #054405; color: #55ff55; padding: 4px 8px; border: 2px solid #000; font-weight: bold; }

.social-grid { display: flex; justify-content: center; gap: 10px; }
.social-slot { width: 52px; height: 52px; background: #4a4a4a; border: 3px solid #373737; box-shadow: inset -3px -3px #212121, inset 3px 3px #8b8b8b, 2px 2px 0 #000; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 22px; text-decoration: none; }
.social-slot:hover { background: #555555; color: #ffff55; }
.btn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.btn-wood { background: #7a5c3d; color: #ffffff; text-decoration: none; padding: 12px; font-size: 13px; font-weight: bold; text-transform: uppercase; border: 3px solid #000000; text-shadow: 2px 2px #000; box-shadow: inset -3px -3px #4d3319, inset 3px 3px #9c7c5d, 0 4px 0 #000; display: flex; align-items: center; justify-content: center; gap: 8px; }
.btn-wood:hover { background: #8c6c4d; color: #ffff55; }

footer { text-align: center; font-size: 11px; color: #555; padding: 20px; text-shadow: 1px 1px #000; }