:root{--bg-color: #2c2c54;--text-color: #f7f1e3;--accent-color: #ff5252;--secondary-color: #34ace0;--card-bg: #40407a;--pixel-border: 4px solid #000}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:"Press Start 2P",cursive;-webkit-font-smoothing:none}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{font-family:"Press Start 2P",cursive;cursor:pointer}.pixel-input{background-color:var(--card-bg);border:var(--pixel-border);border-color:#fff;color:#fff;padding:10px;font-family:"Press Start 2P",cursive;font-size:1rem;width:100%;outline:none;box-shadow:4px 4px #000;margin-bottom:1rem}.pixel-btn{background-color:var(--secondary-color);border:var(--pixel-border);border-color:#fff;color:#fff;padding:15px 20px;font-family:"Press Start 2P",cursive;font-size:1rem;box-shadow:4px 4px #000;cursor:pointer;transition:transform .1s;text-transform:uppercase}.pixel-btn:active{transform:translate(4px,4px);box-shadow:0 0 #000}.pixel-btn.secondary{background-color:var(--card-bg)}.pixel-btn.accent{background-color:var(--accent-color)}.pixel-card{background-color:var(--card-bg);border:var(--pixel-border);border-color:#fff;padding:1rem;box-shadow:6px 6px #000;color:#fff}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block}.file-input-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0}.drawer-overlay{position:fixed;inset:0;background:#000000b3;z-index:99;display:none}.drawer-overlay.open{display:block}.drawer{position:fixed;bottom:-100%;left:0;width:100%;height:80vh;background-color:var(--bg-color);border-top:4px solid #fff;transition:bottom .3s ease-out;z-index:100;display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000080}.drawer.open{bottom:0}.drawer-header{padding:1rem;background-color:var(--card-bg);border-bottom:4px solid #000;display:flex;justify-content:space-between;align-items:center}.drawer-content{padding:1rem;overflow-y:auto;flex:1}.participant-avatar{width:64px;height:64px;border:4px solid #000;display:flex;align-items:center;justify-content:center;font-size:24px;background-size:cover;background-position:center;image-rendering:pixelated}