@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

.siamonoi-wrapper{
  display:flex;
  justify-content:center;
  padding:40px;
}

.siamonoi-card{
  font-family:'Press Start 2P',monospace;
  background:rgba(15,15,15,0.85);
  border-radius:28px;
  padding:40px;
  width:900px;
  border:3px solid transparent;
  animation:glow 3s infinite linear;
}

@keyframes glow{
  0%{box-shadow:0 0 20px #ff7a00,0 0 40px #ff0000;}
  50%{box-shadow:0 0 35px #ff0000,0 0 70px #ff4500;}
  100%{box-shadow:0 0 20px #ff7a00,0 0 40px #ff0000;}
}

h1{text-align:center;color:#6aa84f}
.server-ip{text-align:center;color:#fff;margin:20px 0}

.server-status{text-align:center;margin:25px 0}
.led{
  width:16px;height:16px;
  background:#5cff5c;
  border-radius:50%;
  display:inline-block;
  animation:pulse 1.5s infinite;
  margin:0 12px;
}

@keyframes pulse{0%{opacity:1}50%{opacity:.4}100%{opacity:1}}

.stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}

.box{
  background:rgba(0,0,0,0.45);
  border-radius:18px;
  padding:25px;
  border:1px solid #2e7d32;
}

.label{color:#6aa84f;margin-bottom:12px}
.value{color:#fff;font-size:20px}
.sub{font-size:11px;color:#bbb}

.motd span{font-size:18px}
.g{color:#008C45}.w{color:#fff}.r{color:#CD212A}

.flags{
  display:flex;
  justify-content:center;
  gap:25px;
  margin:35px 0;
}

.flag{
  width:42px;
  height:28px;
  animation:wind 2.5s infinite ease-in-out;
}

.flag.it{
  background:linear-gradient(90deg,#008C45 33%,#fff 33% 66%,#CD212A 66%);
}

.flag.ch{
  background:red;
  position:relative;
}
.flag.ch:before,.flag.ch:after{
  content:'';
  position:absolute;
  background:#fff;
}
.flag.ch:before{width:60%;height:20%;top:40%;left:20%}
.flag.ch:after{width:20%;height:60%;top:20%;left:40%}

@keyframes wind{
  0%{transform:skewX(0deg)}
  50%{transform:skewX(-6deg)}
  100%{transform:skewX(0deg)}
}

.actions{text-align:center;margin:30px 0}
button{
  background:#2e7d32;
  color:#fff;
  border:none;
  border-radius:14px;
  padding:14px 28px;
  font-family:inherit;
  margin:0 10px;
  cursor:pointer;
}

.mods{
  display:block;
  margin:20px auto;
  background:#777;
  width:max-content;
  padding:16px 36px;
  border-radius:14px;
  color:#fff;
  text-decoration:none;
}

.discord{
  display:block;
  margin:20px auto;
  background:#5865F2;
  padding:18px 40px;
  border-radius:16px;
  color:#fff;
  text-decoration:none;
}

.updated{text-align:center;color:#aaa;font-size:11px;margin-top:20px}