.arcade-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.arcade-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:3px solid #ffd700;border-radius:12px;padding:1.5rem;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 20px rgba(255,215,0,.3),0 0 40px rgba(255,215,0,.1),inset 0 0 60px rgba(0,0,0,.3);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.arcade-header{text-align:center;margin-bottom:1.5rem}.arcade-header h2{color:#ffd700;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin:0 0 1rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.arcade-score{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.score-value{font-size:3rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.score-unit{font-size:1.25rem;color:#aaa}.arcade-test-name{color:#888;font-size:.9rem;margin-top:.5rem}.arcade-body{display:flex;flex-direction:column;gap:1.5rem}.country-section label,.name-section label{display:block;color:#ffd700;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem}.name-slots{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.name-slot{display:flex;flex-direction:column;align-items:center;gap:.25rem}.name-slot.active .slot-char{border-color:#ffd700;box-shadow:0 0 15px rgba(255,215,0,.5)}.slot-arrow{background:transparent;border:none;color:#666;font-size:.75rem;cursor:pointer;padding:.25rem .5rem;transition:color .2s}.slot-arrow:hover:not(:disabled){color:#ffd700}.slot-arrow:disabled{opacity:.3;cursor:not-allowed}.slot-char{width:40px;height:50px;display:flex;align-items:center;justify-content:center;background:#0a0a1a;border:2px solid #333;border-radius:6px;font-size:1.75rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s}.name-controls{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.control-btn{width:30px;height:30px;border:2px solid #444;border-radius:6px;background:#1a1a2e;color:#888;font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn:hover:not(:disabled){border-color:#ffd700;color:#ffd700}.control-btn:disabled{opacity:.3;cursor:not-allowed}.char-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:.35rem;padding:.5rem;background:#0a0a1a;border-radius:8px}.char-btn{aspect-ratio:1;border:1px solid #333;border-radius:4px;background:#1a1a2e;color:#ccc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.char-btn:hover:not(:disabled){background:#2a2a4e;border-color:#ffd700;color:#fff}.char-btn.selected{background:#ffd700;color:#000;border-color:#ffd700}.char-btn:disabled{opacity:.3;cursor:not-allowed}.country-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;padding:.5rem;background:#0a0a1a;border-radius:8px}.country-btn{aspect-ratio:1;border:2px solid #333;border-radius:6px;background:#1a1a2e;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:.25rem}.country-btn:hover:not(:disabled){border-color:#ffd700;transform:scale(1.1)}.country-btn.selected{border-color:#ffd700;background:#2a2a4e;box-shadow:0 0 10px rgba(255,215,0,.3)}.country-btn:disabled{opacity:.3;cursor:not-allowed}.country-flag{font-size:1.5rem}.show-more-btn{display:block;width:100%;margin-top:.75rem;padding:.5rem;background:transparent;border:1px solid #444;border-radius:6px;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s}.show-more-btn:hover{border-color:#ffd700;color:#ffd700}.arcade-preview{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#0a0a1a;border-radius:8px;margin-top:1rem}.preview-flag{font-size:2rem}.preview-name{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:3px}.arcade-actions{display:flex;gap:1rem;margin-top:1.5rem}.arcade-btn{flex:1 1;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s}.arcade-btn.submit{background:linear-gradient(135deg,#ffd700,#ff9500);color:#000}.arcade-btn.submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px rgba(255,215,0,.4)}.arcade-btn.cancel{background:#333;color:#fff}.arcade-btn.cancel:hover:not(:disabled){background:#444}.arcade-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.arcade-hint{text-align:center;color:#555;font-size:.75rem;margin-top:1rem}@media (max-width:480px){.arcade-modal{padding:1rem}.arcade-header h2{font-size:1.25rem}.score-value{font-size:2.5rem}.slot-char{width:35px;height:45px;font-size:1.5rem}.char-grid{grid-template-columns:repeat(6,1fr)}.country-grid{grid-template-columns:repeat(5,1fr)}.country-flag{font-size:1.25rem}.preview-name{font-size:1.5rem}.arcade-actions{flex-direction:column}.arcade-hint{display:none}}