:root {
    --bg: #02000a;
    --cyan: #00f2ff;
    --pink: #ff00ea;
    --win-bg: rgba(5, 8, 25, 0.92);
}

/* Base UI Fixes */
body {
    background: var(--bg) url('https://sadgrl.online/assets/images/backgrounds/water_bg.gif') fixed;
    background-size: cover; margin: 0; color: #fff;
    font-family: 'Tahoma', sans-serif; overflow: hidden;
}

/* Glitch Animation for Title */
.glitch-text {
    font-size: 32px; font-weight: 900; position: relative;
    color: var(--cyan); letter-spacing: 5px; margin: 0;
}
.glitch-text::before, .glitch-text::after {
    content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.glitch-text::before { left: 2px; text-shadow: -2px 0 var(--pink); animation: glitch 2s infinite linear alternate-reverse; }

@keyframes glitch {
    0% { clip: rect(44px, 450px, 56px, 0); }
    20% { clip: rect(12px, 450px, 30px, 0); }
    /* ... add more steps for better effect ... */
    100% { clip: rect(60px, 450px, 80px, 0); }
}

/* Box Styling */
.content-box { position: absolute; background: var(--win-bg); border: 1px solid var(--cyan); box-shadow: 0 0 15px rgba(0,242,255,0.2); backdrop-filter: blur(10px); }
.box-header { background: linear-gradient(90deg, #0044ff, #000); padding: 5px 10px; cursor: move; font-size: 10px; font-weight: bold; border-bottom: 1px solid var(--cyan); text-transform: uppercase; }

/* Busy Elements */
.interest-tags span { background: var(--pink); font-size: 9px; padding: 2px 4px; border-radius: 3px; margin: 2px; display: inline-block; }
.stamp-wall { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; padding: 5px; }
.stamp-wall img { border: 1px solid #333; cursor: help; }
.stamp-wall img:hover { filter: brightness(1.2) drop-shadow(0 0 5px var(--cyan)); }

/* Player & Stats */
.vis-grid { display: flex; gap: 2px; height: 15px; justify-content: center; margin-top: 5px; }
.vis-grid span { width: 3px; background: var(--pink); animation: bar 0.5s infinite alternate; }
@keyframes bar { from { height: 2px; } to { height: 15px; } }

.status-grid { display: grid; grid-template-columns: repeat(4, 1fr); font-size: 10px; text-align: center; }
.stat-item span { color: var(--cyan); font-weight: bold; }

/* Guestbook Row */
.gb-input-row { display: flex; gap: 2px; }
.gb-input-row input { background: #000; border: 1px solid var(--cyan); color: #fff; font-size: 10px; flex-grow: 1; padding: 2px; }
.gb-input-row button { background: var(--cyan); color: #000; border: none; font-size: 9px; font-weight: bold; cursor: pointer; }