.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,6,18,0.9);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:linear-gradient(135deg,var(--apz-bg-panel, #1a0a2a),#0d0820);border:2px solid var(--apz-accent, #00f5ff);border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px color-mix(in srgb,var(--apz-accent, #00f5ff) 30%,transparent);animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-titlebar{background:linear-gradient(90deg,var(--apz-accent, #00f5ff),var(--apz-accent-alt, #ff2d78));padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-radius:6px 6px 0 0}.modal-titlebar span{font-size:10px;color:var(--apz-bg, #0a0612);font-weight:bold}.modal-close{background:none;border:none;color:var(--apz-bg, #0a0612);font-size:14px;cursor:pointer;padding:0 5px;opacity:0.7;transition:opacity 0.15s}.modal-close:hover{opacity:1}.modal-body{padding:20px}.modal-body h3{font-size:12px;color:var(--apz-accent, #00f5ff);margin-bottom:15px}.modal-body p{font-size:9px;color:var(--apz-text, #f0ead8);line-height:1.8;margin-bottom:10px}.modal-footer{padding:15px 20px;display:flex;justify-content:center;border-top:1px solid var(--apz-border, #2a1a3a)}.btn{background:linear-gradient(180deg,var(--apz-accent, #00f5ff),#0088aa);border:none;color:var(--apz-bg, #0a0612);font-family:"Press Start 2P",monospace;font-size:10px;padding:12px 24px;cursor:pointer;border-radius:4px;transition:all 0.15s ease;box-shadow:0 2px 8px color-mix(in srgb,var(--apz-accent, #00f5ff) 30%,transparent)}.btn:hover{background:linear-gradient(180deg,var(--apz-accent-bright, #33ffff),#00bbdd);box-shadow:0 4px 12px color-mix(in srgb,var(--apz-accent, #00f5ff) 50%,transparent);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:0 2px 4px color-mix(in srgb,var(--apz-accent, #00f5ff) 30%,transparent)}.btn-secondary{background:transparent;border:2px solid var(--apz-accent, #00f5ff);color:var(--apz-accent, #00f5ff)}.btn-secondary:hover{background:rgba(0,245,255,0.1)}.btn-danger{background:linear-gradient(180deg,var(--apz-accent-alt, #ff2d78),var(--apz-accent-alt-dark, #aa1155));box-shadow:0 2px 8px color-mix(in srgb,var(--apz-accent-alt, #ff2d78) 30%,transparent)}.btn-danger:hover{background:linear-gradient(180deg,var(--apz-accent-alt-hover, #ff5a99),var(--apz-accent-alt-dim, #cc2266));box-shadow:0 4px 12px color-mix(in srgb,var(--apz-accent-alt, #ff2d78) 50%,transparent)}.custom-dropdown{position:relative;width:100%}.dropdown-selected{background:var(--apz-bg-panel, #1a0a2a);border:2px solid var(--apz-accent, #00f5ff);border-radius:4px;padding:10px 15px;font-family:"Press Start 2P",monospace;font-size:10px;color:var(--apz-text, #f0ead8);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color 0.15s}.dropdown-selected::after{content:"▼";font-size:8px;color:var(--apz-text-dim, #8a7fa8)}.dropdown-selected:hover{border-color:var(--apz-accent-bright, #33ffff)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:var(--apz-bg-panel, #1a0a2a);border:2px solid var(--apz-accent, #00f5ff);border-top:none;border-radius:0 0 4px 4px;max-height:0;overflow:hidden;transition:max-height 0.2s ease;z-index:100}.custom-dropdown.open .dropdown-options{max-height:300px;overflow-y:auto}.dropdown-option{padding:10px 15px;font-family:"Press Start 2P",monospace;font-size:9px;color:var(--apz-text, #f0ead8);cursor:pointer;transition:background 0.15s}.dropdown-option:hover{background:rgba(0,245,255,0.2)}.dropdown-option.selected{background:color-mix(in srgb,var(--apz-accent, #00f5ff) 30%,transparent);color:var(--apz-accent, #00f5ff)}.score-box{background:var(--apz-bg-panel, #1a0a2a);border:2px solid var(--apz-accent, #00f5ff);border-radius:4px;padding:8px 16px;text-align:center}.score-label{font-size:8px;color:var(--apz-text-dim, #8a7fa8);margin-bottom:4px}.score-value{font-size:16px;color:var(--apz-accent, #00f5ff);text-shadow:0 0 8px color-mix(in srgb,var(--apz-accent, #00f5ff) 50%,transparent)}.controls{display:flex;gap:8px;justify-content:center;margin:15px 0}.control-btn{background:transparent;border:1px solid var(--apz-text-dim, #8a7fa8);color:var(--apz-text-dim, #8a7fa8);font-family:"Press Start 2P",monospace;font-size:8px;padding:8px 12px;cursor:pointer;border-radius:4px;transition:all 0.15s}.control-btn:hover{border-color:var(--apz-accent, #00f5ff);color:var(--apz-accent, #00f5ff)}