.landing-hero{padding:1.5rem 0 .5rem;position:relative;overflow:visible}.landing-hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% 10%,#ffd7000f 0%,#0000 50%),radial-gradient(90% 55% at 50% 15%,#2196f31f 0%,#0000 70%),radial-gradient(60% 40% at 25% 60%,#9c27b00d 0%,#0000 60%),radial-gradient(60% 40% at 75% 55%,#2196f30d 0%,#0000 60%);height:calc(100% + 22rem);position:absolute;top:-4rem;left:-10%;right:-10%}@media (width>=768px){.landing-hero{padding:2rem 0 .75rem}.landing-hero:after{height:calc(100% + 26rem)}}.feature-card{background:var(--color-brawl-surface);border:1px solid var(--color-brawl-surface-3);border-radius:.75rem;transition:border-color .3s,box-shadow .3s;overflow:hidden}.feature-card:hover{border-color:var(--color-brawl-border);box-shadow:0 8px 32px #0000004d}.feature-card-header{border-bottom:1px solid var(--color-brawl-surface-3);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.feature-card-body{padding:.875rem 1rem}.event-mockup{background:var(--color-brawl-surface);border-left:4px solid;border-radius:.75rem;transition:transform .2s,box-shadow .2s;overflow:hidden}.event-mockup:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.section-glow-blue{position:relative}.section-glow-blue:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#2196f312 0%,#0000 70%);position:absolute;inset:0}.section-glow-purple{position:relative}.section-glow-purple:before{content:"";pointer-events:none;background:radial-gradient(at 50% 30%,#9c27b012 0%,#0000 70%);position:absolute;inset:0}.landing-section-heading{color:#fff;letter-spacing:-.01em;margin-bottom:.25rem;padding-top:.5rem;font-size:1.375rem;font-weight:700}@media (width>=768px){.landing-section-heading{font-size:1.625rem}}.landing-section-subtitle{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brawler-enter{0%{opacity:0;transform:scale(.7) var(--rotate,rotate(0deg))}to{opacity:var(--end-opacity,.2);transform:scale(1) var(--rotate,rotate(0deg))}}@keyframes brawler-float{0%,to{translate:0}50%{translate:var(--float-x,0px) var(--float-y,-3px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.15)}}.hero-pulse[data-astro-cid-zup3kfap]{pointer-events:none;z-index:0;background:radial-gradient(#ffd70014 0%,#2196f30a 50%,#0000 70%);border-radius:50%;width:280px;height:140px;animation:6s ease-in-out infinite pulse-glow;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hero-content[data-astro-cid-zup3kfap]{text-align:center}.hero-heading[data-astro-cid-zup3kfap]{color:#fff;letter-spacing:-.02em;margin-bottom:.625rem;font-size:1.625rem;font-weight:800;line-height:1.2;animation:.6s ease-out both hero-fade-up}.hero-subtitle[data-astro-cid-zup3kfap]{color:var(--color-text-secondary);max-width:28rem;margin:0 auto .25rem;font-size:.9rem;line-height:1.5;animation:.6s ease-out .15s both hero-fade-up}.hero-highlight[data-astro-cid-zup3kfap]{background:linear-gradient(135deg,var(--color-brawl-gold),#fa0,var(--color-brawl-gold));-webkit-text-fill-color:transparent;background-size:200% 100%;background-clip:text}.hero-brawler[data-astro-cid-zup3kfap]{pointer-events:none;z-index:1;object-fit:contain;filter:grayscale(.15)brightness(.9);opacity:0;animation-name:brawler-enter,brawler-float;animation-duration:.8s,var(--float-speed,8s);animation-timing-function:cubic-bezier(.22,1,.36,1),ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:both,none;animation-delay:var(--enter-delay,.3s),calc(var(--enter-delay,.3s) + .8s);position:absolute;mask-image:radial-gradient(75% 75%,#000 20%,#0000 100%)}.brawler-left[data-astro-cid-zup3kfap]{--end-opacity:.14;--rotate:rotate(-6deg);--enter-delay:.15s;--float-speed:9s;--float-x:2px;--float-y:-3px;width:64px;height:64px;top:45%;left:-.25rem}.brawler-right[data-astro-cid-zup3kfap]{--end-opacity:.16;--rotate:rotate(5deg);--enter-delay:.3s;--float-speed:7.5s;--float-x:-2px;--float-y:-4px;width:60px;height:60px;top:30%;right:-.25rem}.brawler-accent[data-astro-cid-zup3kfap]{--end-opacity:.09;--rotate:rotate(-3deg);--enter-delay:.45s;--float-speed:11s;--float-x:2px;--float-y:-2px;width:44px;height:44px;bottom:-.25rem;right:14%}@media (width>=768px){.hero-heading[data-astro-cid-zup3kfap]{font-size:2.25rem}.hero-subtitle[data-astro-cid-zup3kfap]{font-size:1rem}.hero-pulse[data-astro-cid-zup3kfap]{width:400px;height:200px}.brawler-left[data-astro-cid-zup3kfap]{--end-opacity:.2;width:105px;height:105px;left:-.5rem}.brawler-right[data-astro-cid-zup3kfap]{--end-opacity:.22;width:95px;height:95px;right:-.5rem}.brawler-accent[data-astro-cid-zup3kfap]{--end-opacity:.13;width:65px;height:65px}}@media (width>=1024px){.hero-heading[data-astro-cid-zup3kfap]{font-size:2.75rem}.hero-pulse[data-astro-cid-zup3kfap]{width:500px;height:240px}.brawler-left[data-astro-cid-zup3kfap]{--end-opacity:.24;width:140px;height:140px;left:0}.brawler-right[data-astro-cid-zup3kfap]{--end-opacity:.26;width:125px;height:125px;right:0}.brawler-accent[data-astro-cid-zup3kfap]{--end-opacity:.16;width:85px;height:85px}}.events-hero-continuation{position:relative}.events-live-badge{color:#4caf50;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle;background:#4caf5026;border:1px solid #4caf504d;border-radius:9999px;align-items:center;gap:.375rem;padding:.1875rem .5rem .1875rem .375rem;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex}.events-live-dot{background:#4caf50;border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;animation:2s ease-in-out infinite events-live-pulse}@keyframes events-live-pulse{0%,to{opacity:1;box-shadow:0 0 #4caf5099}50%{opacity:.6;box-shadow:0 0 0 4px #4caf5000}}.events-preview-link{background:var(--color-brawl-surface);border-radius:.75rem;padding:2px;position:relative}.events-border-glow{-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#d852ff80,#2196f380,#9ab1fd80,#4caf5066,#d852ff80) 0 0/300% 300%;border-radius:.75rem;padding:2px;transition:opacity .3s;animation:6s infinite events-border-shift;position:absolute;inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.events-preview-link:hover .events-border-glow{opacity:1}@keyframes events-border-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.events-preview-link:before{content:"";pointer-events:none;z-index:-1;background:0 0;border-radius:.8rem;animation:4s ease-in-out infinite events-outer-glow;position:absolute;inset:-1px;box-shadow:0 0 15px #d852ff1f,0 0 30px #2196f314}.events-preview-link:hover:before{box-shadow:0 0 20px #d852ff33,0 0 40px #2196f326}@keyframes events-outer-glow{0%,to{opacity:.6}50%{opacity:1}}.events-shimmer{pointer-events:none;z-index:2;border-radius:.75rem;position:absolute;inset:0;overflow:hidden}.events-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff08 40%,#ffffff0f 50%,#ffffff08 60%,#0000 100%);width:60%;height:100%;animation:4s ease-in-out 1s infinite events-shimmer-sweep;position:absolute;top:0;left:-100%;transform:skew(-15deg)}@keyframes events-shimmer-sweep{0%{opacity:0;left:-100%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:150%}}.events-preview-inner{opacity:.92;pointer-events:none;z-index:1;background:var(--color-brawl-surface);border-radius:calc(.75rem - 2px);transition:opacity .3s;position:relative}.events-preview-link:hover .events-preview-inner{opacity:1}.events-preview-overlay{background:linear-gradient(180deg, transparent 10%, #16161826 40%, #16161899 75%, var(--color-brawl-bg) 100%);-webkit-backdrop-filter:blur(1px);pointer-events:none;z-index:3;border-radius:.75rem;position:absolute;inset:0;mask-image:linear-gradient(#0000 0%,#000 35%)}.events-preview-cta{z-index:4;justify-content:center;align-items:center;padding-top:2rem;display:flex;position:absolute;inset:0}.events-cta-btn{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#2196f3 0%,#1565c0 100%);border-radius:.625rem;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:700;transition:transform .25s,box-shadow .25s;animation:3s ease-in-out infinite events-cta-breathe;display:inline-flex;box-shadow:0 4px 20px #2196f359,0 0 0 1px #2196f340,inset 0 1px #ffffff1a}@keyframes events-cta-breathe{0%,to{box-shadow:0 4px 20px #2196f359,0 0 0 1px #2196f340,inset 0 1px #ffffff1a}50%{box-shadow:0 6px 28px #2196f380,0 0 0 1px #2196f359,0 0 40px #2196f326,inset 0 1px #ffffff1a}}.events-preview-link:hover .events-cta-btn{animation:none;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 32px #2196f380,0 0 0 1px #2196f366,0 0 50px #2196f333,inset 0 1px #ffffff26}.events-cta-arrow{transition:transform .25s;animation:2s ease-in-out .5s infinite events-arrow-nudge}@keyframes events-arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.events-preview-link:hover .events-cta-arrow{animation:none;transform:translate(3px)}.brawler-pick{border-radius:.25rem;width:2rem;height:2rem;overflow:hidden;box-shadow:0 2px 6px #0000004d,inset 0 0 0 1px #ffffff1a}.brawler-pick img{filter:blur(1.5px);transition:filter .3s}.events-preview-link:hover .brawler-pick img{filter:blur(1px)}.event-timer{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.events-live-dot,.events-border-glow,.events-preview-link:before,.events-shimmer:after,.events-cta-btn,.events-cta-arrow{animation:none}.events-border-glow{opacity:.7}}.pt-section{position:relative;overflow:hidden}.pt-header{text-align:center;z-index:1;margin-bottom:1.5rem;position:relative}.pt-boost-tip{color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:.375rem;margin:.75rem auto 1.25rem;font-size:.6875rem;line-height:1.4;display:flex}.pt-boost-tip-icon{width:.8125rem;height:.8125rem;color:var(--color-brawl-green);flex-shrink:0}.pt-boost-badge{letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--color-brawl-green);border-radius:.1875rem;flex-shrink:0;padding:.0625rem .375rem;font-size:.5625rem;font-weight:700;line-height:1.5}.pt-glow{pointer-events:none;z-index:0;transition:opacity .6s cubic-bezier(.4,0,.2,1);position:absolute;inset:-2rem -4rem}.pt-glow-blue{opacity:1;background:radial-gradient(70% 45% at 50% 15%,#2196f317 0%,#0000 70%),radial-gradient(50% 35% at 30% 60%,#2196f30a 0%,#0000 60%)}.pt-glow-purple{opacity:0;background:radial-gradient(70% 45% at 50% 15%,#9c27b017 0%,#0000 70%),radial-gradient(50% 35% at 70% 60%,#9c27b00a 0%,#0000 60%)}#pt-tab-player:checked~.pt-glow-blue{opacity:1}#pt-tab-player:checked~.pt-glow-purple,#pt-tab-club:checked~.pt-glow-blue{opacity:0}#pt-tab-club:checked~.pt-glow-purple{opacity:1}.pt-accent-bar{pointer-events:none;z-index:1;border-radius:9999px;height:2px;transition:background .45s,box-shadow .45s;position:absolute;top:0;left:15%;right:15%}#pt-tab-player:checked~.pt-accent-bar{background:linear-gradient(90deg, transparent, var(--color-brawl-blue), transparent);box-shadow:0 0 12px #2196f34d}#pt-tab-club:checked~.pt-accent-bar{background:linear-gradient(90deg, transparent, var(--color-brawl-purple), transparent);box-shadow:0 0 12px #9c27b04d}.pt-radio{opacity:0;pointer-events:none;position:absolute}.pt-tab-bar{background:var(--color-brawl-surface);border:1px solid var(--color-brawl-surface-3);z-index:1;border-radius:.625rem;justify-content:center;align-items:center;gap:.25rem;max-width:22rem;margin:0 auto 1.5rem;padding:.25rem;display:flex;position:relative}.pt-tab{color:var(--color-text-muted);cursor:pointer;z-index:1;user-select:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:color .3s;display:flex;position:relative}.pt-tab:hover{color:var(--color-text-secondary)}#pt-tab-player:checked~.pt-tab-bar .pt-tab-player{color:var(--color-brawl-blue)}#pt-tab-club:checked~.pt-tab-bar .pt-tab-club{color:var(--color-brawl-purple)}.pt-tab-indicator{pointer-events:none;border-radius:.5rem;width:calc(50% - .25rem);transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .35s,box-shadow .35s;position:absolute;top:.25rem;bottom:.25rem;left:.25rem}#pt-tab-player:checked~.pt-tab-bar .pt-tab-indicator{background:#2196f31f;transform:translate(0);box-shadow:0 0 12px #2196f314}#pt-tab-club:checked~.pt-tab-bar .pt-tab-indicator{background:#9c27b01f;transform:translate(calc(100% + .25rem));box-shadow:0 0 12px #9c27b014}.pt-panels{z-index:1;display:grid;position:relative}.pt-panel{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);transform:translateY(6px)scale(.998)}#pt-tab-player:checked~.pt-panels .pt-panel-player,#pt-tab-club:checked~.pt-panels .pt-panel-club{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.pt-profile-display{text-align:center;max-width:36rem;margin:0 auto 1.5rem}.pt-profile-label{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.3rem;margin-bottom:.375rem;font-size:.625rem;font-weight:600;display:inline-flex}.pt-profile-label svg{opacity:.8}.pt-profile-label-blue,.pt-profile-label-blue svg{color:var(--color-brawl-blue)}.pt-profile-label-purple,.pt-profile-label-purple svg{color:var(--color-brawl-purple)}.pt-profile-row{background:var(--color-brawl-surface);border:1px solid var(--color-brawl-surface-3);border-radius:.625rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.pt-profile-row-blue{border-color:#2196f333}.pt-profile-row-purple{border-color:#9c27b033}.pt-profile-icon{background:var(--color-brawl-surface-2);object-fit:cover;border-radius:.5rem;flex-shrink:0;width:2.75rem;height:2.75rem}.pt-profile-info{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.pt-profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.9375rem;font-weight:600;overflow:hidden}.pt-profile-tag{color:var(--color-text-muted);letter-spacing:.01em;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.6875rem}.pt-change-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.3rem;margin-top:.5rem;padding:.3rem .625rem;font-size:.6875rem;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.pt-change-btn svg{opacity:.5;transition:opacity .15s}.pt-change-btn:hover{color:var(--color-brawl-blue);background:#2196f30a;border-color:#2196f326}.pt-change-btn:hover svg{opacity:.8}.pt-change-btn-purple:hover{color:var(--color-brawl-purple);background:#9c27b00a;border-color:#9c27b026}.pt-search-wrapper{text-align:center;max-width:36rem;margin:0 auto 1.5rem}.pt-search-label{letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:.375rem;font-size:.625rem;font-weight:600;display:block}.pt-search-label-blue{color:var(--color-brawl-blue)}.pt-search-label-purple{color:var(--color-brawl-purple)}.pt-search-form{grid-template-columns:1fr auto;gap:.5rem;display:grid}@media (width<=639px){.pt-search-form{gap:.375rem}}.pt-search-input-wrap{background:var(--color-brawl-surface-2);border:1px solid var(--color-brawl-surface-3);border-radius:.5rem;align-items:center;min-width:0;transition:border-color .2s,box-shadow .2s;display:flex}.pt-input-blue:focus-within{border-color:var(--color-brawl-blue);box-shadow:0 0 0 3px #2196f326}.pt-input-purple:focus-within{border-color:var(--color-brawl-purple);box-shadow:0 0 0 3px #9c27b026}.pt-search-hash{opacity:.6;user-select:none;padding-left:.875rem;font-size:.875rem;font-weight:600}.pt-hash-blue{color:var(--color-brawl-blue)}.pt-hash-purple{color:var(--color-brawl-purple)}.pt-search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:2.75rem;padding:0 .75rem 0 .25rem;font-size:.875rem}.pt-search-input::placeholder{color:var(--color-text-muted)}.pt-search-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;height:2.75rem;padding:0 1.125rem;font-size:.8125rem;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.pt-btn-blue{background:var(--color-brawl-blue)}.pt-btn-blue:hover{background:#1e88e5}.pt-btn-purple{background:var(--color-brawl-purple)}.pt-btn-purple:hover{background:#7b1fa2}.pt-tag-hint{color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.6875rem;line-height:1.4;display:flex}.pt-tag-hint svg{color:var(--color-brawl-blue);opacity:.5;flex-shrink:0}.pt-tag-hint-purple svg{color:var(--color-brawl-purple)}.pt-suggestions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.625rem;display:flex}.pt-suggestions .suggestion-chip{border:1px solid var(--color-brawl-surface-3);background:0 0;border-radius:.25rem;align-items:center;gap:.25rem;padding:.3125rem .5rem;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.pt-suggestions .suggestion-chip:hover{border-color:var(--color-brawl-blue);background:#2196f30f}.pt-panel-club .pt-suggestions .suggestion-chip:hover{border-color:var(--color-brawl-purple);background:#9c27b00f}.pt-suggestions .suggestion-chip.is-favorite{border-left:2px solid #ffc107}.pt-suggestions .suggestion-chip.is-favorite:hover{background:#ffc1070a;border-color:#ffc10780 #ffc10780 #ffc10780 #ffc107;border-left-style:solid;border-left-width:2px}.pt-suggestions .suggestion-chip-name{color:#fff;white-space:nowrap;font-size:.6875rem;font-weight:600}.pt-suggestions .suggestion-chip-tag{color:var(--color-text-muted);white-space:nowrap;letter-spacing:.01em;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.5625rem}.pt-suggestions .suggestion-chip-star{color:#ffc107;font-size:.5rem;line-height:1}.pt-preview-section{margin-top:.5rem}.pt-preview-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.pt-preview-line{background:linear-gradient(90deg, transparent, var(--color-brawl-surface-3), transparent);flex:1;height:1px}.pt-preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;display:flex}.pt-preview-label svg{color:var(--color-brawl-blue);opacity:.6}.pt-preview-features{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-bottom:1rem;display:flex}.pt-preview-chip{color:var(--color-text-muted);background:var(--color-brawl-surface);border:1px solid var(--color-brawl-surface-3);border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.625rem;font-weight:500;display:inline-flex}.pt-preview-chip-dot{border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem}.pt-dot-green{background:var(--color-brawl-green)}.pt-dot-blue{background:var(--color-brawl-blue)}.pt-dot-gold{background:var(--color-brawl-gold)}.pt-dot-purple{background:var(--color-brawl-purple)}.pt-preview-mockups{max-height:40rem;position:relative;overflow:hidden}.pt-preview-fade{background:linear-gradient(to bottom, transparent, var(--color-brawl-bg) 85%);pointer-events:none;z-index:2;height:10rem;position:absolute;bottom:0;left:0;right:0}.pt-preview-cta{z-index:3;text-align:center;margin-top:-2rem;padding-bottom:.5rem;position:relative}.pt-preview-cta-text{color:var(--color-text-muted);font-size:.75rem}.pt-chart-line{stroke-dasharray:600;stroke-dashoffset:600px;animation:1.2s .2s forwards ptDrawLine}@keyframes ptDrawLine{to{stroke-dashoffset:0}}.pt-pulse-dot{animation:2s ease-in-out infinite ptPulse}@keyframes ptPulse{0%,to{r:5;opacity:.2}50%{r:8;opacity:.1}}@media (prefers-reduced-motion:reduce){.pt-glow,.pt-accent-bar,.pt-tab,.pt-tab-indicator,.pt-panel,.pt-chart-line,.pt-pulse-dot{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ql-section{margin-top:2.5rem;margin-bottom:1rem}.ql-grid{grid-template-columns:repeat(3,1fr);gap:.625rem;margin-top:1.25rem;display:grid}@media (width>=768px){.ql-grid{grid-template-columns:repeat(5,1fr);gap:.75rem}}.ql-card{text-align:center;background:var(--color-brawl-surface);border:1px solid var(--color-brawl-surface-3);border-top:3px solid #0000;border-radius:.75rem;flex-direction:column;align-items:center;gap:.625rem;padding:1rem .5rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.ql-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}@media (width<=767px){.ql-card:nth-child(4){grid-column:1/2;width:100%;margin-left:auto;margin-right:0}.ql-card:nth-child(5){grid-column:2/3}.ql-grid{justify-items:center}.ql-card{width:100%}}.ql-card--green:hover{border-top-color:var(--color-brawl-green)}.ql-card--blue:hover{border-top-color:var(--color-brawl-blue)}.ql-card--gold:hover{border-top-color:var(--color-brawl-gold)}.ql-card--purple:hover{border-top-color:var(--color-brawl-purple)}.ql-card--red:hover{border-top-color:var(--color-brawl-red)}.ql-card--green:hover{box-shadow:0 8px 24px #0000004d,0 0 20px #4caf501a}.ql-card--blue:hover{box-shadow:0 8px 24px #0000004d,0 0 20px #2196f31a}.ql-card--gold:hover{box-shadow:0 8px 24px #0000004d,0 0 20px #ffd7001a}.ql-card--purple:hover{box-shadow:0 8px 24px #0000004d,0 0 20px #9c27b01a}.ql-card--red:hover{box-shadow:0 8px 24px #0000004d,0 0 20px #f443361a}.ql-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .2s;display:flex}.ql-card:hover .ql-icon{transform:scale(1.1)}.ql-icon svg{width:1.25rem;height:1.25rem}.ql-icon--green{color:var(--color-brawl-green);background:#4caf5026}.ql-icon--blue{color:var(--color-brawl-blue);background:#2196f326}.ql-icon--gold{color:var(--color-brawl-gold);background:#ffd70026}.ql-icon--purple{color:var(--color-brawl-purple);background:#9c27b026}.ql-icon--red{color:var(--color-brawl-red);background:#f4433626}.ql-text{flex-direction:column;gap:.125rem;display:flex}.ql-label{color:#fff;font-size:.8125rem;font-weight:600}.ql-desc{color:var(--color-text-muted);font-size:.6875rem;line-height:1.3}.ql-arrow{width:.875rem;height:.875rem;color:var(--color-text-muted);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-4px)}.ql-card:hover .ql-arrow{opacity:.6;transform:translate(0)}@media (width>=768px){.ql-card{text-align:left;flex-direction:row;gap:.75rem;padding:.875rem 1rem}.ql-text{flex:1;min-width:0}.ql-arrow{flex-shrink:0}}