@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}*{box-sizing:border-box}:root{--brand-purple: #5A27A6;--brand-lime: #57CD45;--brand-black: #171721;--brand-white: #FFFFFF;--primary: var(--brand-purple);--accent: var(--brand-lime);--bg-canvas: var(--brand-black);--bg-card: #232330;--text-main: #E2E8F0;--text-muted: #A0AEC0;--border-color: #2D3748;--shadow-color: rgba(0, 0, 0, .5);--nav-bg: #4a1f8a;--nav-text: #FFFFFF}.promo-grid{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:60px;justify-content:center;width:100%}.promo-banner{flex:1 1 250px;max-width:600px;min-height:auto;border-radius:15px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 10px var(--shadow-color);transition:transform .2s;position:relative;overflow:hidden;padding:30px;width:100%}@media (max-width: 768px){.promo-grid{flex-direction:column;align-items:stretch;gap:20px}.promo-banner{width:100%;max-width:100%;flex:1 1 auto;padding:20px;margin:0}.promo-banner h3{font-size:1.5rem!important}.promo-banner p{font-size:1rem!important}}.navbar{background:var(--nav-bg);padding:10px 20px;color:var(--nav-text);box-shadow:0 4px 20px var(--shadow-color);position:sticky;top:0;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto}.logo-img{height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.navbar-links{display:flex;align-items:center;width:100%;justify-content:space-between}.nav-group-left{display:flex;align-items:center;gap:20px;margin-left:20px}.nav-group-right{display:flex;align-items:center;gap:20px}.nav-link{color:var(--nav-text);text-decoration:none;font-weight:700;font-size:16px;transition:opacity .2s}.nav-link:hover{opacity:.8}.account-btn{display:flex;align-items:center;gap:8px;color:#000;text-decoration:none;font-size:16px;font-weight:700;background:var(--brand-lime);padding:8px 20px;border-radius:20px;box-shadow:0 2px 5px #0003;transition:transform .2s;border:none}.account-btn:hover{transform:scale(1.05)}.twitch-btn-wrapper{display:flex;align-items:center}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.bar{width:30px;height:3px;background-color:var(--nav-text);transition:all .3s linear;position:relative;transform-origin:1px}@media (max-width: 768px){.hamburger-btn{display:flex}.navbar-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:var(--nav-bg);flex-direction:column;align-items:flex-start;padding:80px 20px 20px;transition:right .3s ease-in-out;box-shadow:-4px 0 10px #00000080;justify-content:flex-start;gap:30px;z-index:1005}.navbar-links.active{right:0}.nav-group-left,.nav-group-right{flex-direction:column;align-items:flex-start;width:100%;margin-left:0;gap:20px}.nav-link{font-size:18px;width:100%;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.bar.open:nth-child(1){transform:rotate(45deg)}.bar.open:nth-child(2){opacity:0;transform:translate(20px)}.bar.open:nth-child(3){transform:rotate(-45deg)}.navbar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-canvas);color:var(--text-main);transition:background-color .3s ease,color .3s ease}button{transition:all .2s ease}.text-brand{color:var(--primary)}.text-accent{color:var(--accent)}.filter-btn{padding:8px 20px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-canvas);color:var(--text-muted);font-weight:400;cursor:pointer}.filter-btn:hover{border-color:var(--primary)}.filter-btn.active{background:var(--primary);color:#fff!important;border:2px solid var(--primary);font-weight:700}@media (max-width: 768px){.sort-btn-responsive{width:100%;justify-content:center;margin-bottom:10px;order:-1!important}div[style*="padding: 20px"]{padding:10px!important}}.show-on-wide{display:none!important}@media (min-width: 1024px){.show-on-wide{display:flex!important}.show-on-mobile{display:none!important}}.hero-ads-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px;z-index:10;width:100%}@media (min-width: 1366px){.hero-ads-floating{position:absolute;flex-direction:column;width:auto;left:50px;top:10px;transform:none;margin-bottom:0;align-items:flex-start}}.promo-grid{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:60px;justify-content:center}.promo-banner{flex:1 1 300px;max-width:600px;min-height:auto;border-radius:15px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 10px var(--shadow-color);transition:transform .2s;position:relative;overflow:hidden;padding:30px}.promo-banner:hover{transform:translateY(-5px)}@media (max-width: 768px){.promo-grid{flex-direction:column;align-items:center;gap:20px}.promo-banner{width:100%;max-width:100%;flex:1 1 auto;padding:20px}.promo-banner h3{font-size:1.5rem!important}.promo-banner p{font-size:1rem!important}}