:root{--stadium-green:#15803d;--stadium-green-light:#16a34a;--stadium-green-dark:#0f2913;--celebration-gold:#eab308;--celebration-gold-light:#fef08a;--cup-orange:#f97316;--cup-orange-light:#ffedd5;--canvas-bg:#f7fbf6;--card-bg:#fff;--text-primary:#121c13;--text-muted:#6b7c68;--border-color:#e0ebd9;--border-hover:#b4cbb0;--font-display:"Outfit", Inter, ui-sans-serif, system-ui, sans-serif;--font-body:"Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1);--max-width:1200px}*{box-sizing:border-box}html,body{background:var(--canvas-bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000;border-bottom:1px solid #1a1a1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:16px clamp(18px,4vw,56px);display:grid;position:sticky;top:0}.menu-toggle,.menu-button-container{display:none}.brand{justify-self:start;align-items:center;display:flex}.brand-logo{width:auto;height:clamp(48px,6vw,64px);display:block}.site-header nav{justify-self:center;align-items:center;gap:24px;display:flex}nav a{color:#ffffffbf;transition:var(--transition-smooth);padding:4px 0;font-size:17px;font-weight:600;position:relative}nav a:hover{color:#fff}nav a:after{content:"";background:var(--celebration-gold);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}nav a:hover:after{width:100%}.nav-radix{color:#ffffffb3;white-space:nowrap;justify-self:end;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.radix-placeholder{color:#fff;min-width:140px;height:38px;font-size:14px;font-weight:700;font-family:var(--font-display);cursor:not-allowed;transition:var(--transition-smooth);background:#ffffff14;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.radix-placeholder:hover{background:#ffffff26;border-color:#ffffff4d}main{min-height:calc(100vh - 73px)}.section{max-width:var(--max-width);width:100%;margin:0 auto;padding:clamp(32px,6vw,64px) clamp(16px,4vw,48px)}.section.full-width{max-width:100%}.section.alt{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#f2f7f1;max-width:100%}.section.alt>*{max-width:var(--max-width);margin-left:auto;margin-right:auto}.section-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-title h2{font-size:clamp(24px,4vw,36px);font-family:var(--font-display);color:var(--stadium-green-dark);margin:0;font-weight:800}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.hero{background-color:var(--stadium-green-dark);color:#fff;border-bottom:4px solid var(--stadium-green);background-image:linear-gradient(90deg,#0f2913a6 0%,#0f291300 65%),url("/assets/hero stadium 2.png");background-position:50%;background-size:cover;align-items:flex-end;min-height:70vh;padding:clamp(48px,8vw,88px) clamp(18px,5vw,72px);display:flex}.hero-inner{max-width:850px}.eyebrow{background:var(--celebration-gold);color:var(--stadium-green-dark);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #00000026}h1,h2,h3,h4{letter-spacing:-.01em;margin:0}.hero h1{font-size:clamp(64px,11vw,112px);line-height:.82;font-family:var(--font-display);text-transform:uppercase;text-shadow:0 2px 6px #00000040;margin:0;font-weight:900}.hero h1 span{color:var(--celebration-gold);letter-spacing:-.01em;text-shadow:0 1px 4px #0003;margin-top:4px;font-size:.52em;display:block}.hero p{color:#fff;text-shadow:0 1px 4px #0000004d;max-width:680px;margin:20px 0 28px;font-size:clamp(18px,2.2vw,24px);line-height:1.4}.actions{flex-wrap:wrap;gap:14px;display:flex}.button{border:2px solid var(--stadium-green-dark);background:var(--stadium-green);color:#fff;min-height:48px;font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:var(--transition-smooth);box-shadow:2px 2px 0px var(--stadium-green-dark);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:inline-flex}.button:hover{background:var(--stadium-green-light);box-shadow:3px 3px 0px var(--stadium-green-dark);transform:translate(-1px,-1px)}.button:active{box-shadow:1px 1px 0px var(--stadium-green-dark);transform:translate(1px,1px)}.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:2px 2px 0px var(--stadium-green-dark);transform:none}.button.secondary{color:var(--stadium-green-dark);background:#fff}.button.secondary:hover{background:#f5f9f4}.button.ghost{color:var(--stadium-green-dark);border:2px solid var(--stadium-green);box-shadow:2px 2px 0px var(--stadium-green-dark);background:#edf7e8;transition:scale .25s cubic-bezier(.34,1.56,.64,1),rotate .25s cubic-bezier(.34,1.56,.64,1),translate .25s,background .25s,color .25s,border-color .25s,box-shadow .25s;translate:0;rotate:none;scale:1}.button.ghost:hover{background:var(--stadium-green);color:#fff;border-color:var(--stadium-green-dark);box-shadow:4px 4px 0px var(--stadium-green-dark);translate:-2px -2px;rotate:-.8deg;scale:1.03}.button.ghost:active{box-shadow:1px 1px 0px var(--stadium-green-dark);translate:1px 1px}.hero .button{border-width:3px;border-radius:14px;min-height:56px;padding:0 36px;font-size:17px;transition:scale .25s cubic-bezier(.34,1.56,.64,1),rotate .25s cubic-bezier(.34,1.56,.64,1),translate .25s,background .25s,border-color .25s,box-shadow .25s;translate:0;rotate:none;scale:1}.hero .button:not(.secondary){background:linear-gradient(135deg, var(--stadium-green) 0%, var(--stadium-green-dark) 100%);border-color:var(--celebration-gold);box-shadow:3px 3px 0px var(--stadium-green-dark);position:relative;overflow:hidden}.hero .button:not(.secondary):after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;animation:4s ease-in-out infinite button-shine;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.hero .button:not(.secondary):hover{background:linear-gradient(135deg, var(--stadium-green-light) 0%, var(--stadium-green) 100%);border-color:var(--celebration-gold);box-shadow:4px 4px 0px var(--stadium-green-dark), 0 0 15px #eab30859;translate:-2px -2px;rotate:-1.2deg;scale:1.04}.hero .button.secondary{color:var(--stadium-green-dark);border-color:var(--stadium-green-dark);box-shadow:3px 3px 0px var(--stadium-green-dark);background:#fff}.hero .button.secondary:hover{box-shadow:4px 4px 0px var(--stadium-green-dark);background:#fbfdfa;translate:-2px -2px;rotate:1.2deg;scale:1.04}@keyframes button-shine{0%{left:-150%}20%,to{left:150%}}.panel,.match-card,.collectible-card{background:var(--card-bg);border:2px solid var(--border-color);transition:var(--transition-smooth);border-radius:16px}.panel{flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 12px #0f291308}.step-number{background:linear-gradient(135deg, var(--celebration-gold) 0%, #d97706 100%);width:44px;height:44px;color:var(--stadium-green-dark);font-size:18px;font-weight:900;font-family:var(--font-display);border:2px solid var(--stadium-green-dark);box-shadow:2px 2px 0px var(--stadium-green-dark);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;transition:scale .25s cubic-bezier(.34,1.56,.64,1),rotate .25s cubic-bezier(.34,1.56,.64,1),background .25s,color .25s,border-color .25s,box-shadow .25s;display:inline-flex;position:relative;translate:0;rotate:none;scale:1}.step-number:after{content:"";pointer-events:none;border:1px dashed #0f291359;border-radius:50%;transition:border-color .25s;position:absolute;inset:3px}.step-number-image{object-fit:contain;width:48px;height:48px;margin-bottom:16px;transition:scale .25s cubic-bezier(.34,1.56,.64,1),rotate .25s cubic-bezier(.34,1.56,.64,1),translate .25s;display:block;translate:0;rotate:none;scale:1}.panel.animate-card{border-bottom:4px solid var(--border-color);transition:border-color .25s cubic-bezier(.4,0,.2,1),border-bottom-color .25s cubic-bezier(.4,0,.2,1),translate .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;translate:0;rotate:none;scale:1}.panel.animate-card:before{content:"";background:linear-gradient(90deg, var(--celebration-gold) 0%, var(--cup-orange) 100%);opacity:0;pointer-events:none;height:4px;transition:opacity .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0}.panel.animate-card:hover{border-color:var(--stadium-green);border-bottom-color:var(--stadium-green-light);translate:0 -6px;box-shadow:0 12px 24px #0f291314}.panel.animate-card:hover:before{opacity:1}.panel.animate-card:hover .step-number{background:linear-gradient(135deg, var(--stadium-green-light) 0%, var(--stadium-green) 100%);color:#fff;border-color:var(--stadium-green-dark);box-shadow:3px 3px 0px var(--stadium-green-dark);rotate:-8deg;scale:1.15}.panel.animate-card:hover .step-number:after{border-color:#ffffff73}.panel.animate-card:hover .step-number-image{filter:drop-shadow(0 4px 8px #eab3084d);rotate:-8deg;scale:1.18}.panel.animate-card h3{margin-top:4px;margin-bottom:10px}.panel h2{font-family:var(--font-display);color:var(--stadium-green-dark);margin-bottom:12px;font-size:24px;font-weight:800}.panel h3{font-family:var(--font-display);color:var(--stadium-green-dark);margin-bottom:8px;font-size:19px;font-weight:800}.panel p,.muted{color:var(--text-muted);margin:0 0 12px;font-size:14px;line-height:1.5}.panel p:last-child{margin-bottom:0}.match-card{flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 12px #0f291308}.match-card:hover{border-color:var(--stadium-green);transform:translateY(-2px);box-shadow:0 8px 20px #0f29130f}.match-topline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.teams{flex-direction:column;gap:12px;display:flex}.team-with-flag{color:var(--text-primary);align-items:center;gap:14px;font-size:18px;font-weight:700;display:flex}.team-with-flag.compact{gap:10px;font-size:15px;font-weight:600}.flag-avatar{border:2px solid var(--border-color);background:var(--canvas-bg);width:44px;height:44px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 2px 6px #0f29130d}.flag-avatar.compact{border-width:1px;width:32px;height:32px}.flag-image{object-fit:cover;width:100%;height:100%;display:block}.flag-seed{color:var(--stadium-green);font-size:13px;font-weight:800;font-family:var(--font-display)}.flag-avatar.compact .flag-seed{font-size:11px}.status{width:fit-content;color:var(--stadium-green);text-transform:uppercase;letter-spacing:.02em;background:#e8f7df;border:1px solid #15803d26;border-radius:8px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.status.closed{color:var(--text-muted);background:#f1f5f0;border-color:#6b7c681f}.status.soon{background:var(--cup-orange-light);color:var(--cup-orange);border-color:#f9731626}.page-title{max-width:var(--max-width);width:100%;margin:0 auto;padding:48px clamp(16px,4vw,48px) 16px}.page-title h1{font-size:clamp(32px,6vw,56px);font-family:var(--font-display);color:var(--stadium-green-dark);margin-top:4px;font-weight:900}.date-group{margin-bottom:44px}.date-group h2{font-size:20px;font-family:var(--font-display);color:var(--stadium-green-dark);border-bottom:2px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-weight:800}.match-detail{grid-template-columns:1.2fr .8fr;align-items:start;gap:32px;display:grid}.match-detail.layout-balanced{align-items:stretch}.match-detail .panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;padding:24px;transition:border-color .3s,box-shadow .3s,background .3s;box-shadow:0 4px 12px #0f291308}.match-detail .panel:hover{border-color:var(--border-hover);background:#fff;box-shadow:0 8px 20px #0f29130f}.match-detail .panel.wallet-box{background:#fffdf9}.match-detail .panel.wallet-box:hover{background:#fff}.prediction-explainer{background:#15803d0d;border:1px solid #15803d26;border-radius:12px;margin-bottom:20px;padding:16px}.prediction-explainer p{color:var(--text-primary);font-size:13px;line-height:1.5;font-family:var(--font-body);margin:0}.prediction-explainer strong{color:var(--stadium-green);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.call-options{flex-direction:column;gap:12px;margin:20px 0;display:flex}.call-option{border:2px solid var(--border-color);text-align:left;cursor:pointer;font-weight:700;font-family:var(--font-body);transition:var(--transition-smooth);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.call-option:hover{border-color:var(--stadium-green);background:#fbfdfa}.call-option.active{border-color:var(--stadium-green);color:var(--stadium-green-dark);box-shadow:inset 0 0 0 1px var(--stadium-green);background:#edf7e8}.call-suffix{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;font-weight:800}.sealed-preview{color:#fff;background-color:var(--stadium-green-dark);background-image:linear-gradient(135deg,#0f421ffa 0%,#15803deb 50%,#0a1f0ffa 100%);border:2px solid #eab30833;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:340px;padding:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0f291314}.sealed-preview:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#eab30826,#0000 40%);transition:opacity .4s;position:absolute;inset:0}.sealed-preview:hover{border-color:#eab30880;transform:translateY(-6px)scale(1.01);box-shadow:0 20px 38px #0f291329,0 0 0 1px #eab3084d}.sealed-preview:hover:before{background:radial-gradient(circle at 30% 30%,#eab30840,#0000 50%)}.sealed-header{z-index:2;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.sealed-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--celebration-gold);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#eab3081f;border:1px solid #eab3084d;border-radius:999px;padding:6px 14px;font-size:11px;font-weight:800}.sealed-icon-wrapper{border:2px solid var(--celebration-gold);background:radial-gradient(circle,#eab30833 0%,#eab3080d 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,background .4s;display:flex;box-shadow:0 0 12px #eab30840}.sealed-lock-icon{color:var(--celebration-gold);transition:transform .4s}.sealed-preview:hover .sealed-icon-wrapper{background:radial-gradient(circle,#eab30859 0%,#eab30826 100%);transform:rotate(-12deg)scale(1.1);box-shadow:0 0 20px #eab30880}.sealed-preview:hover .sealed-lock-icon{transform:scale(1.05)}.sealed-content{z-index:2;flex-direction:column;gap:8px;display:flex}.sealed-content strong{font-family:var(--font-display);color:#fff;text-shadow:0 2px 4px #0a1f0f66;font-size:32px;font-weight:800;line-height:1.1}.sealed-subtext{color:#fbfff8bf;max-width:320px;margin:0;font-size:14px;font-weight:500;line-height:1.5}.collectible-card{background:var(--card-bg);flex-direction:column;display:flex;overflow:hidden}.collectible-card:hover{border-color:var(--stadium-green);transform:translateY(-2px);box-shadow:0 8px 20px #0f29130f}.card-art{aspect-ratio:4/5;background-color:var(--stadium-green-dark);background-image:linear-gradient(135deg, #16a34ae6 0%, #f97116d9 100%), radial-gradient(circle at 20% 20%, var(--celebration-gold), transparent 40%);border-bottom:2px solid var(--border-color);position:relative}.card-art:after{content:"SEALED";background:var(--celebration-gold);color:var(--stadium-green-dark);font-family:var(--font-display);border:3px solid var(--stadium-green-dark);box-shadow:3px 3px 0px var(--stadium-green-dark);letter-spacing:.05em;border-radius:8px;padding:6px 16px;font-size:20px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.card-body{flex-direction:column;gap:8px;padding:18px;display:flex}.card-body strong{font-family:var(--font-display);color:var(--text-primary);font-size:18px}.card-teams{flex-direction:column;gap:8px;margin:8px 0;display:flex}.stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.stat{border:2px solid var(--border-color);background:var(--card-bg);transition:var(--transition-smooth);border-radius:12px;flex-direction:column;justify-content:center;padding:20px;display:flex}.stat:hover{border-color:var(--stadium-green)}.stat strong{font-size:clamp(28px,4vw,36px);font-family:var(--font-display);color:var(--stadium-green);margin-bottom:4px;font-weight:900;line-height:1.1;display:block}.stat span{color:var(--text-muted);font-size:13px;font-weight:600}.wallet-box{flex-direction:column;gap:16px;display:flex}.radix-connect{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.radix-connect.compact{flex-direction:row;align-items:center;gap:10px;display:flex}radix-connect-button{--radix-connect-button-border-radius:10px;--radix-connect-button-width:162px;width:fit-content}.wallet-link,.inline-link{color:var(--stadium-green);text-underline-offset:3px;transition:var(--transition-smooth);font-weight:700;text-decoration:underline}.wallet-link:hover,.inline-link:hover{color:var(--stadium-green-light)}.wallet-link{width:fit-content;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;font-size:12px}@media (max-width:900px){.site-header{gap:16px;padding:12px 20px}.site-header nav{gap:14px}.site-header nav a{font-size:14px}.nav-radix{gap:8px}.nav-radix>span{display:none}}@media (max-width:768px){.section-title{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.site-header{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.brand-logo{height:38px}.menu-button-container{cursor:pointer;z-index:60;flex-direction:column;order:3;justify-content:space-between;width:24px;height:18px;display:flex}.burger-bar{width:100%;height:2px;transition:var(--transition-smooth);background-color:#fff;border-radius:2px;display:block}.menu-toggle{display:none}.nav-radix{order:2;justify-content:flex-end;gap:8px;width:auto;margin-left:auto;margin-right:12px;padding:0}.nav-radix span{display:none}.nav-radix .radix-placeholder,radix-connect-button{--radix-connect-button-width:140px;width:140px}.site-header nav{z-index:45;opacity:0;pointer-events:none;width:100%;transition:var(--transition-smooth);background:#000;border-bottom:2px solid #1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin:0;padding:24px 0;display:flex;position:absolute;top:100%;left:0;right:0;translate:0 -10px}.menu-toggle:checked~nav{opacity:1;pointer-events:auto;translate:0}.menu-toggle:checked~.menu-button-container .burger-bar:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle:checked~.menu-button-container .burger-bar:nth-child(2){opacity:0}.menu-toggle:checked~.menu-button-container .burger-bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero{text-align:center;min-height:50vh;padding:36px 18px}.hero h1{font-size:44px}.hero p{margin:16px auto 24px;font-size:16px}.actions{justify-content:center;gap:12px}.hero .button{border-width:2px;width:100%;max-width:280px;min-height:50px;padding:0 24px;font-size:15px}.hero .button:not(.secondary):hover,.hero .button.secondary:hover,.button.ghost:hover{translate:0;rotate:none;scale:1.02}.match-detail{grid-template-columns:1fr;gap:24px}.sealed-preview{min-height:260px;padding:24px}.sealed-content strong{font-size:26px}.stats{gap:12px}.stat{padding:16px}}.passport-card-container{flex-direction:column;display:flex}.passport-card-visual{border:2px solid var(--border-color);background:var(--stadium-green-dark);border-radius:20px;width:100%;max-width:320px;margin:0 auto 28px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 16px 36px #0f29131a}.passport-card-visual:hover{border-color:var(--celebration-gold);transform:translateY(-6px)scale(1.02);box-shadow:0 24px 48px #0f291329}.passport-image-render{object-fit:contain;width:100%;height:auto;display:block}.match-vs-container{background:var(--canvas-bg);border:2px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;padding:24px;display:flex}.match-vs-team{text-align:center;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.match-vs-team span{font-family:var(--font-display);color:var(--stadium-green-dark);font-size:clamp(14px,2.5vw,22px);font-weight:800}.match-vs-divider{background:var(--celebration-gold);border:2px solid var(--stadium-green-dark);width:44px;height:44px;color:var(--stadium-green-dark);font-family:var(--font-display);box-shadow:2px 2px 0 var(--stadium-green-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.match-vs-team .flag-avatar{width:clamp(52px,8vw,76px);height:clamp(52px,8vw,76px);box-shadow:2px 2px 0 var(--border-color);border-width:3px}.match-vs-team .flag-emoji{font-size:clamp(32px,5vw,48px)}.match-vs-team .flag-seed{font-size:clamp(14px,2.5vw,20px)}.filter-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;padding:20px;display:flex;box-shadow:0 4px 12px #0f291305}.filter-group{flex-direction:column;gap:8px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:800}.filter-tabs{background:var(--canvas-bg);border:1px solid var(--border-color);border-radius:10px;gap:4px;padding:4px;display:inline-flex}.filter-tab-button{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:0;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700}.filter-tab-button:hover{color:var(--stadium-green);background:#15803d0d}.filter-tab-button.active{background:var(--stadium-green);color:#fff;box-shadow:0 2px 6px #15803d26}.filter-controls-right{flex-wrap:wrap;gap:16px;display:flex}.select-wrapper{flex-direction:column;gap:8px;min-width:180px;display:flex}.select-wrapper label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:800}.filter-select{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:10px;outline:none;width:100%;padding:8px 12px;font-size:14px;font-weight:700}.filter-select:hover{border-color:var(--stadium-green-light)}.filter-select:focus{border-color:var(--stadium-green);box-shadow:0 0 0 3px #15803d14}.empty-state{background:var(--card-bg);border:2px dashed var(--border-color);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;margin:20px 0;padding:48px;display:flex}.empty-state p{color:var(--text-muted);margin:0;font-size:16px;font-weight:600}.call-option-left{align-items:center;gap:12px;display:flex}.call-option-check{color:var(--stadium-green);flex-shrink:0;justify-content:center;align-items:center;animation:.22s cubic-bezier(.34,1.56,.64,1) both checkmark-pop;display:flex}@keyframes checkmark-pop{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f2913a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border:2px solid var(--stadium-green-dark);width:100%;max-width:500px;box-shadow:0 20px 40px #0f291326, 4px 4px 0px var(--stadium-green-dark);border-radius:20px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-slide-up;position:relative}.modal-close{border:2px solid var(--stadium-green-dark);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:#f1f5f0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--stadium-green-light);color:#fff}.modal-header{margin-bottom:24px}.modal-badge{background:var(--celebration-gold);color:var(--stadium-green-dark);font-family:var(--font-display);border:1px solid var(--stadium-green-dark);border-radius:6px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block}.modal-header h2{font-size:26px;font-family:var(--font-display);color:var(--stadium-green-dark);margin-bottom:8px;font-weight:900}.modal-header p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.onboarding-steps{flex-direction:column;gap:20px;display:flex}.onboarding-step{align-items:flex-start;gap:16px;display:flex}.step-badge{background:var(--stadium-green-dark);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.step-body{flex-direction:column;gap:4px;display:flex}.step-body h4{color:var(--stadium-green-dark);margin:0;font-size:16px;font-weight:800}.step-body p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.4}.step-body .wallet-link{margin-top:4px;font-size:12px}.modal-connect-btn{margin-top:10px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}