.modal__container.svelte-19gxchb{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal__content.svelte-19gxchb{position:relative;max-width:800px;width:80%;top:50%;left:0;right:0;margin:auto;transform:translateY(-50%)}.modal__fullscreen.svelte-19gxchb{top:0;left:0;right:0;bottom:0;height:100%;width:100%;max-width:100%;transform:translateY(0)}.modal__big.svelte-19gxchb{max-width:100%}.modal__basic.svelte-19gxchb{background-color:#fff;border-radius:.25rem;padding:.5rem 1rem}.modal__small.svelte-19gxchb{max-width:400px}.close__button.svelte-19gxchb{position:absolute;background:none;border:none;top:-.75rem;right:-.75rem;color:#e94747;cursor:pointer;transition-duration:.2s}.close__button.svelte-19gxchb:hover,.close__button.svelte-19gxchb:focus{transform:scale(1.1);color:#d64545}.hidden.svelte-19gxchb{display:none}.modal__content *{max-width:100%}.xbutton.svelte-16ni4rp{padding:10px 20px;font-size:1rem;cursor:pointer;border-radius:6px;border:none;background-color:#4a90e2;color:#fff;transition:background-color .2s ease}.xbutton.svelte-16ni4rp:hover{background-color:#357abd}.overlay.svelte-16ni4rp{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.popup.svelte-16ni4rp{background:#222;padding:20px 30px;border-radius:12px;width:90vw;max-width:500px;color:#fff;box-shadow:0 8px 24px #000000b3;text-align:center}.images.svelte-16ni4rp{display:flex;justify-content:space-around;gap:20px;margin:20px 0}.image-container.svelte-16ni4rp h3:where(.svelte-16ni4rp){margin-bottom:8px;font-weight:600}img.svelte-16ni4rp{max-width:150px;max-height:150px;border-radius:8px;object-fit:contain;box-shadow:0 4px 12px #00000080}.close-btn.svelte-16ni4rp{background-color:#e74c3c;border:none;padding:10px 18px;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;transition:background-color .2s ease}.close-btn.svelte-16ni4rp:hover{background-color:#c0392b}.video-container.svelte-16ni4rp{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:30px;padding:20px}iframe.svelte-16ni4rp{width:80%;max-width:800px;aspect-ratio:16 / 9;border-radius:12px;box-shadow:0 8px 24px #0006}.rank-buttons.svelte-16ni4rp{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding:10px}.rank-button.svelte-16ni4rp{background:transparent;border:2px solid transparent;border-radius:8px;padding:4px;cursor:pointer;transition:all .2s ease;opacity:.7;flex-shrink:0}.rank-button.svelte-16ni4rp:hover{opacity:1;border-color:#555;transform:scale(1.1)}.rank-button.selected.svelte-16ni4rp{opacity:1;border-color:#fff;background-color:#ffffff1a;transform:scale(1.15)}.rank-button.svelte-16ni4rp img:where(.svelte-16ni4rp){width:45px;height:auto;display:block;max-height:45px;object-fit:contain}.rank-button.svelte-16ni4rp img[alt=Champion]:where(.svelte-16ni4rp),.rank-button.svelte-16ni4rp img[alt=Masters]:where(.svelte-16ni4rp),.rank-button.svelte-16ni4rp img[alt=Grandmaster]:where(.svelte-16ni4rp){width:55px;max-height:55px}.xcheckbox.svelte-16ni4rp{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem;color:#fff}.xcheckbox.svelte-16ni4rp input[type=checkbox]:where(.svelte-16ni4rp){opacity:0;position:absolute;cursor:pointer;height:0;width:0}.xcheckbox.svelte-16ni4rp .checkmark:where(.svelte-16ni4rp){display:inline-block;height:24px;width:24px;background-color:#333;border-radius:6px;transition:background-color .2s ease,transform .2s ease;border:2px solid transparent;margin-left:8px;position:relative}.xcheckbox.svelte-16ni4rp:hover .checkmark:where(.svelte-16ni4rp){background-color:#444}.xcheckbox.svelte-16ni4rp input[type=checkbox]:where(.svelte-16ni4rp):checked+.checkmark:where(.svelte-16ni4rp){background-color:#4a90e2;border-color:#357abd}.xcheckbox.svelte-16ni4rp .checkmark:where(.svelte-16ni4rp):after{content:"";position:absolute;display:none;left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.xcheckbox.svelte-16ni4rp input[type=checkbox]:where(.svelte-16ni4rp):checked+.checkmark:where(.svelte-16ni4rp):after{display:block}