.confirm-overlay{z-index:1200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--bg-color);text-align:center;color:#fff;border:4px solid #000;width:320px;max-width:90%;padding:18px;box-shadow:6px 6px #000}.confirm-title{color:var(--accent-red);text-transform:uppercase;margin:0 0 8px;font-size:14px}.confirm-message{color:var(--accent-gold);margin-bottom:12px;font-size:12px}.confirm-actions{justify-content:center;gap:12px;display:flex}
.username-setup-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.username-setup-modal{background:var(--bg-color,#1a1a1a);border:4px solid var(--accent-red,#f33);width:100%;max-width:400px;padding:24px;animation:.3s ease-out slideIn;box-shadow:0 0 0 4px #000,8px 8px #00000080}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.username-setup-title{color:var(--accent-gold,gold);text-align:center;text-shadow:2px 2px #00000080;margin:0 0 16px;font-size:16px}.username-setup-description{color:#fff;text-align:center;margin:0 0 24px;font-size:10px;line-height:1.6}.username-setup-form{flex-direction:column;gap:16px;display:flex}.username-setup-input{color:#fff;border:3px solid var(--accent-red,#f33);text-align:center;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;background:#000;outline:none;padding:12px;font-family:"Press Start 2P",cursive;font-size:12px}.username-setup-input::placeholder{color:#666}.username-setup-input:focus{border-color:var(--accent-gold,gold);box-shadow:inset 0 0 0 2px #000,inset 0 0 0 4px var(--accent-gold,gold)}.username-setup-error{color:var(--accent-red,#f33);text-align:center;margin:-8px 0 0;font-size:8px}.username-setup-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.username-setup-skip{color:#999;cursor:pointer;text-align:center;background:0 0;border:none;padding:8px;font-family:"Press Start 2P",cursive;font-size:8px;transition:color .2s}.username-setup-skip:hover{color:#fff;text-decoration:underline}.username-setup-skip:active{color:var(--accent-gold,gold)}@media (max-width:480px){.username-setup-modal{padding:20px}.username-setup-title{font-size:14px}.username-setup-description{font-size:9px}.username-setup-input{padding:10px;font-size:11px}}
.account-panel{background-color:var(--bg-color);border:4px solid var(--accent-red);font-family:var(--font-press-start-2p),monospace;margin-bottom:15px;padding:15px;box-shadow:4px 4px #000}.account-panel-signed-in{flex-direction:column;gap:10px;display:flex}.account-panel-signed-out{text-align:center}.account-loading{color:var(--accent-gold);text-align:center;margin:0;font-size:10px}.account-info{align-items:center;gap:10px;display:flex}.account-avatar{border:2px solid var(--accent-gold);width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.account-details{flex:1;min-width:0}.account-name{color:var(--accent-gold);word-break:break-word;margin:0 0 5px;font-size:10px}.account-email{color:#ccc;word-break:break-word;margin:0;font-size:8px}.account-prompt{color:var(--accent-gold);margin:0 0 10px;font-size:9px;line-height:1.4}.account-error{color:var(--accent-red);margin:10px 0 0;font-size:8px;line-height:1.3}.account-name-row{align-items:center;gap:8px;margin-bottom:5px;display:flex}.account-name-row .account-name{margin:0}.pixel-btn-icon{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:16px}.pixel-btn-icon:hover{opacity:1;color:var(--accent-gold)}.account-edit-name{align-items:center;gap:5px;display:flex}.account-edit-name .pixel-input{width:100%;font-size:10px;font-family:var(--font-press-start-2p),monospace;border:2px solid var(--accent-gold);color:#fff;background:#000;padding:4px}.account-edit-actions{gap:2px;display:flex}.pixel-btn-tiny{background:var(--accent-red);color:#fff;font-family:var(--font-press-start-2p),monospace;cursor:pointer;border:2px solid #000;padding:4px;font-size:8px;box-shadow:2px 2px #000}.pixel-btn-tiny:active{box-shadow:none;transform:translate(2px,2px)}