:root { --gold: #FFD700; }
* { box-sizing: border-box; }
html, body {
margin: 0; padding: 0; font-size: 16px; -webkit-text-size-adjust: 100%;
}
.container, section, .puck-container {
max-width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
button, .btn, a[role="button"] { min-height: 48px; padding: 12px 24px; font-size: 1rem; }
#chatWindow { height: 420px !important; }
.character-btn { min-height: 240px; }
img, video, iframe { max-width: 100% !important; height: auto !important; }
@media (max-width: 768px) {
h1, h2 { font-size: 1.8rem; }
section { padding: 30px 15px !important; }
}
