/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#24392e;--ink-deep:#20382b;--muted:#758076;--lime:#d3f578;--canvas:#f6f7f2;--border:#e5e9e0;--white:#fff;--soft:#edf2e8;--orange:#ab592e;--radius:18px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:background .18s,color .18s,transform .18s,border-color .18s}button{color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #6d953d}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.18}svg{flex-shrink:0}input,select,textarea{min-width:0}select{cursor:pointer}button .spin{pointer-events:none}::selection{color:#20382b;background:#d3f578}.skip-link{z-index:200;background:var(--lime);border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.site-header{border-bottom:1px solid var(--border);z-index:30;background:#fff;height:88px;position:sticky;top:0}.header-inner{justify-content:space-between;gap:28px;max-width:1336px;height:100%;margin:auto;padding:0 38px}.brand,.header-inner{align-items:center;display:flex}.brand{white-space:nowrap;letter-spacing:-1.4px;gap:9px;font-size:29px;font-weight:900;line-height:1}.brand-mark{background:var(--lime);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;transform:rotate(-9deg)}.brand-mark svg{transform:rotate(9deg)}.brand-words{font-style:italic}.brand-period{color:#75a142}.desktop-nav{align-items:center;gap:30px;height:100%;margin-left:6px;display:flex}.desktop-nav>button{color:#6f776e;white-space:nowrap;height:100%;padding:0;font-size:13px;position:relative}.desktop-nav>button:hover{color:var(--ink)}.desktop-nav>button.nav-active{color:var(--ink);font-weight:700}.desktop-nav>button.nav-active:after{content:"";background:var(--lime);border-radius:3px 3px 0 0;height:4px;position:absolute;bottom:0;left:0;right:0}.nav-count{background:var(--lime);border-radius:5px;margin-left:6px;padding:2px 5px;font-size:10px}.header-actions{align-items:center;gap:17px;margin-left:auto;display:flex}.location-button{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.profile-button{background:#f2f5ed;border:1px solid #dce3d6;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;overflow:hidden}.profile-button.selected{outline:2px solid #688d3c}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:11px 20px;font-size:13px;font-weight:650;line-height:1.35;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-dark{background:var(--ink-deep);color:#fff}.btn-dark:hover{background:#345641}.btn-lime{background:var(--lime);color:var(--ink-deep)}.btn-lime:hover{background:#c3ec61}.btn-outline{background:#fff;border-color:#dde4d6}.btn-outline:hover{background:#f1f5e9}.btn-soft{color:var(--ink);background:#eff4e8}.btn-soft:hover{background:#e3edd6}.btn-danger{color:#fff;background:#9b3d33}.btn-danger:hover{background:#823129}.btn-sm{border-radius:8px;padding:9px 13px}.btn-sm,.header-create{min-height:39px;font-size:12px}.header-create{padding:9px 14px}.full{width:100%}.icon-btn{background:#f3f5ef;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.icon-btn:hover{background:#e9eee1}.main-container{max-width:1260px;margin:auto;padding:0 0 20px}.mode-strip{color:#6b715e;justify-content:space-between;gap:15px;min-height:44px;font-size:11px}.mode-strip,.mode-strip>span{align-items:center;display:flex}.mode-strip>span{flex-wrap:wrap;gap:5px}.mode-strip strong{font-weight:600}.mode-dot{background:#b29c69;border-radius:50%;width:5px;height:5px;margin-right:3px}.mode-real .mode-dot{background:#7c9f47}.mode-strip button{white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.mode-strip button:hover{text-decoration:underline}.hero{background:var(--ink-deep);color:#f8f9f3;isolation:isolate;border-radius:23px;align-items:center;min-height:361px;padding:42px 48px;display:flex;position:relative;overflow:hidden}.hero:before{background:radial-gradient(at 80% 70%,#40674777 0,#0000 52%);inset:0}.hero:after,.hero:before{content:"";z-index:-1;position:absolute}.hero:after{border:1px solid #a2ca7d0d;border-radius:50%;width:700px;height:700px;top:-180px;right:-100px;box-shadow:0 0 0 75px #b7dba609,0 0 0 160px #b7dba606}.hero-content{z-index:2;width:54%;position:relative}.hero-eyebrow{letter-spacing:1.7px;color:#c1d5bd;align-items:center;gap:9px;margin-bottom:20px;font-size:10px;font-weight:650;display:flex}.hero-eyebrow>span{background:var(--lime);border-radius:50%;width:6px;height:6px;display:block}.hero h1{letter-spacing:-2.4px;max-width:600px;font-size:49px;font-weight:750;line-height:1.1}.hero h1 em{color:var(--lime);font-style:normal}.hero-description{color:#c6d2c3;margin-top:17px;font-size:13px;line-height:1.75}.hero-actions{align-items:center;gap:23px;margin-top:23px;display:flex}.hero-actions .btn{min-height:44px;padding:12px 20px}.hero-secondary{color:#e2e8da;align-items:center;gap:8px;font-size:12px;display:flex}.hero-secondary:hover{color:var(--lime)}.hero-foot{color:#a9bba8;align-items:center;gap:7px;margin-top:24px;font-size:10px;display:flex}.pitch-illustration{width:46%;height:300px;position:absolute;top:40px;right:26px;transform:rotate(-9deg)}.pitch-svg{filter:drop-shadow(4px 16px 8px #0c201655);width:100%;height:100%;position:absolute}.pitch-label{z-index:2;position:absolute;transform:rotate(9deg);box-shadow:0 7px 20px #06150f30}.label-top{color:#27442e;letter-spacing:.2px;background:#f3ecda;border-radius:8px;align-items:center;gap:8px;padding:10px 15px;font-size:11px;font-weight:800;display:flex;top:7px;right:55px}.label-top>span:last-child{color:#7e8272;border-left:1px solid #cdd1c4;padding-left:5px;font-size:9px;font-weight:600}.live-dot{background:#79a74d;border-radius:50%;width:6px;height:6px;display:block}.label-bottom{color:#253f2a;background:#f5f6ee;border-radius:12px;align-items:center;gap:13px;padding:13px 18px;font-size:14px;font-weight:750;display:flex;bottom:5px;left:58px}.label-bottom small{color:#788270;margin-top:1px;font-size:9px;font-weight:400;display:block}.label-bottom>svg{color:#688b49;margin-left:17px}.mini-check{background:#d6efac;border-radius:50%;place-items:center;width:29px;height:29px;font-size:16px;display:grid}.pitch-coordinate{color:#8fa78c;letter-spacing:1.5px;font-family:monospace;font-size:9px;position:absolute;bottom:-23px;right:35px;transform:rotate(9deg)}.explore-layout{grid-template-columns:minmax(0,1fr) 290px;gap:28px;padding-top:39px;scroll-margin-top:110px;display:grid}.section-heading{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:21px;display:flex}.eyebrow{letter-spacing:1.5px;color:#7c8979;font-size:9px;font-weight:650}.section-heading h2{letter-spacing:-1px;margin-top:7px;font-size:26px;font-weight:730}.result-count{color:#7d8779;white-space:nowrap;padding-bottom:2px;font-size:11px}.filter-bar{background:#fff;border:1px solid #e1e7db;border-radius:11px;min-height:54px;padding:7px}.filter-bar,.search-field{align-items:center;gap:10px;display:flex}.search-field{color:#83907c;flex:1;min-width:0;padding:0 8px}.search-field input{width:100%;min-width:0;height:36px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-field input::placeholder{color:#91998a}.search-field button{place-items:center;padding:3px;display:grid}.select-filter{color:#77816e;border-left:1px solid #e6eadd;align-items:center;gap:6px;padding-left:14px;display:flex}.select-filter select{color:#68735f;background:#fff;border:0;max-width:122px;font-size:11px}.filter-button{border:1px solid #e6eadd;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:10px 12px;font-size:11px;display:flex}.filter-button.active{background:#edf5dc;border-color:#b8d188}.expanded-filters{border:1px solid var(--border);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:end;gap:14px;margin-top:8px;padding:16px;font-size:11px;display:flex}.expanded-filters label{flex-direction:column;gap:5px;display:flex}.expanded-filters select{background:#fff;border:1px solid #dde5d4;border-radius:6px;padding:7px;font-size:11px}.expanded-filters .checkbox-label{flex-direction:row;align-self:center;align-items:center}.checkbox-label input{accent-color:#365632;width:15px;height:15px}.text-button{color:#425a35;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:650;display:inline-flex}.text-button:hover{color:#1f371d;text-decoration:underline}.results-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:18px 0;display:flex}.format-tabs{flex-wrap:wrap;gap:5px;display:flex}.format-tabs button{white-space:nowrap;color:#7a8372;border:1px solid #0000;border-radius:7px;padding:7px 13px;font-size:11px}.format-tabs button.active{color:#31492a;background:#e8efdd;border-color:#dae3cf;font-weight:650}.format-tabs button:hover{background:#e9eee1}.sort-select{color:#788270;flex-shrink:0;align-items:center;gap:5px;font-size:10px;display:flex}.sort-select select{appearance:none;background:0 0;border:0;max-width:90px;font-size:10px}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.match-card{background:#fff;border:1px solid #e3e8dc;border-radius:16px;padding:20px;transition:box-shadow .2s,border-color .2s}.match-card:hover{border-color:#c5d5b7;box-shadow:0 5px 20px #29451d07}.card-top{justify-content:space-between;margin-bottom:16px;display:flex}.card-top,.format-badge{align-items:center;gap:6px}.format-badge{letter-spacing:.3px;color:#4a6440;background:#eef3e7;border-radius:5px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-flex}.format-7{color:#78654a;background:#f6f1e5}.format-8{color:#6b5d85;background:#f0edf6}.format-11{color:#587b80;background:#ebf4f3}.spot-badge{color:#65724e;white-space:nowrap;background:#f3f7eb;border-radius:5px;align-items:center;gap:3px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.spot-badge.urgent{color:#a65a30;background:#fcf0e6}.spot-badge.joined-badge{color:#3e682e;background:#eaf5dc}.spot-badge.muted-badge{color:#888c81;background:#f0f0ec}.card-schedule{color:#445339;align-items:baseline;gap:7px;margin-bottom:9px;font-size:12px;display:flex}.card-schedule>span:first-child{text-transform:capitalize;font-weight:700}.schedule-dot{color:#a9b39b}.card-schedule strong{letter-spacing:-.6px;color:#2a3d2c;font-size:20px}.card-schedule small{letter-spacing:0;font-size:11px;font-weight:400}.card-schedule .duration{color:#7e8777;margin-left:auto;font-size:10px}.card-title{text-align:left;letter-spacing:-.4px;justify-content:space-between;align-items:start;gap:10px;width:100%;min-height:45px;font-size:16px;font-weight:700;line-height:1.4;display:flex}.card-title svg{opacity:0;margin-top:2px;transition:opacity .2s}.match-card:hover .card-title svg{opacity:.7}.venue-line{color:#68795b;align-items:center;gap:5px;margin-top:8px;font-size:10px;line-height:1.5;display:flex}.text-soft{color:#909780}.venue-line svg{color:#93a086}.card-tags{gap:8px;margin-top:12px}.card-tags,.card-tags>span{align-items:center;display:flex}.card-tags>span{color:#78826c;border:1px solid #e7ebdf;border-radius:4px;gap:5px;padding:3px 6px;font-size:9px}.card-tags>span:last-child{color:#a0a78f;border:0;padding-left:0}.level-dot{background:#8d9b64;border-radius:50%;width:4px;height:4px}.level-Tranqui{background:#7aa67b}.level-Competitivo{background:#b58150}.team-row{justify-content:space-between;align-items:center;gap:6px;margin-top:18px;display:flex}.team-row>span{color:#9aa28e;font-size:9px}.team-row>span strong{color:#667558;font-weight:600}.avatar{letter-spacing:-.3px;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.avatar.sm{width:27px;height:27px;font-size:8px}.avatar.md{width:37px;height:37px;font-size:11px}.avatar.lg{border-radius:19px;width:64px;height:64px;font-size:20px}.avatar.xl{border:3px solid #d3ebbd;width:86px;height:86px;font-size:27px}.av-sage{color:#4d6651;background:#d9e6d2}.av-peach{color:#936e54;background:#f1dccc}.av-lilac{color:#807091;background:#e5deef}.av-blue{color:#637c90;background:#d7e3eb}.av-yellow{color:#94804f;background:#ece4c7}.av-rose{color:#946d76;background:#eddbde}.avatar-stack{align-items:center;padding-left:1px;display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-3px}.avatar-stack .avatar:first-child{margin-left:0}.avatar.extra{color:#8b977a;background:#f1f4eb;font-weight:500}.capacity-track{background:#edf1e6;border-radius:5px;height:3px;margin-top:8px;overflow:hidden}.capacity-track>span{background:#a5bf78;border-radius:5px;max-width:100%;height:100%;display:block}.card-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:16px;display:flex}.price{flex-direction:column;gap:1px;display:flex}.price strong{letter-spacing:-.6px;color:#2b402d;font-size:18px;font-weight:700}.price>span{color:#8e9882;font-size:9px}.discovery-sidebar{flex-direction:column;gap:21px;padding-top:6px;display:flex}.organize-card{background:#eaf0dd;border:1px solid #e0e8d2;border-radius:16px;padding:25px 23px;position:relative;overflow:hidden}.organize-icon{align-items:center;height:37px;margin-bottom:20px;display:flex}.organize-icon>svg{color:#596b46}.organize-icon>span{color:#45612b;background:#d1e3a9;border-radius:50%;align-self:flex-end;place-items:center;width:20px;height:20px;margin-left:-5px;font-size:10px;font-weight:700;display:grid}.organize-card .eyebrow{color:#8a9778;letter-spacing:1.15px;font-size:8px}.organize-card h3{letter-spacing:-1px;margin-top:8px;font-size:25px;font-weight:700;line-height:1.2}.organize-card p{color:#879377;max-width:210px;margin:13px 0 20px;font-size:11px;line-height:1.8}.organize-card .btn{background:#d2ec9e;min-height:40px;font-size:11px}.organize-card .btn:hover{background:#c4e684}.sidebar-players{background:#fff;border:1px solid #e3e8dc;border-radius:15px;padding:22px}.sidebar-heading{justify-content:space-between;align-items:center;gap:5px;display:flex}.sidebar-heading h3{letter-spacing:-.25px;font-size:14px;font-weight:700}.sidebar-heading>svg{color:#95a582}.sidebar-players>p{color:#94a085;margin-top:8px;margin-bottom:14px;font-size:10px;line-height:1.8}.mini-player{text-align:left;border-bottom:1px solid #eff2e8;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.mini-player>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mini-player strong{font-size:11px;font-weight:650}.mini-player small{color:#919d80;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.mini-player>svg{color:#92a27f;width:13px}.mini-player:hover strong{color:#69953a}.sidebar-players>.text-button{justify-content:space-between;width:100%;margin-top:16px;font-size:10px}.fairplay-note{color:#a3ad94;gap:12px;padding:2px 10px;display:flex}.fairplay-note>svg{stroke-width:1.4px;margin-top:3px}.fairplay-note strong{color:#7c896d;letter-spacing:-.1px;font-size:10px;font-weight:650;display:block}.fairplay-note p{color:#9da58f;margin-top:5px;font-size:10px;line-height:1.8}.results-foot{color:#a1aa94;justify-content:center;align-items:center;gap:6px;margin:24px 0 3px;font-size:10px;display:flex}.tiny-dot{background:#a6b18f;border-radius:50%;width:4px;height:4px}.site-footer{color:#9ca68e;border-top:1px solid #e0e5d7;align-items:center;gap:18px;margin-top:50px;padding-top:25px;font-size:10px;display:flex}.footer-brand{color:#637750;letter-spacing:-1.2px;font-size:20px;font-style:italic;font-weight:800}.footer-version{margin-left:auto;font-size:9px}.mobile-nav{display:none}.page-intro{justify-content:space-between;align-items:center;gap:30px;margin:30px 0 36px;display:flex}.page-intro h1{letter-spacing:-1.9px;margin-top:12px;font-size:43px;font-weight:730;line-height:1.14}.page-intro p:not(.eyebrow){color:#869078;margin-top:14px;font-size:13px;line-height:1.8}.directory-filters{border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.directory-filters select{color:#6b7a5a;background:#fff;border:1px solid #e4eadb;border-radius:7px;padding:10px;font-size:11px}.directory-result-line{color:#8c977e;justify-content:space-between;align-items:center;margin:20px 2px;font-size:11px;display:flex}.directory-result-line .text-button{font-size:10px}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.player-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:25px}.player-card-top{justify-content:space-between;align-items:center;display:flex}.available-badge{color:#7a8a62;align-items:center;gap:5px;font-size:9px;display:flex}.available-badge>span{background:#8bab5e;border-radius:50%;width:5px;height:5px}.player-card h2{margin-top:18px;font-size:23px;font-weight:700}.player-zone{color:#8a977c;align-items:center;gap:5px;margin-top:7px;font-size:11px;display:flex}.player-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.player-tags>span{color:#748362;background:#f0f4e9;border-radius:5px;padding:5px 8px;font-size:10px}.player-bio{color:#7b8970;min-height:67px;margin-top:15px;font-size:12px;line-height:1.8}.availability-line{color:#8c977e;align-items:center;gap:6px;margin:14px 0 20px;font-size:10px;display:flex}.player-card .btn{justify-content:space-between;min-height:39px;font-size:11px}.demo-caption{text-align:center;color:#a6ae9a;margin-top:10px;font-size:9px;display:block}.my-tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:25px;display:flex}.my-tabs button{color:#8a957d;padding:13px 0;font-size:12px;position:relative}.my-tabs button.active{color:#364c2c;font-weight:650}.my-tabs button.active:after{content:"";background:#9abb60;height:3px;position:absolute;bottom:-1px;left:0;right:0}.my-tabs button>span{background:#e7eddb;border-radius:4px;margin-left:6px;padding:2px 5px;font-size:10px}.mine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.is-cancelled{opacity:.7}.empty-state{text-align:center;background:#fbfcf7;border:1px dashed #d7e2c9;border-radius:17px;flex-direction:column;align-items:center;min-height:300px;padding:55px 25px;display:flex}.empty-icon{color:#718f53;background:#ecf3df;border-radius:50%;place-items:center;width:75px;height:75px;margin-bottom:20px;display:grid}.empty-state h3{font-size:23px;font-weight:650}.empty-state p{color:#8a967c;max-width:390px;margin:13px 0 23px;font-size:12px;line-height:1.8}.empty-state .btn{font-size:12px}.loading-state{color:#84946f;justify-content:center;align-items:center;gap:10px;padding:80px;display:flex}.invitations-panel{background:#f0f6e5;border:1px solid #dce8c8;border-radius:14px;margin-bottom:28px;padding:22px}.invitations-panel h2{gap:10px;margin-bottom:14px;font-size:19px;font-weight:650;display:flex}.invitation{border-top:1px solid #dfe8d2;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding-top:16px;display:flex}.invitation strong{font-size:12px}.invitation p{color:#8a9875;margin-top:3px;font-size:11px}.invitation>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.profile-layout{grid-template-columns:minmax(0,1fr) 320px;gap:40px;max-width:1020px;display:grid}.profile-form-card{border:1px solid var(--border);background:#fff;border-radius:17px;padding:30px}.profile-preview{flex-direction:column;gap:25px;display:flex}.player-pass{color:#edf5df;text-align:center;background:#294832;border:1px solid #335b3a;border-radius:20px;padding:24px;position:relative;overflow:hidden}.pass-header{letter-spacing:1.8px;color:#b6ce91;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:9px;font-weight:700;display:flex}.player-pass>.avatar{margin:auto}.player-pass h2{letter-spacing:-.7px;margin-top:16px;font-size:25px;font-weight:650}.player-pass>p{color:#b7c89f;margin-top:5px;font-size:11px}.pass-meta{color:#a0b88a;justify-content:center;gap:12px;margin-top:18px;font-size:9px}.pass-meta,.pass-meta>span{align-items:center;display:flex}.pass-meta>span{gap:4px}.pitch-mini{width:100%;height:170px;margin-top:20px;position:relative;top:auto;right:auto;transform:none}.pitch-mini .pitch-svg{filter:none}.pass-footer{letter-spacing:2.1px;color:#8daa75;border-top:1px solid #65815b55;padding-top:18px;font-size:9px}.signout-link{color:#869775;text-align:center;font-size:11px;text-decoration:underline}.error-banner{color:#9c6444;background:#fff1e8;border:1px solid #f0d5bf;border-radius:10px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;font-size:12px;display:flex}.error-banner>span{flex:1}.error-banner button{font-weight:650;text-decoration:underline}.modal{color:var(--ink);background:#fff;border:0;border-radius:20px;width:calc(100% - 32px);max-width:480px;max-height:88dvh;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 30px 120px #10201744}.modal.modal-wide{max-width:600px}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18281ed9}.modal-panel{padding:26px 30px 30px}.modal-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-top .eyebrow{color:#879676;font-size:8px}.modal-top .icon-btn{width:30px;height:30px}.modal h2{letter-spacing:-1px;margin-bottom:16px;font-size:27px;font-weight:700;line-height:1.2}.fulbo-form{flex-direction:column;gap:17px;display:flex}.form-intro{color:#8a967b;margin-bottom:5px;font-size:12px;line-height:1.8}.expanded-filters>label,.form-grid>label,.fulbo-form>label{color:#526641;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.fulbo-form input:not([type=checkbox]),.fulbo-form select,.fulbo-form textarea{color:#3b5030;background:#fcfdf9;border:1px solid #dfe7d5;border-radius:8px;width:100%;min-height:42px;padding:11px 12px;font-size:12px;font-weight:400;line-height:1.5}.fulbo-form textarea{resize:vertical}.fulbo-form input::placeholder,.fulbo-form textarea::placeholder{color:#a6af97}.fulbo-form input:focus,.fulbo-form select:focus,.fulbo-form textarea:focus{outline-offset:0;background:#fff;border-color:#91ae64;outline:2px solid #cedfb266}.fulbo-form small{color:#939e84;font-size:9px;font-weight:400;line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.optional{color:#9fa78e;font-weight:400;display:inline}.format-choice{border:0;margin:0;padding:0}.format-choice legend{color:#526641;margin-bottom:9px;font-size:11px;font-weight:600}.format-choice>div{gap:9px;display:flex}.format-choice button{color:#8b9978;background:#fcfdf9;border:1px solid #e0e7d6;border-radius:9px;flex:1;padding:10px 7px;font-size:9px}.format-choice button>span{letter-spacing:-.6px;color:#6e8454;margin-bottom:2px;font-size:18px;font-weight:750;display:block}.format-choice button.chosen{background:#edf5dd;border-color:#b4cf8b}.format-choice button.chosen>span{color:#426327}.spots-summary{color:#899a72;background:#eef5e2;border:1px solid #e2ebd4;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-size:10px;display:flex}.spots-summary>span:first-child{color:#5b793d;align-items:center;gap:6px;font-weight:650;display:flex}.form-disclaimer{color:#96a085;align-items:flex-start;gap:6px;font-size:10px;line-height:1.8;display:flex}.form-disclaimer svg{margin-top:3px}.info-note{color:#8c896d;background:#f5f4eb;border:1px solid #eae7d6;border-radius:8px;align-items:flex-start;gap:9px;margin-bottom:3px;padding:11px 13px;font-size:10px;line-height:1.7;display:flex}.info-note svg{color:#a3a17f;margin-top:1px}.fulbo-form>.visibility-option{cursor:pointer;background:#f2f6e9;border:1px solid #e3ecd6;border-radius:9px;flex-direction:row;align-items:flex-start;gap:11px;padding:15px}.visibility-option input{accent-color:#516f32;width:17px;height:17px;margin-top:2px}.visibility-option strong{font-size:11px;font-weight:650}.visibility-option small{color:#8f9c7c;margin-top:4px;line-height:1.8;display:block}.form-error{color:#a24d3f;background:#fff0e9;border-radius:8px;padding:12px;font-size:12px}.toast{z-index:1000;color:#f5f8ee;background:#263e2d;border-radius:12px;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 32px);padding:16px 20px;font-size:12px;line-height:1.6;animation:toast-in .25s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 7px 35px #1e321a33}.toast>svg{color:#c8e995}.toast>span{max-width:480px}.toast button{color:#c3d2b2;padding:3px;display:flex}.toast-error{background:#8f4937}.toast-error>svg{color:#f8dcc7}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes rotate{to{transform:rotate(1turn)}}.spin{animation:rotate 1s linear infinite}.detail-pills{flex-wrap:wrap;gap:7px;margin-top:18px;margin-bottom:24px;display:flex}.level-pill{color:#8b977b;border:1px solid #e4eadb;border-radius:5px;align-items:center;padding:5px 8px;font-size:10px;display:inline-flex}.detail-info-grid{border-top:1px solid #e9eddf;border-bottom:1px solid #e9eddf;grid-template-columns:1fr 1fr;gap:15px;padding:19px 0;display:grid}.detail-info-grid>div{align-items:center;gap:10px;display:flex}.detail-info-grid>div>svg{color:#8da371;stroke-width:1.5px}.detail-info-grid strong{font-size:13px;font-weight:650;display:block}.detail-info-grid small{color:#939d83;margin-top:3px;font-size:9px;display:block}.address-line{color:#879773;justify-content:space-between;gap:15px;margin-top:11px;font-size:11px;display:flex}.address-line>a{align-items:center;gap:4px;font-weight:600;display:flex}.organizer-line{align-items:center;gap:10px;margin:20px 0;display:flex}.organizer-line>div{flex-direction:column;gap:2px;display:flex}.organizer-line span:not(.avatar){color:#91a17f;font-size:9px}.organizer-line strong{font-size:11px;font-weight:600}.match-detail h3{letter-spacing:-.15px;font-size:14px;font-weight:650}.detail-description{color:#829171;white-space:pre-line;overflow-wrap:anywhere;margin-top:9px;font-size:12px;line-height:1.9}.detail-team-heading{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.detail-team-heading>span{color:#98a487;font-size:9px}.participants-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.participants-list>div{color:#768963;background:#f6f8f0;border-radius:7px;align-items:center;gap:6px;min-width:0;padding:7px;font-size:10px;display:flex}.participants-list>div>span:not(.avatar){overflow-wrap:anywhere}.organizer-tag{background:#e8f0da;border-radius:3px;margin-left:auto;padding:2px 4px;font-size:7px!important}.participants-list .reserved-players{background:#f2f5ea;grid-column:1/-1;padding:11px 9px}.reserved-players svg{color:#93a57a}.invite-from-match{margin-top:15px;font-size:11px}.detail-check-note{color:#98a687;border-top:1px solid #e8eddf;gap:8px;margin-top:25px;padding-top:17px;font-size:9px;line-height:1.8;display:flex}.detail-check-note>svg{color:#91a576}.detail-bottom{justify-content:space-between;align-items:center;gap:15px;margin-top:21px;display:flex}.detail-bottom .price strong{font-size:24px}.detail-bottom .price>span{font-size:9px}.detail-buttons{align-items:center;gap:8px;display:flex}.share-button{background:#fff;border:1px solid #e2e9d7;width:44px;height:44px}.closed-match{color:#8c957f;font-size:12px}.cancel-link{text-align:center;color:#a37b63;margin:21px auto 0;font-size:10px;text-decoration:underline;display:block}.joined-message{color:#718d4b;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.signin-content{text-align:center;flex-direction:column;align-items:center;gap:22px;display:flex}.signin-icon{color:#7e9b53;background:#eff5e0;border-radius:50%;place-items:center;width:85px;height:85px;display:grid}.signin-content>p{color:#879775;font-size:13px;line-height:1.8}.player-detail{align-items:center;gap:17px;margin:20px 0;display:flex}.player-detail>div>span{font-size:13px;font-weight:600}.player-detail p{color:#93a17f;align-items:center;gap:5px;margin-top:6px;font-size:11px;display:flex}.player-detail-bio{color:#8b987a;margin:20px 0;font-size:13px;line-height:1.8}.empty-modal p,.player-detail-bio+.info-note{margin-bottom:20px}.empty-modal p{color:#8a9878;font-size:13px;line-height:1.9}@media (min-width:1500px){.main-container{max-width:1280px}.header-inner{max-width:1356px}.hero{min-height:374px}.hero h1{font-size:54px}.explore-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.match-card{padding:23px}.card-title{font-size:17px}.card-schedule{margin-bottom:11px}.venue-line{font-size:11px}}@media (max-width:1350px){.main-container{margin:0 38px}.header-inner{gap:20px;padding:0 38px}.desktop-nav{gap:23px}.header-actions{gap:15px}.location-button span{text-overflow:ellipsis;max-width:115px;overflow:hidden}}@media (max-width:1150px){.header-inner{gap:20px;padding:0 26px}.main-container{margin:0 26px}.desktop-nav{gap:20px}.desktop-nav>button{font-size:12px}.header-actions{gap:12px}.location-button{display:none}.hero{min-height:345px;padding:34px}.hero h1{font-size:45px}.hero-content{width:57%}.pitch-illustration{width:45%;height:280px;top:45px;right:15px}.label-top{top:17px;right:22px}.label-bottom{bottom:14px;left:15px}.explore-layout{grid-template-columns:minmax(0,1fr) 252px;gap:22px}.organize-card{padding:23px 20px}.sidebar-players{padding:20px 17px}.match-card{padding:17px}.card-top{gap:3px}.spot-badge{padding:5px 6px;font-size:8px}.card-title{min-height:43px;font-size:15px}.format-badge{padding:5px 6px;font-size:8px}.venue-line{font-size:9px}.price strong{font-size:16px}.card-bottom .btn{padding:9px 11px;font-size:11px}.format-tabs button{padding:7px 10px;font-size:10px}.section-heading h2{font-size:23px}.directory-filters{flex-wrap:wrap}.directory-filters .search-field{min-width:200px}.player-card{padding:21px}.player-bio{min-height:87px}}@media (max-width:930px){.header-inner{padding:0 24px}.main-container{margin:0 24px}.brand{font-size:26px}.brand-mark{width:36px;height:36px}.desktop-nav{gap:18px}.header-create{padding:9px 11px}.header-actions{gap:11px}.hero h1{font-size:41px}.hero-content{width:59%}.hero-eyebrow{font-size:8px}.hero-description{font-size:12px}.pitch-illustration{width:45%;height:260px;top:55px;right:-8px}.label-top{padding:9px 11px;font-size:9px;top:22px;right:22px}.label-top>span:last-child{display:none}.label-bottom{padding:10px 13px;font-size:12px;bottom:16px;left:10px}.label-bottom>svg{display:none}.pitch-coordinate{font-size:8px;bottom:-8px;right:33px}.explore-layout{grid-template-columns:minmax(0,1fr)}.discovery-sidebar{grid-template-columns:1fr 1fr;padding-top:12px;display:grid}.organize-card{padding:23px}.organize-icon{margin-bottom:10px}.organize-card h3{font-size:24px}.organize-card p{max-width:250px}.sidebar-players{padding:22px}.discovery-sidebar>.fairplay-note{grid-column:1/-1;justify-content:center;padding-top:6px}.match-card{padding:22px}.card-title{min-height:47px;font-size:17px}.card-schedule{font-size:13px}.card-schedule strong{font-size:22px}.venue-line{font-size:11px}.format-badge,.spot-badge{font-size:9px}.price strong{font-size:20px}.card-bottom .btn{padding:10px 15px;font-size:12px}.filter-bar{min-height:55px}.format-tabs button{padding:8px 13px;font-size:11px}.section-heading h2{font-size:26px}.mine-grid,.player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-bio{min-height:65px}.profile-layout{grid-template-columns:minmax(0,1fr) 275px;gap:25px}.profile-form-card{padding:23px}.page-intro h1{font-size:38px}.page-intro>.btn{font-size:11px}.directory-filters .search-field{flex-basis:100%}.directory-filters select{flex:1;min-width:0}.invitation{flex-direction:column;align-items:flex-start;gap:13px}}@media (max-width:740px){.site-header{height:72px}.header-inner{gap:15px;padding:0 22px}.desktop-nav{display:none}.header-actions{gap:14px}.header-create{min-height:36px;padding:8px 11px;font-size:11px}.profile-button{width:35px;height:35px}.location-button{display:none}.brand{font-size:27px}.brand-mark{border-radius:11px;width:35px;height:35px}.brand-mark svg{width:26px}.main-container{margin:0 22px;padding-bottom:92px}.mode-strip{gap:8px;min-height:43px;font-size:9px}.mode-strip>span{gap:4px}.mode-strip button{gap:4px;font-size:9px}.mode-explanation{display:none}.hero{border-radius:19px;min-height:330px;padding:29px 28px}.hero-content{width:69%}.hero h1{letter-spacing:-1.8px;font-size:37px}.hero-eyebrow{letter-spacing:1.1px;margin-bottom:17px;font-size:8px}.hero-description{max-width:280px;font-size:11px;line-height:1.8}.hero-actions{gap:17px}.hero-actions .btn{min-height:40px;padding:11px 14px;font-size:11px}.hero-secondary{gap:4px;font-size:10px}.hero-foot{margin-top:23px;font-size:8px}.pitch-illustration{opacity:.42;width:58%;height:250px;top:66px;right:-115px}.pitch-coordinate,.pitch-label{display:none}.hero:before{z-index:1;background:linear-gradient(90deg,#20382b 25%,#0000 85%)}.hero-content{z-index:2}.explore-layout{gap:18px;padding-top:31px;scroll-margin-top:88px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:25px}.eyebrow{letter-spacing:1.2px;font-size:8px}.result-count{font-size:10px}.match-grid{gap:13px}.match-card{border-radius:14px;padding:17px}.card-title{min-height:44px;font-size:15px}.card-top{margin-bottom:13px}.card-schedule{font-size:11px}.card-schedule strong{font-size:20px}.venue-line{font-size:9px}.format-badge,.spot-badge{font-size:8px}.card-bottom .btn{gap:7px;padding:9px 10px;font-size:10px}.price strong{font-size:17px}.card-tags{gap:5px}.card-schedule .duration,.card-tags>span,.card-tags>span:last-child{font-size:8px}.team-row{margin-top:16px}.team-row>span{font-size:8px}.filter-bar{gap:4px;min-height:49px;padding:6px}.search-field{gap:7px;padding:0 6px}.search-field input{font-size:11px}.select-filter{gap:4px;padding-left:8px}.select-filter select{max-width:110px;font-size:10px}.select-filter svg{width:14px}.filter-button{gap:5px;padding:9px}.filter-button>span{display:none}.results-toolbar{margin:15px 0}.format-tabs{gap:2px}.format-tabs button{padding:7px 10px;font-size:10px}.sort-select select{font-size:9px}.sort-select{gap:3px}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));z-index:40;background:#fffffff5;border-top:1px solid #dde5d5;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav>button{color:#99a38c;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:63px;padding:4px 9px;font-size:9px;display:flex;position:relative}.mobile-nav>button.active{color:#3c5e2d;font-weight:650}.mobile-nav>button.active:before{content:"";z-index:-1;background:#edf5dc;border-radius:9px;width:45px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav>button>i{background:#94b750;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:16px}.site-footer{flex-wrap:wrap;gap:12px;margin-top:35px;padding-top:20px;font-size:9px}.footer-brand{font-size:19px}.footer-version{font-size:8px}.toast{border-radius:10px;padding:13px 15px;font-size:11px;bottom:95px}.toast>span{max-width:390px}.page-intro{flex-direction:column;align-items:flex-start;gap:20px;margin:25px 0 28px}.page-intro h1{letter-spacing:-1.5px;font-size:37px}.page-intro p:not(.eyebrow){max-width:480px;font-size:12px}.page-intro>.btn{min-height:39px}.profile-layout{grid-template-columns:1fr}.profile-preview{gap:18px;min-width:0;display:flex}.profile-preview .player-pass{display:none}.profile-preview>.google-signin{margin:0}.profile-preview>.signout-link{align-self:stretch;min-height:44px}.profile-form-card{padding:25px}.player-card{padding:20px}.player-card h2{font-size:21px}.player-bio{min-height:64px;font-size:11px}.player-zone{font-size:10px}.player-tags>span{font-size:9px}.available-badge{font-size:8px}.avatar.lg{border-radius:16px;width:55px;height:55px;font-size:18px}.directory-filters select{min-width:31%;padding:9px 7px;font-size:10px}.my-tabs{gap:20px}.my-tabs button{font-size:11px}.my-tabs button>span{font-size:9px}.results-foot{text-align:center;align-items:flex-start;font-size:9px}.empty-state{padding:40px 20px}.empty-state h3{font-size:22px}.empty-state p{font-size:11px}.modal{border-radius:17px;max-height:91dvh}.modal-panel{padding:22px 24px 27px}.modal h2{font-size:25px}.modal-top{margin-bottom:13px}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@media (max-width:500px){.header-inner{padding:0 18px}.header-actions{gap:10px}.brand{gap:8px;font-size:25px}.brand-mark{width:33px;height:33px}.header-create{border-radius:9px;gap:0;width:35px;min-height:35px;padding:8px;font-size:0}.header-create svg{width:18px}.profile-button{width:33px;height:33px}.main-container{margin:0 17px}.hero{border-radius:18px;min-height:333px;padding:27px 23px}.hero-content{width:100%}.hero h1{letter-spacing:-1.7px;font-size:36px;line-height:1.13}.hero-description{max-width:252px;font-size:11px}.pitch-illustration{opacity:.25;width:85%;height:255px;top:83px;right:-117px}.hero-eyebrow{letter-spacing:1.1px;gap:6px;font-size:7px}.hero-eyebrow>span{width:5px;height:5px}.hero-foot{color:#aabc9c;font-size:8px}.hero-actions{gap:19px}.hero-actions .btn{min-height:42px;padding:12px 16px}.hero-secondary{font-size:10px}.section-heading h2{letter-spacing:-1px;font-size:24px}.section-heading .eyebrow{letter-spacing:1.2px;font-size:7px}.result-count{font-size:9px}.match-grid{grid-template-columns:1fr;gap:14px}.match-card{border-radius:16px;padding:21px}.card-top{margin-bottom:13px}.format-badge{padding:6px 8px;font-size:9px}.spot-badge{padding:5px 8px;font-size:9px}.card-schedule{margin-bottom:8px;font-size:13px}.card-schedule strong{font-size:23px}.card-schedule .duration{font-size:10px}.card-title{min-height:0;font-size:17px;line-height:1.5}.card-title svg{opacity:.6;width:16px}.venue-line{margin-top:10px;font-size:10px}.card-tags{gap:8px;margin-top:12px}.card-tags>span,.card-tags>span:last-child{font-size:9px}.team-row{margin-top:16px}.avatar.sm,.team-row>span{font-size:9px}.avatar.sm{width:29px;height:29px}.card-bottom{margin-top:17px}.price strong{font-size:21px}.price>span{font-size:10px}.card-bottom .btn{gap:10px;min-height:42px;padding:10px 17px;font-size:12px}.filter-bar{flex-wrap:wrap;gap:5px}.filter-bar .search-field{border-bottom:1px solid #edf1e4;flex-basis:100%;padding-bottom:5px}.search-field input{height:34px;font-size:12px}.select-filter{border-left:0;flex:1;padding-left:7px}.select-filter select{background:0 0;flex:1;max-width:100%;padding:7px 0;font-size:11px}.select-filter svg{width:15px}.filter-button{background:#f4f7ed;border:0;min-height:33px;padding:7px 11px;font-size:10px}.filter-button>span{display:inline}.results-toolbar{flex-wrap:wrap;gap:9px;margin:15px 0}.format-tabs{flex-wrap:nowrap;flex:1;gap:3px}.format-tabs button{padding:7px 9px;font-size:10px}.sort-select{display:none}.discovery-sidebar{grid-template-columns:1fr;gap:17px}.organize-card{grid-template-columns:1fr auto;gap:0 10px;padding:23px;display:grid}.organize-icon{grid-area:1/2/4;align-self:center;margin-right:10px;transform:scale(1.3)}.organize-card .eyebrow{grid-column:1}.organize-card h3{grid-column:1;font-size:24px}.organize-card p{grid-column:1/-1;max-width:100%;margin:12px 0 18px}.organize-card .btn{grid-column:1/-1}.discovery-sidebar>.fairplay-note{grid-column:1;justify-content:flex-start;padding:5px 12px}.sidebar-players{padding:22px}.sidebar-heading h3{font-size:15px}.sidebar-players>p{font-size:11px}.mini-player strong{font-size:12px}.mini-player small{font-size:10px}.sidebar-players>.text-button{font-size:11px}.sidebar-players .avatar.md{width:40px;height:40px;font-size:12px}.fairplay-note strong{font-size:11px}.fairplay-note p{font-size:10px}.footer-version{flex-basis:100%;margin-left:0;padding-left:89px}.player-grid{grid-template-columns:1fr;gap:15px}.player-card{padding:23px}.player-card h2{font-size:24px}.player-zone{font-size:11px}.player-bio{min-height:0;font-size:12px}.player-tags>span{font-size:10px}.available-badge{font-size:9px}.avatar.lg{width:61px;height:61px;font-size:20px}.directory-filters select{flex-basis:40%}.directory-filters select:last-child{flex-basis:100%}.directory-result-line{font-size:10px}.page-intro h1{font-size:35px}.profile-form-card{padding:20px}.form-grid{gap:11px}.fulbo-form{gap:16px}.fulbo-form input:not([type=checkbox]),.fulbo-form select,.fulbo-form textarea{min-height:43px;padding:10px;font-size:16px}.fulbo-form label{font-size:11px}.fulbo-form small{font-size:9px}.modal{border-radius:16px;width:calc(100% - 18px);max-height:93dvh}.modal-panel{padding:20px 20px 25px}.modal h2{font-size:25px;line-height:1.3}.modal .fulbo-form{gap:16px}.detail-info-grid{grid-template-columns:1fr;gap:17px;padding:18px 0}.detail-info-grid strong{font-size:14px}.detail-info-grid small{font-size:10px}.detail-info-grid>div{gap:12px}.detail-description{font-size:12px}.detail-team-heading h3{font-size:14px}.participants-list>div{gap:5px;padding:6px;font-size:9px}.participants-list .avatar.sm{width:25px;height:25px;font-size:8px}.detail-bottom{align-items:flex-end;gap:9px}.detail-bottom .price strong{font-size:23px}.detail-buttons{gap:6px}.detail-buttons .btn{gap:7px;padding:11px 13px;font-size:12px}.share-button{width:36px}.detail-check-note{font-size:9px}.spots-summary{gap:7px;padding:11px 9px;font-size:9px}.spots-summary>span:first-child{gap:5px}.spots-summary>span:first-child svg{width:15px}.form-disclaimer{font-size:10px}.profile-form-card .form-grid{grid-template-columns:1fr}.toast{gap:9px;max-width:calc(100% - 25px);padding:12px 14px;font-size:11px;bottom:94px}.toast>span{max-width:260px}.my-tabs{gap:17px}.my-tabs button{font-size:10px}.empty-state h3{font-size:22px}.empty-icon{width:67px;height:67px}.invitations-panel{padding:18px}.invitation p{font-size:10px;line-height:1.8}.invitation>div:last-child .btn{padding:8px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}.btn:hover:not(:disabled){transform:none}}.zone-filter{white-space:nowrap;background:#f0f5e7;border:1px solid #dde7ce;border-radius:7px;align-items:center;gap:6px;min-height:36px;padding:9px 10px;font-size:11px;display:flex}.zone-filter:hover{background:#e7f0d8}.format-tabs{min-width:0;max-width:100%}@media (max-width:500px){.hero-description{font-size:12px}.hero-foot{font-size:9px}.search-field input{font-size:16px}.search-field input::placeholder{font-size:12px}.directory-filters .zone-filter{flex-basis:100%;justify-content:space-between}.venue-line{font-size:11px}}@media (max-width:360px){.format-tabs button{padding:7px 6px;font-size:9px}.hero-actions{gap:13px}.hero-actions .btn{padding:11px 13px}.hero-secondary{white-space:nowrap;font-size:9px}.section-heading h2{font-size:21px}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>label{min-width:0}@media (max-width:360px){.modal .form-grid{grid-template-columns:1fr}.spots-summary{flex-direction:column;align-items:flex-start;gap:5px}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@media (max-width:740px){
  .hero{overflow:hidden}
  .results-toolbar{flex-direction:column;align-items:stretch;min-width:0;overflow:hidden}
  .format-tabs{width:100%;max-width:100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:3px}
  .format-tabs button{flex:0 0 auto}
  .sort-select{align-self:flex-end}
}

