body {
 margin: 0;
 padding: 0;
 overflow: hidden;
 font-family: sans-serif;
 /* background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%); */
 background: black;
 color: #fff;
 text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

#container {
 position: absolute;
 top: 0;
 left: 0;
 width: 100vw;
 height: 100vh;
}
#info-box {
 position: absolute;
 top: 20px;
 left: 20px;
 padding: 20px;
 background: rgba(255, 105, 180, 0.8); /* Hot Pink with transparency */
 border: 3px solid #fff;
 border-radius: 20px;
 box-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 0 0 10px #ff1493;
 max-width: 350px;
 backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px);
}

h1 {
 font-family: cursive;
 color: #fff;
 font-size: 2.5em;
 margin-top: 0;
 text-shadow: 3px 3px 0px #c71585; /* MediumVioletRed */
}
p, li {
 font-size: 1em;
 line-height: 1.6;
}
ul {
 padding-left: 20px;
 list-style: "💖";
}
li {
 padding-left: 10px;
}
strong {
 color: #ffff00; /* Bright Yellow for emphasis */
 font-weight: 700;
}
#controls-info {
 position: absolute;
 bottom: 20px;
 right: 20px;
 padding: 10px 15px;
 background: rgba(218, 112, 214, 0.8); /* Orchid */
 border-radius: 15px;
 font-size: 0.9em;
 text-align: center;
}