.question-input{color:#eee;letter-spacing:.3px;background:linear-gradient(135deg,#222 0%,#2a2a2a 100%);border:2px solid #c79b3b;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,inset 0 1px #c79b3b1a}.question-input:focus{background:linear-gradient(135deg,#2a2a2a 0%,#303030 100%);border-color:#e8b84d;transform:translateY(-1px);box-shadow:0 0 0 3px #c79b3b26,0 4px 12px #0000004d,inset 0 1px #e8b84d33}.question-input:hover:not(:focus){border-color:#d4a847;box-shadow:0 3px 10px #00000040,inset 0 1px #c79b3b26}.question-input-win{color:#eee;letter-spacing:.3px;background:linear-gradient(135deg,#222 0%,#2a2a2a 100%);border:2px solid #7eaa32;font-size:16px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,inset 0 1px #7eaa321a}.question-input-win:focus{background:linear-gradient(135deg,#2a2a2a 0%,#303030 100%);border-color:#8fc637;transform:translateY(-1px);box-shadow:0 0 0 3px #7eaa3226,0 4px 12px #0000004d,inset 0 1px #8fc63733}.question-input-win:hover:not(:focus){border-color:#99d43a;box-shadow:0 3px 10px #00000040,inset 0 1px #7eaa3226}.question-input-filling{letter-spacing:.3px;background:linear-gradient(135deg,#1a1a1a 0%,#222 100%);border:2px solid #5f5f5f;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003,inset 0 1px #5f5f5f0d}.question-input-filling:focus{background:linear-gradient(135deg,#222 0%,#2a2a2a 100%);border-color:#7f7f7f;transform:translateY(-1px);box-shadow:0 0 0 3px #5f5f5f1a,0 4px 12px #0000004d,inset 0 1px #7f7f7f1a}.question-input-filling:hover:not(:focus){border-color:#7a7a7a;box-shadow:0 3px 10px #00000040,inset 0 1px #5f5f5f1a}.question-input::placeholder{color:#eee;opacity:.25;font-style:italic;font-weight:400}.question-label{letter-spacing:.5px;text-shadow:0 1px 2px #0000004d;font-size:17px;font-weight:600}.champion-count{background:linear-gradient(135deg,#c79b3b26 0%,#c79b3b14 100%);border:1px solid #c79b3b4d;border-radius:6px;padding:4px 10px;font-weight:600;transition:all .2s}.champion-count:hover{background:linear-gradient(135deg,#c79b3b33 0%,#c79b3b1f 100%);border-color:#c79b3b66;transform:scale(1.02)}.question-input-wrapper{z-index:50}.question-dropdown-container{z-index:100;width:100%;position:absolute;box-shadow:0 8px 16px #0000004d}.question-dropdown{background-color:#1a1a1a;border:2px solid #5f5f5f;border-bottom:none;margin-top:-2px}.question-dropdown li{color:#eee;border-bottom:1px solid #2a2a2a;font-size:16px;list-style:none}.question-dropdown li:last-child{border-bottom:0}.champion-option-item:hover:not(.cursor-not-allowed){background:linear-gradient(90deg,#2a2a2a 0%,#363636 100%);border-left:3px solid #c79b3b;padding-left:calc(1rem - 3px)}.champion-option-keyboard-selected{box-shadow:0 0 20px #e8c56333;background:linear-gradient(90deg,#2a2a2a 0%,#3a3a3a 100%)!important;border-left:4px solid #e8c563!important;padding-left:calc(1rem - 4px)!important}.champion-option-keyboard-selected .champion-avatar{border-color:#e8c563!important;box-shadow:0 0 16px #e8c56366!important}.champion-option-keyboard-selected .champion-name{color:#e8c563!important}.champion-option-keyboard-selected .tag-badge{color:#e8c563!important;background-color:#454545!important;border-color:#e8c563!important}.champion-avatar{object-fit:cover;border:2px solid #5f5f5f;transition:all .2s}.champion-option-item:hover:not(.cursor-not-allowed) .champion-avatar{border-color:#c79b3b;box-shadow:0 0 12px #c79b3b4d}.champion-name{text-shadow:0 1px 2px #00000080}.champion-title{opacity:.9;font-size:.8125rem}.tag-badge{letter-spacing:.3px;text-transform:uppercase;font-size:.625rem;font-weight:500;transition:all .2s}.champion-option-item:hover:not(.cursor-not-allowed) .tag-badge{color:#e8c563;background-color:#454545;border-color:#c79b3b}.question-dropdown::-webkit-scrollbar{width:8px}.question-dropdown::-webkit-scrollbar-track{background:#1a1a1a}.question-dropdown::-webkit-scrollbar-thumb{background:#5f5f5f;border-radius:4px}.question-dropdown::-webkit-scrollbar-thumb:hover{background:#c79b3b}.keyboard-hint{-webkit-user-select:none;user-select:none;border:2px solid #5f5f5f;border-top:1px solid #2a2a2a;font-family:monospace}.mobile-dropdown-close-button{display:none}@media (max-width:639px){.question-input-mobile-pinned{z-index:201;background:#141414;padding:10px 12px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0006}.question-dropdown-container-mobile-open{flex-direction:column;width:auto;display:flex;position:fixed;inset:56px 0 0}.question-dropdown-container-mobile-open .question-dropdown{border-radius:0;flex:auto;max-height:none}.question-dropdown-container-mobile-open .keyboard-hint{display:none}.mobile-dropdown-close-button{display:inline-flex}}
.question-button{color:#1c1e28;color:lab(11.3361% 1.27785 -6.95929);border:2px solid #c79b3b;border-radius:.5rem;margin-top:8px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d,inset 0 1px #ffffff1a}.question-button-with-dropdown{border-top:none;border-radius:0 0 .5rem .5rem;margin-top:-2px}.question-button:not(.question-button-win){background:linear-gradient(135deg,#ffa05f 0%,#ffea76 100%);background:linear-gradient(135deg,lab(75.3124% 35.5712 53.4845) 0%,lab(92.8126% -2.64585 62.6919) 100%)}.question-button:not(.question-button-win):hover:not(:disabled){background:linear-gradient(135deg,#ffac76 0%,#fff192 100%);background:linear-gradient(135deg,lab(77.5685% 38.1134 57.6578) 0%,lab(95.1644% -2.56896 67.6752) 100%)}.question-button-win{background:linear-gradient(135deg,#18ea8e 0%,#1ee8f2 20%,#18ea8e 100%);background:linear-gradient(135deg,lab(82.3681% -63.9088 31.3338) 0%,lab(83.8468% -44.1271 -18.1174) 20%,lab(82.3681% -63.9088 31.3338) 100%);border-color:#7eaa32!important}.question-button-win:hover:not(:disabled){background:linear-gradient(135deg,#00f291 0%,#00f0fa 20%,#00f291 100%);background:linear-gradient(135deg,lab(84.8143% -67.2487 32.9777) 0%,lab(86.2612% -47.2234 -19.3753) 20%,lab(84.8143% -67.2487 32.9777) 100%)}.question-button:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.question-button:hover:before{left:100%}.question-button:hover:not(:disabled){cursor:pointer;transform:translateY(-1px);box-shadow:0 6px 12px -2px #00000080,0 4px 8px -1px #0006,inset 0 1px #ffffff26,0 0 0 3px #c79b3b26}.question-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px #0006,inset 0 1px #ffffff1a}.question-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.question-button:disabled:hover{transform:none;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.question-button-text{text-shadow:0 1px 2px #0000004d;z-index:1;letter-spacing:.025em;text-transform:uppercase;font-size:16px;font-weight:700;position:relative}.question-button-icon{z-index:1;transition:transform .2s;position:relative}.question-button:hover:not(:disabled) .question-button-icon{transform:translate(2px)}.loading-icon{border:3px solid #282a364d;z-index:1;border-top-color:oklch(23.7% .019 277);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin;position:relative}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.question-button{padding:14px 16px}.question-button-text{font-size:15px}}@media (hover:none) and (pointer:coarse){.question-button{padding:16px}.question-button:active:not(:disabled){transform:scale(.98)}}@media (prefers-reduced-motion:reduce){.question-button{transition:none}.question-button:before{transition:none;animation:none}.question-button:hover:not(:disabled),.question-button:active:not(:disabled){transform:none}.question-button-icon{transition:none}.loading-icon{border-top-color:#1c1e28;border-top-color:lab(11.3361% 1.27785 -6.95929);border-right-color:#1c1e28;border-right-color:lab(11.3361% 1.27785 -6.95929);animation:none}}.question-button:focus-visible{outline:none;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d,inset 0 1px #ffffff1a,0 0 0 3px #c79b3b66}