/* Yo estoy activity selector + skins v1 */
.activity-gate{min-height:100vh;background:radial-gradient(circle at 50% 20%,#234633 0,#10261b 42%,#09150f 100%);color:#f7f9f2;display:grid;place-items:center;padding:34px 22px;position:relative;overflow:hidden}
.activity-gate:before,.activity-gate:after{content:"";position:absolute;border:1px solid #d2ff7217;border-radius:50%;width:620px;height:620px}
.activity-gate:before{top:-390px;left:-180px}.activity-gate:after{right:-300px;bottom:-420px}
.activity-gate-card{width:min(880px,100%);text-align:center;position:relative;z-index:1}
.activity-gate-brand{display:flex;justify-content:center;align-items:center;gap:11px;margin-bottom:34px;font-size:25px;font-weight:800;font-style:italic}
.activity-gate-mark{background:var(--lime);color:#173421;border-radius:14px;width:52px;height:52px;display:grid;place-items:center;transform:rotate(-5deg)}
.activity-gate-eyebrow{color:#cce5b9;letter-spacing:2.2px;font-size:10px;font-weight:800;margin-bottom:12px}
.activity-gate h1{font-size:clamp(34px,6vw,62px);line-height:1.02;letter-spacing:-2px;margin:0}
.activity-gate-lead{color:#bbcabd;font-size:14px;margin:16px auto 30px;max-width:580px;line-height:1.6}
.activity-gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.activity-choice{min-height:126px;border:1px solid #bfe08b2e;border-radius:18px;background:#ffffff0b;color:#f7f9f2;padding:18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:.18s ease}
.activity-choice:hover{transform:translateY(-3px);background:#ffffff12;border-color:#d2ff7275;box-shadow:0 14px 34px #0003}
.activity-choice-icon{font-size:31px;line-height:1.15}.activity-choice strong{font-size:16px}.activity-choice small{color:#aebfae;font-size:10px}
.activity-football:hover{background:#b9e46a17}.activity-padel:hover{background:#73dcc11c}.activity-tennis:hover{background:#e5d85d1a}.activity-cycling:hover{background:#7dbfe51a}.activity-running:hover{background:#ed9c671c}.activity-walking:hover{background:#a7d8a31c}
.activity-gate-download{display:inline-flex;color:#d8efb0;border-bottom:1px solid #d8efb066;margin-top:26px;padding:7px 2px;font-size:12px;font-weight:650}
.activity-gate-download:hover{color:#fff;border-color:#fff}
.activity-switcher{height:38px;border:1px solid #d9e4d1;background:#f4f7ef;border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#304b32;white-space:nowrap}
.activity-switcher:hover{background:#eaf2df}.activity-switcher-icon{font-size:16px;line-height:1}
.hero-all{--lime:#d2ff72;background:#153425}.hero-football{--lime:#d2ff72;background:#102b1e}.hero-padel{--lime:#76e0c0;background:#12352e}.hero-tennis{--lime:#efe36b;background:#29351b}.hero-cycling{--lime:#8ad4f5;background:#16313a}.hero-running{--lime:#f4a16f;background:#38251d}.hero-walking{--lime:#aee29f;background:#203628}
.hero-all:before,.hero-football:before,.hero-padel:before,.hero-tennis:before,.hero-cycling:before,.hero-running:before,.hero-walking:before{background:radial-gradient(at 82% 62%,color-mix(in srgb,var(--lime) 30%,transparent) 0,transparent 55%)}
.activity-skin-visual{width:39%;height:260px;position:absolute;right:42px;top:52px;border:1px solid #ffffff26;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#ffffff12,#ffffff03);box-shadow:inset 0 0 0 16px #ffffff05,0 24px 60px #0003;transform:rotate(-4deg)}
.activity-skin-visual:before,.activity-skin-visual:after{content:"";position:absolute;border:1px solid #ffffff1f;inset:23px;border-radius:18px}.activity-skin-visual:after{inset:23px 48%;border-radius:0;border-top:0;border-bottom:0}
.activity-skin-emoji{font-size:58px;filter:drop-shadow(0 10px 14px #0004)}.activity-skin-visual strong{font-size:23px}.activity-skin-visual small{color:#d5dfd3;font-size:10px;letter-spacing:.7px;text-transform:uppercase}
@media(max-width:900px){.activity-gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-switcher span:nth-child(2){display:none}.activity-skin-visual{right:20px;width:42%}}
@media(max-width:700px){.activity-gate{padding:24px 16px}.activity-gate-brand{margin-bottom:27px}.activity-gate-grid{gap:9px}.activity-choice{min-height:106px;border-radius:14px;padding:12px 8px}.activity-choice-icon{font-size:27px}.activity-choice strong{font-size:14px}.activity-gate h1{font-size:37px}.activity-gate-lead{font-size:12px;margin-bottom:22px}.activity-skin-visual{position:relative;top:auto;right:auto;width:100%;height:180px;margin-top:26px;transform:none}.hero{display:block}.hero-content{width:100%}.activity-switcher{padding:0 8px}}


/* YO_ESTOY_SPORT_THEME_V2 */
:root{
  --sport-football:#16A34A;
  --sport-padel:#2563EB;
  --sport-tennis:#EAB308;
  --sport-cycling:#8B5CF6;
  --sport-running:#F97316;
  --sport-walking:#0D9488;
}
.activity-gate-mark,.brand-mark{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M32%203C19.3%203%209%2013.3%209%2026c0%2017%2023%2035%2023%2035s23-18%2023-35C55%2013.3%2044.7%203%2032%203Zm0%2032.5A10.5%2010.5%200%201%201%2032%2014a10.5%2010.5%200%200%201%200%2021.5Z%22%2F%3E%3C%2Fsvg%3E")!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:62%!important;
  transform:none!important;border-radius:14px!important;
}
.activity-gate-mark>svg,.brand-mark>svg{display:none!important}

.activity-choice-icon,.activity-switcher-icon,.activity-skin-emoji{
  font-size:0!important;color:transparent!important;background-repeat:no-repeat!important;
  background-position:center!important;background-size:contain!important;display:inline-block!important;
}
.activity-choice-icon{width:48px;height:48px;margin-bottom:7px}
.activity-switcher-icon{width:23px;height:23px}
.activity-skin-emoji{width:120px;height:120px;filter:drop-shadow(0 16px 24px #0007)!important}

.activity-football{--sport:#16A34A;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%230f172a%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m32%2019%208%206-3%2010H27l-3-10%208-6Z%22%20fill%3D%22%230f172a%22%2F%3E%3Cpath%20d%3D%22M32%2019V8M40%2025l11-4M37%2035l7%2011M27%2035l-7%2011M24%2025l-11-4M44%2046l8%206M20%2046l-8%206M51%2021l3-10M13%2021l-3-10%22%20stroke%3D%22%230f172a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.activity-padel{--sport:#2563EB;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M38%207c10%200%2018%208%2018%2018%200%2013-10%2023-22%2023-10%200-18-8-18-18C16%2017%2026%207%2038%207Z%22%2F%3E%3Cpath%20d%3D%22m22%2043-12%2014%22%2F%3E%3Cpath%20d%3D%22m18%2048%205%205%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f8fafc%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2227%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2235%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2254%22%20cy%3D%2250%22%20r%3D%225%22%20fill%3D%22%23c7f36b%22%2F%3E%3C%2Fsvg%3E")}
.activity-tennis{--sport:#EAB308;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22%23d9f438%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2017c10%204%2017%2012%2020%2023%203%2010%209%2017%2020%2020M52%204C42%209%2036%2017%2034%2027c-2%2010-8%2018-19%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.activity-cycling{--sport:#8B5CF6;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2244%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2244%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22m17%2044%2010-18%209%2018H17l8-13h17l6%2013M27%2026l-4-7h-7M36%2044l8-21h7%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2213%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.activity-running{--sport:#F97316;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m34%2019-9%2010%209%207%208-10%209%206M34%2036l-7%2018M34%2036l12%208%207%2010M25%2029l-12%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.activity-walking{--sport:#0D9488;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m31%2019-6%2013%207%207%207-10%209%207M32%2039l-9%2016M32%2039l10%2016M25%2032l-11%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.activity-choice .activity-choice-icon{background-image:var(--sport-icon)!important}
.activity-choice{
  position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--sport) 38%,#ffffff20)!important;
  background:
    radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--sport) 24%,transparent),transparent 38%),
    linear-gradient(145deg,color-mix(in srgb,var(--sport) 13%,#102219),#0d1e17 72%)!important;
}
.activity-choice:after{content:"";position:absolute;inset:auto -26px -42px auto;width:110px;height:110px;border:1px solid color-mix(in srgb,var(--sport) 30%,transparent);border-radius:50%;pointer-events:none}
.activity-choice:hover{border-color:color-mix(in srgb,var(--sport) 76%,white)!important;box-shadow:0 12px 34px color-mix(in srgb,var(--sport) 22%,transparent)!important;transform:translateY(-2px)}
.activity-choice strong{color:#fff}
.activity-choice small{color:#c9d7ce}

.app-shell:has(.hero-football){--sport:#16A34A;--sport-deep:#071d10;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22%230f172a%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22m32%2019%208%206-3%2010H27l-3-10%208-6Z%22%20fill%3D%22%230f172a%22%2F%3E%3Cpath%20d%3D%22M32%2019V8M40%2025l11-4M37%2035l7%2011M27%2035l-7%2011M24%2025l-11-4M44%2046l8%206M20%2046l-8%206M51%2021l3-10M13%2021l-3-10%22%20stroke%3D%22%230f172a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");--lime:#7FE36D}
.app-shell:has(.hero-padel){--sport:#2563EB;--sport-deep:#061633;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M38%207c10%200%2018%208%2018%2018%200%2013-10%2023-22%2023-10%200-18-8-18-18C16%2017%2026%207%2038%207Z%22%2F%3E%3Cpath%20d%3D%22m22%2043-12%2014%22%2F%3E%3Cpath%20d%3D%22m18%2048%205%205%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f8fafc%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2227%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2235%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2254%22%20cy%3D%2250%22%20r%3D%225%22%20fill%3D%22%23c7f36b%22%2F%3E%3C%2Fsvg%3E");--lime:#60A5FA}
.app-shell:has(.hero-tennis){--sport:#EAB308;--sport-deep:#2a1903;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22%23d9f438%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2017c10%204%2017%2012%2020%2023%203%2010%209%2017%2020%2020M52%204C42%209%2036%2017%2034%2027c-2%2010-8%2018-19%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");--lime:#FACC15}
.app-shell:has(.hero-cycling){--sport:#8B5CF6;--sport-deep:#170b35;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2244%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2244%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22m17%2044%2010-18%209%2018H17l8-13h17l6%2013M27%2026l-4-7h-7M36%2044l8-21h7%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2213%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--lime:#A78BFA}
.app-shell:has(.hero-running){--sport:#F97316;--sport-deep:#2d1104;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m34%2019-9%2010%209%207%208-10%209%206M34%2036l-7%2018M34%2036l12%208%207%2010M25%2029l-12%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--lime:#FB923C}
.app-shell:has(.hero-walking){--sport:#0D9488;--sport-deep:#032522;--sport-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m31%2019-6%2013%207%207%207-10%209%207M32%2039l-9%2016M32%2039l10%2016M25%2032l-11%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--lime:#2DD4BF}

.app-shell:has(.hero-football) .activity-switcher-icon,
.app-shell:has(.hero-padel) .activity-switcher-icon,
.app-shell:has(.hero-tennis) .activity-switcher-icon,
.app-shell:has(.hero-cycling) .activity-switcher-icon,
.app-shell:has(.hero-running) .activity-switcher-icon,
.app-shell:has(.hero-walking) .activity-switcher-icon{background-image:var(--sport-icon)!important}

.app-shell:has(.hero-football) .brand-mark,
.app-shell:has(.hero-padel) .brand-mark,
.app-shell:has(.hero-tennis) .brand-mark,
.app-shell:has(.hero-cycling) .brand-mark,
.app-shell:has(.hero-running) .brand-mark,
.app-shell:has(.hero-walking) .brand-mark{background-color:var(--sport)!important}

.app-shell:has(.hero-football) .site-header,
.app-shell:has(.hero-padel) .site-header,
.app-shell:has(.hero-tennis) .site-header,
.app-shell:has(.hero-cycling) .site-header,
.app-shell:has(.hero-running) .site-header,
.app-shell:has(.hero-walking) .site-header{border-bottom-color:color-mix(in srgb,var(--sport) 36%,var(--border))}

.app-shell:has(.hero-football) .activity-switcher,
.app-shell:has(.hero-padel) .activity-switcher,
.app-shell:has(.hero-tennis) .activity-switcher,
.app-shell:has(.hero-cycling) .activity-switcher,
.app-shell:has(.hero-running) .activity-switcher,
.app-shell:has(.hero-walking) .activity-switcher{border-color:color-mix(in srgb,var(--sport) 45%,#d9e4d1);box-shadow:0 0 0 1px color-mix(in srgb,var(--sport) 8%,transparent)}

.hero-football{--lime:#7FE36D;background:linear-gradient(120deg,#071b10 0%,#0b2b18 52%,#0e3c20 100%)}
.hero-padel{--lime:#60A5FA;background:linear-gradient(120deg,#041127 0%,#08285e 55%,#0b3a75 100%)}
.hero-tennis{--lime:#FACC15;background:linear-gradient(120deg,#211304 0%,#553105 56%,#7a4a08 100%)}
.hero-cycling{--lime:#A78BFA;background:linear-gradient(120deg,#120827 0%,#281064 56%,#44218a 100%)}
.hero-running{--lime:#FB923C;background:linear-gradient(120deg,#281004 0%,#682508 57%,#9a3d0b 100%)}
.hero-walking{--lime:#2DD4BF;background:linear-gradient(120deg,#031c1b 0%,#07504a 56%,#08766a 100%)}

.hero-football:before,.hero-padel:before,.hero-tennis:before,.hero-cycling:before,.hero-running:before,.hero-walking:before{
  background:
    radial-gradient(circle at 80% 50%,color-mix(in srgb,var(--lime) 35%,transparent),transparent 34%),
    linear-gradient(100deg,transparent 55%,#ffffff08 55% 56%,transparent 56% 66%,#ffffff06 66% 67%,transparent 67%)!important;
}

.hero-padel .activity-skin-visual,.hero-tennis .activity-skin-visual,.hero-cycling .activity-skin-visual,.hero-running .activity-skin-visual,.hero-walking .activity-skin-visual{
  border-color:color-mix(in srgb,var(--lime) 52%,transparent)!important;
  background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--lime) 26%,transparent),transparent 34%),
    linear-gradient(145deg,#ffffff10,#00000020)!important;
  box-shadow:inset 0 0 0 1px #ffffff0d,0 26px 70px #0006!important;
}
.hero-padel .activity-skin-emoji{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M38%207c10%200%2018%208%2018%2018%200%2013-10%2023-22%2023-10%200-18-8-18-18C16%2017%2026%207%2038%207Z%22%2F%3E%3Cpath%20d%3D%22m22%2043-12%2014%22%2F%3E%3Cpath%20d%3D%22m18%2048%205%205%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23f8fafc%22%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2216%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2246%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2236%22%20cy%3D%2225%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2245%22%20cy%3D%2227%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2234%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2235%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2254%22%20cy%3D%2250%22%20r%3D%225%22%20fill%3D%22%23c7f36b%22%2F%3E%3C%2Fsvg%3E")!important}
.hero-tennis .activity-skin-emoji{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2227%22%20fill%3D%22%23d9f438%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%2017c10%204%2017%2012%2020%2023%203%2010%209%2017%2020%2020M52%204C42%209%2036%2017%2034%2027c-2%2010-8%2018-19%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")!important}
.hero-cycling .activity-skin-emoji{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%223.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2244%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%2248%22%20cy%3D%2244%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22m17%2044%2010-18%209%2018H17l8-13h17l6%2013M27%2026l-4-7h-7M36%2044l8-21h7%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2213%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hero-running .activity-skin-emoji{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m34%2019-9%2010%209%207%208-10%209%206M34%2036l-7%2018M34%2036l12%208%207%2010M25%2029l-12%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}
.hero-walking .activity-skin-emoji{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f8fafc%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2210%22%20r%3D%225%22%20fill%3D%22%23f8fafc%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22m31%2019-6%2013%207%207%207-10%209%207M32%2039l-9%2016M32%2039l10%2016M25%2032l-11%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important}

.hero-padel .activity-skin-visual:before,.hero-tennis .activity-skin-visual:before,.hero-cycling .activity-skin-visual:before,.hero-running .activity-skin-visual:before,.hero-walking .activity-skin-visual:before{
  content:"";position:absolute;inset:18px;border-radius:20px;border:1px solid #ffffff10;pointer-events:none
}
.hero-padel .activity-skin-visual strong,.hero-tennis .activity-skin-visual strong,.hero-cycling .activity-skin-visual strong,.hero-running .activity-skin-visual strong,.hero-walking .activity-skin-visual strong{font-size:22px;letter-spacing:-.5px}
.hero-padel .activity-skin-visual small,.hero-tennis .activity-skin-visual small,.hero-cycling .activity-skin-visual small,.hero-running .activity-skin-visual small,.hero-walking .activity-skin-visual small{color:#e8f0ea;text-transform:uppercase;letter-spacing:1.2px}

.app-shell:has(.hero-football) .nav-active,
.app-shell:has(.hero-padel) .nav-active,
.app-shell:has(.hero-tennis) .nav-active,
.app-shell:has(.hero-cycling) .nav-active,
.app-shell:has(.hero-running) .nav-active,
.app-shell:has(.hero-walking) .nav-active{border-bottom-color:var(--sport)!important}
.app-shell:has(.hero-football) .filter-chip.active,
.app-shell:has(.hero-padel) .filter-chip.active,
.app-shell:has(.hero-tennis) .filter-chip.active,
.app-shell:has(.hero-cycling) .filter-chip.active,
.app-shell:has(.hero-running) .filter-chip.active,
.app-shell:has(.hero-walking) .filter-chip.active{border-color:var(--sport)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--sport) 20%,transparent)}

@media(max-width:700px){
 .activity-choice-icon{width:40px;height:40px}
 .activity-skin-emoji{width:86px;height:86px}
}



/* YO_ESTOY_SPORT_THEME_V3_PHOTOS */
.activity-football{--sport-image:url("/themes/v3/football.jpg")}
.activity-padel{--sport-image:url("/themes/v3/padel.jpg")}
.activity-tennis{--sport-image:url("/themes/v3/tennis.jpg")}
.activity-cycling{--sport-image:url("/themes/v3/cycling.jpg")}
.activity-running{--sport-image:url("/themes/v3/running.jpg")}
.activity-walking{--sport-image:url("/themes/v3/walking.jpg")}

.activity-choice{
  min-height:148px!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  text-align:left!important;
  padding:20px 22px!important;
  gap:3px!important;
  background-image:
    linear-gradient(180deg,rgba(3,10,8,.06) 0%,rgba(3,10,8,.18) 35%,rgba(3,10,8,.88) 100%),
    linear-gradient(90deg,color-mix(in srgb,var(--sport) 22%,transparent),transparent 65%),
    var(--sport-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 0 0 1px #ffffff10,0 16px 34px #0002!important;
}
.activity-choice .activity-choice-icon{display:none!important}
.activity-choice:after{
  content:"→"!important;
  position:absolute!important;
  right:17px!important;
  bottom:17px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--sport) 70%,white)!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:700!important;
  background:rgba(5,12,9,.48)!important;
  backdrop-filter:blur(8px)!important;
}
.activity-choice strong{
  position:relative;z-index:1;color:#fff!important;font-size:18px!important;
  line-height:1.15!important;text-shadow:0 2px 14px #000!important;
}
.activity-choice small{
  position:relative;z-index:1;color:#e8f0eb!important;font-size:11px!important;
  line-height:1.3!important;text-shadow:0 2px 12px #000!important;max-width:72%!important;
}
.activity-choice:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 44px color-mix(in srgb,var(--sport) 28%,transparent)!important;
}
.activity-choice:hover:after{background:var(--sport)!important;color:#fff!important}

.app-shell:has(.hero-football) .format-tabs button.active,
.app-shell:has(.hero-padel) .format-tabs button.active,
.app-shell:has(.hero-tennis) .format-tabs button.active,
.app-shell:has(.hero-cycling) .format-tabs button.active,
.app-shell:has(.hero-running) .format-tabs button.active,
.app-shell:has(.hero-walking) .format-tabs button.active{
  background:color-mix(in srgb,var(--sport) 12%,#fff)!important;
  border-color:color-mix(in srgb,var(--sport) 50%,#d7ded4)!important;
  color:color-mix(in srgb,var(--sport) 70%,#183226)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sport) 14%,transparent)!important;
}

.app-shell:has(.hero-football) .organize-card,
.app-shell:has(.hero-padel) .organize-card,
.app-shell:has(.hero-tennis) .organize-card,
.app-shell:has(.hero-cycling) .organize-card,
.app-shell:has(.hero-running) .organize-card,
.app-shell:has(.hero-walking) .organize-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--sport) 12%,#f5f7f2),color-mix(in srgb,var(--sport) 5%,#eef3e9))!important;
  border-color:color-mix(in srgb,var(--sport) 26%,#dfe7d8)!important;
}
.app-shell:has(.hero-football) .organize-card .eyebrow,
.app-shell:has(.hero-padel) .organize-card .eyebrow,
.app-shell:has(.hero-tennis) .organize-card .eyebrow,
.app-shell:has(.hero-cycling) .organize-card .eyebrow,
.app-shell:has(.hero-running) .organize-card .eyebrow,
.app-shell:has(.hero-walking) .organize-card .eyebrow{
  color:color-mix(in srgb,var(--sport) 74%,#52614d)!important;
}
.app-shell:has(.hero-football) .organize-icon>svg,
.app-shell:has(.hero-padel) .organize-icon>svg,
.app-shell:has(.hero-tennis) .organize-icon>svg,
.app-shell:has(.hero-cycling) .organize-icon>svg,
.app-shell:has(.hero-running) .organize-icon>svg,
.app-shell:has(.hero-walking) .organize-icon>svg{
  color:var(--sport)!important;
}
.app-shell:has(.hero-football) .organize-icon>span,
.app-shell:has(.hero-padel) .organize-icon>span,
.app-shell:has(.hero-tennis) .organize-icon>span,
.app-shell:has(.hero-cycling) .organize-icon>span,
.app-shell:has(.hero-running) .organize-icon>span,
.app-shell:has(.hero-walking) .organize-icon>span{
  background:color-mix(in srgb,var(--sport) 22%,#fff)!important;
  color:color-mix(in srgb,var(--sport) 78%,#173421)!important;
}
.app-shell:has(.hero-football) .organize-card .btn,
.app-shell:has(.hero-padel) .organize-card .btn,
.app-shell:has(.hero-tennis) .organize-card .btn,
.app-shell:has(.hero-cycling) .organize-card .btn,
.app-shell:has(.hero-running) .organize-card .btn,
.app-shell:has(.hero-walking) .organize-card .btn{
  background:color-mix(in srgb,var(--sport) 72%,#d9ff75)!important;
  color:#10261b!important;
}

@media(max-width:700px){
  .activity-choice{min-height:126px!important;padding:15px 14px!important}
  .activity-choice strong{font-size:15px!important}
  .activity-choice small{font-size:10px!important;max-width:75%!important}
  .activity-choice:after{right:11px!important;bottom:11px!important;width:30px!important;height:30px!important;font-size:16px!important}
}



/* YO_ESTOY_SPORT_THEME_V5_OFFICIAL_ICONS_QR */
.app-shell:has(.hero-football){--sport-official-icon:url("/themes/v5/icons/football.svg")}
.app-shell:has(.hero-padel){--sport-official-icon:url("/themes/v5/icons/padel.svg")}
.app-shell:has(.hero-tennis){--sport-official-icon:url("/themes/v5/icons/tennis.svg")}
.app-shell:has(.hero-cycling){--sport-official-icon:url("/themes/v5/icons/cycling.svg")}
.app-shell:has(.hero-running){--sport-official-icon:url("/themes/v5/icons/running.svg")}
.app-shell:has(.hero-walking){--sport-official-icon:url("/themes/v5/icons/walking.svg")}

.activity-switcher-icon{
  background-image:none!important;
  background-color:var(--sport)!important;
  -webkit-mask-image:var(--sport-official-icon)!important;
  mask-image:var(--sport-official-icon)!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:contain!important;mask-size:contain!important;
  width:22px!important;height:22px!important;flex:0 0 22px!important;
}
.activity-skin-emoji{
  background-image:none!important;
  background-color:#fff!important;
  -webkit-mask-image:var(--sport-official-icon)!important;
  mask-image:var(--sport-official-icon)!important;
  -webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;mask-position:center!important;
  -webkit-mask-size:contain!important;mask-size:contain!important;
  width:112px!important;height:112px!important;
  filter:drop-shadow(0 14px 20px #0005)!important;
}

.activity-gate-actions{
  margin-top:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}
.activity-gate-actions .activity-gate-download{margin-top:0}
.activity-gate-share{
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 12px 7px 7px;
  border:1px solid #d8efb055;
  border-radius:14px;
  background:#ffffff0a;
  color:#eaf6d2;
  text-decoration:none;
  transition:.18s ease;
  min-width:190px;
  text-align:left;
}
.activity-gate-share:hover{
  background:#ffffff12;
  border-color:#d8efb0aa;
  transform:translateY(-1px);
}
.activity-gate-share img{
  width:52px;
  height:52px;
  border-radius:9px;
  background:#fff;
  padding:3px;
  flex:0 0 52px;
}
.activity-gate-share span{display:flex;flex-direction:column;gap:2px}
.activity-gate-share strong{font-size:12px;line-height:1.2;color:#fff}
.activity-gate-share small{font-size:9px;line-height:1.2;color:#b9cabd}

@media(max-width:700px){
  .activity-switcher-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
  .activity-skin-emoji{width:82px!important;height:82px!important}
  .activity-gate-actions{gap:10px;margin-top:18px;flex-direction:column}
  .activity-gate-share{min-width:220px}
}



/* YO_ESTOY_SPORT_THEME_V6_PHOTO_HEROES */
.hero-football{--hero-photo:url("/themes/v3/football.jpg")}
.hero-padel{--hero-photo:url("/themes/v3/padel.jpg")}
.hero-tennis{--hero-photo:url("/themes/v3/tennis.jpg")}
.hero-cycling{--hero-photo:url("/themes/v3/cycling.jpg")}
.hero-running{--hero-photo:url("/themes/v3/running.jpg")}
.hero-walking{--hero-photo:url("/themes/v3/walking.jpg")}

/* Non-football sports: keep the existing panel geometry, replace icon card with photo */
.hero-padel .activity-skin-visual,
.hero-tennis .activity-skin-visual,
.hero-cycling .activity-skin-visual,
.hero-running .activity-skin-visual,
.hero-walking .activity-skin-visual{
  background-image:
    linear-gradient(180deg,rgba(3,10,8,.02) 0%,rgba(3,10,8,.10) 48%,rgba(3,10,8,.40) 100%),
    linear-gradient(120deg,color-mix(in srgb,var(--lime) 18%,transparent),transparent 54%),
    var(--hero-photo)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-color:color-mix(in srgb,var(--lime) 58%,#ffffff33)!important;
  box-shadow:inset 0 0 0 1px #ffffff10,0 26px 70px #0005!important;
}
.hero-padel .activity-skin-visual>*,
.hero-tennis .activity-skin-visual>*,
.hero-cycling .activity-skin-visual>*,
.hero-running .activity-skin-visual>*,
.hero-walking .activity-skin-visual>*{
  display:none!important;
}
.hero-padel .activity-skin-visual:before,.hero-padel .activity-skin-visual:after,
.hero-tennis .activity-skin-visual:before,.hero-tennis .activity-skin-visual:after,
.hero-cycling .activity-skin-visual:before,.hero-cycling .activity-skin-visual:after,
.hero-running .activity-skin-visual:before,.hero-running .activity-skin-visual:after,
.hero-walking .activity-skin-visual:before,.hero-walking .activity-skin-visual:after{
  display:none!important;
}

/* Football: replace tactical pitch drawing with real football photo */
.hero-football .pitch-illustration{
  border:1px solid color-mix(in srgb,var(--lime) 58%,#ffffff33)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(180deg,rgba(3,10,8,.02) 0%,rgba(3,10,8,.12) 48%,rgba(3,10,8,.42) 100%),
    linear-gradient(120deg,color-mix(in srgb,var(--lime) 18%,transparent),transparent 54%),
    var(--hero-photo)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  box-shadow:inset 0 0 0 1px #ffffff10,0 26px 70px #0005!important;
}
.hero-football .pitch-illustration>*{display:none!important}

/* Better photo composition per discipline */
.hero-football .pitch-illustration{background-position:center 58%!important}
.hero-padel .activity-skin-visual{background-position:center 63%!important}
.hero-tennis .activity-skin-visual{background-position:center 51%!important}
.hero-cycling .activity-skin-visual{background-position:center 54%!important}
.hero-running .activity-skin-visual{background-position:center 46%!important}
.hero-walking .activity-skin-visual{background-position:center 55%!important}

@media(max-width:700px){
  .hero-football .pitch-illustration,
  .hero-padel .activity-skin-visual,
  .hero-tennis .activity-skin-visual,
  .hero-cycling .activity-skin-visual,
  .hero-running .activity-skin-visual,
  .hero-walking .activity-skin-visual{
    width:100%!important;
    height:190px!important;
    margin-top:24px!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    border-radius:20px!important;
  }
  .hero-football .pitch-illustration{opacity:1!important}
}



/* YO_ESTOY_SPORT_THEME_V7_BIDIRECTIONAL_CLEANUP */

/* ---------- LIGHT: no accidental dark surfaces ---------- */
html[data-theme=light] .activity-gate{
  background:var(--canvas,#f6f7f2)!important;
  color:var(--theme-text,#24392e)!important;
}
html[data-theme=light] .activity-gate:before,
html[data-theme=light] .activity-gate:after{
  opacity:.18!important;
}
html[data-theme=light] .activity-gate :is(h1,.activity-gate-brand strong){
  color:var(--theme-text,#24392e)!important;
}
html[data-theme=light] .activity-gate .activity-gate-eyebrow{
  color:var(--theme-accent,#4b6d34)!important;
}
html[data-theme=light] .activity-gate .activity-gate-lead{
  color:var(--theme-muted,#65735d)!important;
}
html[data-theme=light] .activity-gate .activity-gate-download{
  color:var(--theme-accent,#4b6d34)!important;
  border-color:var(--theme-accent-border,#b4cf8b)!important;
}
html[data-theme=light] .activity-gate .activity-gate-share{
  background:var(--theme-surface,#fff)!important;
  border-color:var(--theme-border,#dce4d3)!important;
  color:var(--theme-text,#24392e)!important;
  box-shadow:0 10px 30px #18321f0c!important;
}
html[data-theme=light] .activity-gate .activity-gate-share strong{color:var(--theme-text,#24392e)!important}
html[data-theme=light] .activity-gate .activity-gate-share small{color:var(--theme-muted,#65735d)!important}

/* Sport heroes also follow light appearance; only the photo panel stays photographic. */
html[data-theme=light] .app-shell :is(.hero-football,.hero-padel,.hero-tennis,.hero-cycling,.hero-running,.hero-walking){
  background:
    linear-gradient(120deg,
      color-mix(in srgb,var(--sport) 7%,#fff) 0%,
      color-mix(in srgb,var(--sport) 11%,#f7f9f4) 58%,
      color-mix(in srgb,var(--sport) 16%,#f1f5ed) 100%)!important;
  border-color:color-mix(in srgb,var(--sport) 32%,var(--theme-border,#dce4d3))!important;
  color:var(--theme-text,#24392e)!important;
}
html[data-theme=light] .app-shell :is(.hero-football,.hero-padel,.hero-tennis,.hero-cycling,.hero-running,.hero-walking):before{
  background:
    radial-gradient(circle at 82% 48%,color-mix(in srgb,var(--sport) 14%,transparent),transparent 36%),
    linear-gradient(100deg,transparent 55%,color-mix(in srgb,var(--sport) 5%,transparent) 55% 56%,transparent 56%)!important;
}
html[data-theme=light] .app-shell .hero :is(h1,.hero-secondary){
  color:var(--theme-text,#24392e)!important;
}
html[data-theme=light] .app-shell .hero .hero-description{
  color:var(--theme-muted,#65735d)!important;
}
html[data-theme=light] .app-shell .hero .hero-foot{
  color:var(--theme-subtle,#76836f)!important;
}
html[data-theme=light] .app-shell .hero .hero-eyebrow{
  color:color-mix(in srgb,var(--sport) 78%,var(--theme-text,#24392e))!important;
}
html[data-theme=light] .app-shell .hero .hero-secondary:hover{
  color:color-mix(in srgb,var(--sport) 70%,var(--theme-text,#24392e))!important;
}
html[data-theme=light] .app-shell .hero-all{
  --sport:#78b857;
  background:
    linear-gradient(120deg,
      color-mix(in srgb,var(--sport) 7%,#fff) 0%,
      color-mix(in srgb,var(--sport) 11%,#f7f9f4) 58%,
      color-mix(in srgb,var(--sport) 16%,#f1f5ed) 100%)!important;
  border-color:color-mix(in srgb,var(--sport) 32%,var(--theme-border,#dce4d3))!important;
  color:var(--theme-text,#24392e)!important;
}
html[data-theme=light] .app-shell .hero-all:before{
  background:
    radial-gradient(circle at 82% 48%,color-mix(in srgb,var(--sport) 14%,transparent),transparent 36%),
    linear-gradient(100deg,transparent 55%,color-mix(in srgb,var(--sport) 5%,transparent) 55% 56%,transparent 56%)!important;
}
html[data-theme=light] .app-shell{
  --ye-surface:var(--theme-surface,#fff);
  --ye-raised:var(--theme-raised,#f8faf5);
  --ye-soft:var(--theme-soft,#edf2e8);
  --ye-hover:var(--theme-hover,#e7efdc);
  --ye-text:var(--theme-text,#24392e);
  --ye-muted:var(--theme-muted,#65735d);
  --ye-subtle:var(--theme-subtle,#76836f);
  --ye-border:var(--theme-border,#dce4d3);
}
html[data-theme=light] .app-shell :is(
  .site-header,.match-card,.sidebar-players,.player-card,.profile-form-card,.profile-reputation,
  .filter-bar,.directory-filters,.expanded-filters,.modal,.empty-state,.invitations-panel,
  .request-notifications,.personal-invitation,.match-invite,.match-location-card,.match-location-field,
  .ratings-notice,.invite-picker,.my-requests-section,.player-rating-form,.google-signin-linked,
  .auth-notice,.auth-layout,.appearance-settings,.sidebar-players
){
  background:var(--ye-surface)!important;
  border-color:var(--ye-border)!important;
  color:var(--ye-text)!important;
}
html[data-theme=light] .app-shell .site-header{
  background:color-mix(in srgb,var(--ye-surface) 96%,transparent)!important;
}
html[data-theme=light] .app-shell .mobile-nav{
  background:color-mix(in srgb,var(--ye-surface) 96%,transparent)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=light] .app-shell :is(.profile-button,.notification-button,.icon-btn,.activity-switcher){
  background:var(--ye-raised)!important;
  border-color:var(--ye-border)!important;
  color:var(--ye-text)!important;
}
html[data-theme=light] .app-shell .activity-switcher{
  border-color:color-mix(in srgb,var(--sport) 34%,var(--ye-border))!important;
}
html[data-theme=light] .app-shell :is(.profile-button,.notification-button,.icon-btn,.activity-switcher):hover{
  background:var(--ye-hover)!important;
}
html[data-theme=light] .app-shell :is(.btn-outline,.share-button,.btn-soft){
  background:var(--ye-raised)!important;
  border-color:var(--ye-border)!important;
  color:var(--ye-text)!important;
}
html[data-theme=light] .app-shell :is(.btn-outline,.share-button,.btn-soft):hover{
  background:var(--ye-hover)!important;
}
html[data-theme=light] .app-shell :is(.search-field input,.select-filter select,.sort-select select){
  color:var(--ye-text)!important;background:transparent!important;
}
html[data-theme=light] .app-shell :is(
  .fulbo-form input:not([type=checkbox]),.fulbo-form select,.fulbo-form textarea,
  .expanded-filters select,.directory-filters select,.invite-picker-search
){
  background:var(--ye-surface)!important;
  color:var(--ye-text)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=light] .app-shell :is(.fulbo-form input,.fulbo-form select,.fulbo-form textarea):focus{
  background:var(--ye-surface)!important;
}
html[data-theme=light] .app-shell :is(.filter-button,.zone-filter,.format-choice button,.format-tabs button){
  background:var(--ye-raised)!important;
  color:var(--ye-muted)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=light] .app-shell :is(.filter-button,.zone-filter,.format-choice button,.format-tabs button):hover{
  background:var(--ye-hover)!important;
}
html[data-theme=light] .app-shell :is(.filter-button.active,.format-tabs button.active,.format-choice button.chosen){
  background:color-mix(in srgb,var(--sport) 10%,var(--ye-surface))!important;
  border-color:color-mix(in srgb,var(--sport) 42%,var(--ye-border))!important;
  color:color-mix(in srgb,var(--sport) 76%,var(--ye-text))!important;
}
html[data-theme=light] .app-shell .organize-card{
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--sport) 9%,transparent),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--sport) 5%,#fff),var(--ye-raised))!important;
  border-color:color-mix(in srgb,var(--sport) 24%,var(--ye-border))!important;
  color:var(--ye-text)!important;
  box-shadow:0 12px 30px #18321f0c!important;
}
html[data-theme=light] .app-shell .organize-card :is(h2,h3,strong){color:var(--ye-text)!important}
html[data-theme=light] .app-shell .organize-card :is(p,small){color:var(--ye-muted)!important}
html[data-theme=light] .app-shell .organize-card .eyebrow{color:color-mix(in srgb,var(--sport) 75%,var(--ye-text))!important}
html[data-theme=light] .app-shell .organize-card .btn{
  background:color-mix(in srgb,var(--sport) 72%,#d9ff75)!important;
  color:#10261b!important;
}
html[data-theme=light] .app-shell :is(.mini-player,.participants-list>div,.participants-list .reserved-players){
  background:transparent!important;
  color:var(--ye-text)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=light] .app-shell .player-pass{
  background:linear-gradient(145deg,color-mix(in srgb,var(--sport) 8%,#fff),var(--ye-raised))!important;
  border-color:color-mix(in srgb,var(--sport) 24%,var(--ye-border))!important;
  color:var(--ye-text)!important;
}
html[data-theme=light] .app-shell .player-pass>p{color:var(--ye-muted)!important}
html[data-theme=light] .app-shell :is(.info-note,.fulbo-form>.visibility-option,.spots-summary,.location-selected){
  background:var(--ye-soft)!important;
  border-color:var(--ye-border)!important;
  color:var(--ye-muted)!important;
}
html[data-theme=light] .app-shell .auth-mode-tabs{background:var(--ye-raised)!important}
html[data-theme=light] .app-shell .auth-mode-tabs>button.auth-mode-active{
  background:var(--ye-surface)!important;color:var(--ye-text)!important;border-color:var(--ye-border)!important;
}

/* ---------- DARK: no accidental light surfaces ---------- */
html[data-theme=dark] .app-shell{
  --ye-surface:var(--theme-surface,#18231e);
  --ye-raised:var(--theme-raised,#1d2a23);
  --ye-soft:var(--theme-soft,#203126);
  --ye-hover:var(--theme-hover,#293d2c);
  --ye-text:var(--theme-text,#edf3e8);
  --ye-muted:var(--theme-muted,#b2c0ad);
  --ye-subtle:var(--theme-subtle,#9eae96);
  --ye-border:var(--theme-border,#344739);
}
html[data-theme=dark] .app-shell :is(
  .site-header,.match-card,.sidebar-players,.player-card,.profile-form-card,.profile-reputation,
  .filter-bar,.directory-filters,.expanded-filters,.modal,.empty-state,.invitations-panel,
  .request-notifications,.personal-invitation,.match-invite,.match-location-card,.match-location-field,
  .ratings-notice,.invite-picker,.my-requests-section,.player-rating-form,.google-signin-linked,
  .auth-notice,.auth-layout,.appearance-settings,.sidebar-players
){
  background:var(--ye-surface)!important;
  border-color:var(--ye-border)!important;
  color:var(--ye-text)!important;
}
html[data-theme=dark] .app-shell .site-header{
  background:color-mix(in srgb,var(--ye-surface) 96%,transparent)!important;
}
html[data-theme=dark] .app-shell .mobile-nav{
  background:color-mix(in srgb,var(--ye-surface) 97%,transparent)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=dark] .app-shell :is(.profile-button,.notification-button,.icon-btn,.activity-switcher){
  background:color-mix(in srgb,var(--sport) 7%,var(--ye-raised))!important;
  border-color:color-mix(in srgb,var(--sport) 28%,var(--ye-border))!important;
  color:var(--ye-text)!important;
}
html[data-theme=dark] .app-shell :is(.profile-button,.notification-button,.icon-btn,.activity-switcher):hover{
  background:color-mix(in srgb,var(--sport) 11%,var(--ye-hover))!important;
}
html[data-theme=dark] .app-shell :is(.btn-outline,.share-button,.btn-soft){
  background:var(--ye-raised)!important;
  border-color:var(--ye-border)!important;
  color:var(--ye-text)!important;
}
html[data-theme=dark] .app-shell :is(.btn-outline,.share-button,.btn-soft):hover{
  background:var(--ye-hover)!important;
}
html[data-theme=dark] .app-shell :is(.search-field input,.select-filter select,.sort-select select){
  color:var(--ye-text)!important;background:transparent!important;
}
html[data-theme=dark] .app-shell :is(
  .fulbo-form input:not([type=checkbox]),.fulbo-form select,.fulbo-form textarea,
  .expanded-filters select,.directory-filters select,.invite-picker-search
){
  background:var(--ye-raised)!important;
  color:var(--ye-text)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=dark] .app-shell :is(.fulbo-form input,.fulbo-form select,.fulbo-form textarea):focus{
  background:var(--ye-hover)!important;
}
html[data-theme=dark] .app-shell :is(.filter-button,.zone-filter,.format-choice button,.format-tabs button){
  background:var(--ye-raised)!important;
  color:var(--ye-muted)!important;
  border-color:var(--ye-border)!important;
}
html[data-theme=dark] .app-shell :is(.filter-button,.zone-filter,.format-choice button,.format-tabs button):hover{
  background:var(--ye-hover)!important;
}
html[data-theme=dark] .app-shell :is(.filter-button.active,.format-tabs button.active,.format-choice button.chosen){
  background:color-mix(in srgb,var(--sport) 16%,var(--ye-raised))!important;
  border-color:color-mix(in srgb,var(--sport) 48%,var(--ye-border))!important;
  color:color-mix(in srgb,var(--sport) 45%,#fff)!important;
}
html[data-theme=dark] .app-shell .organize-card{
  background:
    radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--sport) 18%,transparent),transparent 32%),
    linear-gradient(145deg,color-mix(in srgb,var(--sport) 8%,#152119),#101a14 72%)!important;
  border-color:color-mix(in srgb,var(--sport) 34%,var(--ye-border))!important;
  color:var(--ye-text)!important;
  box-shadow:0 18px 45px #00000022!important;
}
html[data-theme=dark] .app-shell .organize-card :is(h2,h3,strong){color:var(--ye-text)!important}
html[data-theme=dark] .app-shell .organize-card :is(p,small){color:var(--ye-muted)!important}
html[data-theme=dark] .app-shell .organize-card .eyebrow{color:color-mix(in srgb,var(--sport) 62%,#fff)!important}
html[data-theme=dark] .app-shell .organize-card .btn{
  background:var(--sport)!important;color:#07110c!important;border-color:color-mix(in srgb,var(--sport) 82%,#fff)!important;
}
html[data-theme=dark] .app-shell .organize-card .btn:hover{background:color-mix(in srgb,var(--sport) 84%,#fff)!important}
html[data-theme=dark] .app-shell .organize-icon>svg{color:var(--sport)!important}
html[data-theme=dark] .app-shell .organize-icon>span{
  background:color-mix(in srgb,var(--sport) 72%,#fff)!important;color:#07110c!important;
}
html[data-theme=dark] .app-shell .sidebar-players :is(h2,h3,strong){color:var(--ye-text)!important}
html[data-theme=dark] .app-shell .sidebar-players :is(p,small){color:var(--ye-muted)!important}
html[data-theme=dark] .app-shell .mini-player{
  background:transparent!important;border-color:var(--ye-border)!important;color:var(--ye-text)!important;
}
html[data-theme=dark] .app-shell .mini-player:hover strong{color:color-mix(in srgb,var(--sport) 55%,#fff)!important}
html[data-theme=dark] .app-shell :is(.fairplay-note strong,.fairplay-note p){color:var(--ye-muted)!important}
html[data-theme=dark] .app-shell .fairplay-note>svg{color:color-mix(in srgb,var(--sport) 42%,var(--ye-muted))!important}
html[data-theme=dark] .app-shell .player-pass{
  background:linear-gradient(145deg,color-mix(in srgb,var(--sport) 10%,#152119),var(--ye-raised))!important;
  border-color:color-mix(in srgb,var(--sport) 30%,var(--ye-border))!important;
  color:var(--ye-text)!important;
}
html[data-theme=dark] .app-shell .player-pass>p{color:var(--ye-muted)!important}
html[data-theme=dark] .app-shell :is(.info-note,.fulbo-form>.visibility-option,.spots-summary,.location-selected){
  background:var(--ye-raised)!important;border-color:var(--ye-border)!important;color:var(--ye-muted)!important;
}
html[data-theme=dark] .app-shell .auth-mode-tabs{background:#111c15!important}
html[data-theme=dark] .app-shell .auth-mode-tabs>button.auth-mode-active{
  background:var(--ye-hover)!important;color:var(--ye-text)!important;border-color:var(--ye-border)!important;
}

/* CTA controls also respect the active appearance: no dark button in light and no pale generic button in dark */
html[data-theme=light] .app-shell .btn-dark{
  background:color-mix(in srgb,var(--sport,#4b6d34) 10%,var(--ye-raised))!important;
  border-color:color-mix(in srgb,var(--sport,#4b6d34) 38%,var(--ye-border))!important;
  color:color-mix(in srgb,var(--sport,#4b6d34) 72%,var(--ye-text))!important;
}
html[data-theme=light] .app-shell .btn-dark:hover{
  background:color-mix(in srgb,var(--sport,#4b6d34) 16%,var(--ye-hover))!important;
}
html[data-theme=dark] .app-shell .btn-lime{
  background:var(--sport,#78b857)!important;
  border-color:color-mix(in srgb,var(--sport,#78b857) 78%,#fff)!important;
  color:#07110c!important;
}
html[data-theme=dark] .app-shell .btn-lime:hover{
  background:color-mix(in srgb,var(--sport,#78b857) 82%,#fff)!important;
}

/* Semantic/status surfaces stay semantic but theme-correct */
html[data-theme=light] .app-shell :is(.error-banner,.form-error,.google-signin-error){
  background:var(--theme-error-soft)!important;border-color:var(--theme-error-border)!important;color:var(--theme-error)!important;
}
html[data-theme=dark] .app-shell :is(.error-banner,.form-error,.google-signin-error){
  background:var(--theme-error-soft)!important;border-color:var(--theme-error-border)!important;color:var(--theme-error)!important;
}

/* Text consistency */
html[data-theme=light] .app-shell :is(.section-heading h2,.page-intro h1,.card-title,.sidebar-heading h3,.modal h2,.empty-state h3){color:var(--ye-text)!important}
html[data-theme=dark] .app-shell :is(.section-heading h2,.page-intro h1,.card-title,.sidebar-heading h3,.modal h2,.empty-state h3){color:var(--ye-text)!important}
html[data-theme=light] .app-shell :is(.results-foot,.page-intro p:not(.eyebrow),.empty-state p,.modal-top .eyebrow){color:var(--ye-muted)!important}
html[data-theme=dark] .app-shell :is(.results-foot,.page-intro p:not(.eyebrow),.empty-state p,.modal-top .eyebrow){color:var(--ye-muted)!important}

/* Intentional exceptions: sport heroes stay dark/photo-based in BOTH themes. QR itself must stay white for scan reliability. */


/* YO_ESTOY_V9_SHARE_CONTROLS */
.ye-gate-tools{margin:20px auto 0;display:flex;align-items:stretch;justify-content:center;gap:10px;flex-wrap:wrap}
.ye-share-panel,.ye-apk-panel{
  display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;
  padding:7px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0a;text-decoration:none;
}
.ye-share-panel>img,.ye-apk-panel>img{width:54px;height:54px;flex:0 0 54px;border-radius:8px;background:#fff;padding:3px}
.ye-share-main,.ye-apk-action{display:flex;align-items:center;gap:9px;min-height:54px;padding:7px 12px;border-radius:10px;color:#f3f7ef;text-align:left}
.ye-share-main>span,.ye-apk-action>span{display:flex;flex-direction:column;gap:2px}
.ye-share-main strong,.ye-apk-action strong{font-size:12px}
.ye-share-main small,.ye-apk-action small{font-size:9px;color:#b8c8bb}
.ye-share-main:hover,.ye-apk-panel:hover .ye-apk-action{background:#ffffff0c}
.ye-share-header{
  height:38px;border:1px solid color-mix(in srgb,var(--sport,#78b857) 32%,var(--theme-border,#dce4d3));
  background:var(--theme-raised,#f8faf5);border-radius:9px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;
  color:var(--theme-text,#24392e);font-size:11px;font-weight:700;white-space:nowrap
}
.ye-share-header:hover{background:var(--theme-hover,#e7efdc)}
.ye-share-done{outline:2px solid color-mix(in srgb,var(--sport,#78b857) 55%,transparent)}
html[data-theme=light] .activity-gate :is(.ye-share-panel,.ye-apk-panel){background:var(--theme-surface,#fff);border-color:var(--theme-border,#dce4d3);box-shadow:0 8px 24px #18321f0b}
html[data-theme=light] .activity-gate :is(.ye-share-main,.ye-apk-action){color:var(--theme-text,#24392e)}
html[data-theme=light] .activity-gate :is(.ye-share-main,.ye-apk-action) small{color:var(--theme-muted,#65735d)}
html[data-theme=dark] .ye-share-header{background:color-mix(in srgb,var(--sport,#78b857) 7%,var(--theme-raised,#1d2a23));border-color:color-mix(in srgb,var(--sport,#78b857) 30%,var(--theme-border,#344739));color:var(--theme-text,#edf3e8)}
html[data-theme=dark] .ye-share-header:hover{background:color-mix(in srgb,var(--sport,#78b857) 12%,var(--theme-hover,#293d2c))}
@media(max-width:700px){
 .ye-gate-tools{margin-top:15px;flex-direction:column;align-items:center}.ye-share-panel,.ye-apk-panel{min-width:250px}
 .ye-share-panel>img,.ye-apk-panel>img{width:48px;height:48px;flex-basis:48px}
 .ye-share-main,.ye-apk-action{min-height:48px;padding:6px 9px;flex:1}
 .ye-share-header{width:38px;padding:0;font-size:0;flex:0 0 38px}.ye-share-header svg{width:18px;height:18px}
}