/* ============================================================
STYLE.CSS — shared by index.html and home.html
Palette taken from 90s anime poster art: a flat yellow ground,
vermilion red, heavy black linework, cream paper stock.
============================================================ */
/* ---- THE MUSIC TOGGLE BUTTON -------------------------------- */
.music-btn {
display: block;
width: 100%;
margin-top: 8px;
font-family: "Comic Sans MS", cursive;
font-size: 12px;
color: var(--sun);
background: var(--red);
border: 2px solid var(--ink);
padding: 6px 4px;
cursor: pointer;
}
.music-btn:hover { background: var(--pink); color: var(--ink); }
.volume-row {
display: flex;
align-items: center;
gap: 6px;
margin-top: 6px;
}
.volume-label {
font-family: "Courier New", monospace;
font-size: 10px;
color: var(--ink);
letter-spacing: 1px;
}
.volume-row input[type="range"] {
flex: 1;
accent-color: var(--red);
}
/* ---- THE GUESTBOOK WIDGET ---------------------------------- */
.guestbook-embed {
display: block;
border: 3px solid var(--ink);
box-shadow: 5px 5px 0 var(--ink);
margin: 16px auto;
}
/* ---- THE REAL VISITOR COUNTER --------------------------
Wraps whatever the counter service's code renders (an ![]()
or a