.modal-overlay{z-index:10003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{color:#eee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a 0%,#222 100%);border:2px solid #c79b3b;border-radius:16px;gap:0;width:90%;max-width:480px;padding:32px;position:relative;box-shadow:0 20px 40px #000000b3,0 4px 8px #0000004d}.modal-header{background:linear-gradient(135deg,#c79b3b26 0%,#c79b3b14 100%);border:1px solid #c79b3b66;border-radius:12px;width:100%;margin-bottom:20px;padding:20px}.modal-champion-name{text-align:center;color:#c79b3b;letter-spacing:.5px;text-shadow:0 2px 4px #0000004d;font-size:20px;font-weight:700}.modal-question{text-align:center;color:#eee;margin-bottom:32px;padding:8px 0;font-size:16px;font-weight:500;line-height:1.6}.modal-actions{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;margin-top:0;display:flex}@media (max-width:480px){.modal-actions{flex-direction:column;gap:12px}.modal-btn{width:100%;min-width:0;max-width:none}}.modal-btn{letter-spacing:.4px;cursor:pointer;border:none;border-radius:10px;outline:none;flex:1;min-width:140px;max-width:200px;height:48px;padding:0 28px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.modal-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.modal-btn:hover:before{left:100%}.modal-btn-cancel{color:#eee;background:linear-gradient(135deg,#2a2a2a 0%,#333 100%);border:2px solid #666;box-shadow:0 2px 8px #0003}.modal-btn-cancel:hover{background:linear-gradient(135deg,#333 0%,#3a3a3a 100%);border-color:#777;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.modal-btn-cancel:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.modal-btn-confirm{color:#0a0a0a;background:linear-gradient(135deg,#c79b3b 0%,#d4a847 100%);border:2px solid #c79b3b;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a}.modal-btn-confirm:hover{background:linear-gradient(135deg,#d4a847 0%,#e8b84d 100%);border-color:#e8b84d;transform:translateY(-1px);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26}.modal-btn-confirm:active{transform:translateY(0);box-shadow:0 2px 6px #0000004d,inset 0 1px #ffffff1a}
.modal-overlay-config{z-index:10000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:fixed;top:0;left:0}.modal-config{color:#ebebeb;z-index:10001;background:#222;border:1px solid #c79b3b;border-radius:8px;width:433px;max-width:95%;height:390px;position:relative;box-shadow:0 8px 32px #00000080}.card-select-settings{color:#0a0a0a;background-color:#c79b3b;height:137px}.card-not-select-settings{color:#c79b3b;border:1px solid #c79b3b;height:137px}.ok-icon{display:inline-block;position:absolute;top:0;left:100%}