:root{--bg:#0f1115;--panel:#171a20;--panel2:#20242b;--white:#f7f8fa;--muted:#8e97a3;--line:rgba(255,255,255,.09);--green:#b8ff3d;--red:#ff545f;--gold:#d8b25c;--navH:76px;--safeB:env(safe-area-inset-bottom,0px);--safeT:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#08090b;color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;width:100%;height:100dvh;max-width:560px;margin:auto;background:var(--bg);overflow:hidden}.view{display:none;position:absolute;inset:0 0 calc(var(--navH) + var(--safeB)) 0;background:var(--bg)}.view.active{display:block}.standard-view{padding-top:var(--safeT)}
.splash{position:absolute;z-index:999;inset:0;background:radial-gradient(circle at 50% 55%,rgba(184,255,61,.12),transparent 35%),#090b0e;display:grid;place-items:center;transition:opacity .45s ease,visibility .45s}.splash.out{opacity:0;visibility:hidden}.splash-center{text-align:center;transform:translateY(-3vh)}.splash-logo{width:176px;filter:drop-shadow(0 16px 36px rgba(0,0,0,.4))}.splash-copy{text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:#a8b0ba;margin-top:22px;font-weight:800}.splash-rule{height:2px;width:54px;background:var(--green);margin:15px auto 0;box-shadow:0 0 16px rgba(184,255,61,.7)}
.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.post{position:relative;height:100%;scroll-snap-align:start;background:#0a0c10;overflow:hidden}.post-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contain-media{object-fit:contain;background:#08090b;padding:7vh 18px 18vh}.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,.1) 54%,rgba(0,0,0,.84) 100%)}.feed-logo{position:absolute;top:calc(var(--safeT) + 14px);left:18px;width:70px;height:auto}.feed-tabs{position:absolute;top:calc(var(--safeT) + 16px);left:50%;transform:translateX(-50%);display:flex;gap:14px;font-size:11px;font-weight:850;white-space:nowrap;text-shadow:0 1px 6px #000}.feed-tabs span{opacity:.65}.feed-tabs .active{opacity:1}.feed-tabs .active:after{content:"";display:block;height:2px;background:var(--green);margin-top:7px;border-radius:2px}.round-media-btn{position:absolute;right:16px;top:calc(var(--safeT) + 15px);width:36px;height:36px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.3);backdrop-filter:blur(10px);border-radius:50%;font-size:19px}.post-copy-wrap{position:absolute;left:18px;right:82px;bottom:24px}.post-copy-wrap .eyebrow{font-size:12px;font-weight:800}.verified{display:inline-grid;place-items:center;background:var(--green);color:#111;border-radius:50%;font-size:8px;width:14px;height:14px;margin-left:3px;vertical-align:1px}.post-copy-wrap h1{font-size:26px;line-height:1.02;margin:7px 0 8px;letter-spacing:-.035em}.post-copy-wrap p{font-size:12px;line-height:1.45;color:#e4e8ec;margin:0;max-width:360px;text-shadow:0 1px 4px #000}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.chips span{font-size:9px;font-weight:800;padding:6px 8px;border-radius:999px;background:rgba(17,19,23,.62);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}.side-actions{position:absolute;right:14px;bottom:25px;display:flex;flex-direction:column;align-items:center;gap:16px}.side-action{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;text-shadow:0 1px 5px #000}.action-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:rgba(10,12,15,.35);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(8px);font-size:24px;font-weight:300}.side-action b{font-size:9px}.side-action.liked .action-icon{background:var(--green);color:#101318;border-color:var(--green)}.swipe-cue{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:15px;color:rgba(255,255,255,.65)}.ad-badge{position:absolute;top:calc(var(--safeT) + 18px);left:18px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.2);font-size:8px;font-weight:900;letter-spacing:.08em}.sponsor-cta{margin-top:14px;border:0;background:var(--green);color:#111;font-weight:900;font-size:11px;padding:10px 14px;border-radius:10px}
.section-head{height:122px;padding:19px 18px 14px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line)}.kicker,.mini-kicker{font-size:8px;color:var(--green);font-weight:950;letter-spacing:.12em}.section-head h2{font-size:31px;letter-spacing:-.04em;margin:2px 0}.section-head p{margin:0;color:var(--muted);font-size:11px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(30,34,41,.78);display:grid;place-items:center;font-size:20px;font-weight:800}.match-stage{height:calc(100% - 122px);padding:14px 16px 7px;display:flex;flex-direction:column}.match-card{position:relative;flex:1;border-radius:26px;overflow:hidden;background:#171a20;border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 48px rgba(0,0,0,.28);transition:transform .24s ease,opacity .24s ease}.match-card>img{width:100%;height:100%;object-fit:cover}.match-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,0) 48%,rgba(5,7,10,.93) 100%)}.match-badge,.distance-badge{position:absolute;top:14px;padding:7px 9px;border-radius:999px;background:rgba(10,12,15,.72);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);font-size:8px;font-weight:900}.match-badge{left:14px}.distance-badge{right:14px;color:var(--green)}.match-copy{position:absolute;left:17px;right:17px;bottom:17px}.match-copy h3{font-size:27px;line-height:1;margin:0 0 8px;letter-spacing:-.04em}.match-copy p{font-size:11px;color:#d8dde2;line-height:1.42;margin:0}.decision-row{display:flex;justify-content:center;gap:18px;padding:12px 0 2px}.decision{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#1b1f26;font-size:27px;font-weight:500;display:grid;place-items:center}.decision.reject{color:var(--red);border-color:rgba(255,84,95,.45)}.decision.interest{width:62px;height:62px;background:var(--green);color:#111;border-color:var(--green);box-shadow:0 0 28px rgba(184,255,61,.19)}.decision.details{font-size:18px;color:#cbd1d7}.helper{text-align:center;color:#6f7884;font-size:8px;margin:2px 0}.match-progress{display:flex;justify-content:center;gap:4px;height:10px}.match-progress span{width:13px;height:2px;background:#353a42;border-radius:2px}.match-progress .active{width:24px;background:var(--green)}
.content-scroll{overflow:auto;height:calc(100% - 122px);padding:14px 16px 30px}.match-inbox-card{width:100%;display:grid;grid-template-columns:58px 1fr 24px;gap:11px;align-items:center;text-align:left;border:1px solid rgba(184,255,61,.22);background:linear-gradient(135deg,rgba(184,255,61,.09),rgba(23,26,32,.95) 54%);border-radius:18px;padding:10px}.match-inbox-card img{width:58px;height:58px;border-radius:14px;object-fit:cover}.match-inbox-card b{display:block;font-size:13px;margin:3px 0}.match-inbox-card p{margin:0;color:#a5aeb8;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-inbox-card em{font-style:normal;width:21px;height:21px;border-radius:50%;background:var(--green);color:#111;font-size:10px;font-weight:900;display:grid;place-items:center}.list-title{font-size:9px;color:#707986;font-weight:900;letter-spacing:.1em;margin:19px 2px 8px}.message-row{width:100%;display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 2px}.message-row img,.avatar-placeholder{width:46px;height:46px;border-radius:50%;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:#252a32;color:var(--green);font-size:11px;font-weight:900}.message-top{display:flex;justify-content:space-between;align-items:center}.message-top b{font-size:12px}.message-top span{font-size:8px;color:#6d7580}.message-row p{margin:4px 0 0;color:#8f98a4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feature-card{text-align:left;border:1px solid var(--line);background:#191d23;border-radius:17px;padding:13px;min-height:112px}.feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(184,255,61,.11);color:var(--green);font-size:16px;font-weight:900;margin-bottom:12px}.feature-card b{display:block;font-size:12px}.feature-card p{margin:5px 0 0;font-size:9px;line-height:1.35;color:#7f8893}.calendar-preview{margin-top:15px;border:1px solid var(--line);border-radius:18px;background:#15191f;overflow:hidden}.calendar-preview-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px 4px;font-size:8px;color:#707986;font-weight:900;letter-spacing:.08em}.calendar-preview-head button{border:0;background:transparent;color:var(--green);font-size:9px}.event-row{width:100%;border:0;background:transparent;display:grid;grid-template-columns:47px 1fr 16px;gap:9px;align-items:center;text-align:left;padding:10px 12px;border-top:1px solid var(--line)}.date-tile{width:43px;height:43px;border-radius:11px;background:#22272f;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile b{font-size:16px}.date-tile span{font-size:7px;color:var(--green);font-weight:900}.event-row>div:nth-child(2) b{font-size:11px}.event-row>div:nth-child(2) p{margin:4px 0 0;font-size:9px;color:#818a95}.event-row>span{color:#727b86;font-size:18px}
.profile-view{padding-top:0}.profile-hero{height:48%;min-height:315px;position:relative}.profile-hero>img{width:100%;height:100%;object-fit:cover}.profile-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,10,.13),rgba(5,7,10,0) 45%,#0f1115 100%)}.profile-actions{position:absolute;top:calc(var(--safeT) + 12px);right:14px;display:flex;gap:7px}.profile-identity{position:absolute;left:17px;right:17px;bottom:17px}.status-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(10,12,15,.58);border:1px solid rgba(184,255,61,.25);border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.profile-identity h2{font-size:28px;margin:8px 0 2px;letter-spacing:-.04em}.profile-identity p{font-size:10px;color:#c8ced5;margin:0}.profile-body{height:52%;padding-top:2px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#181c22}.stats-grid div{text-align:center;padding:11px 3px;border-right:1px solid var(--line)}.stats-grid div:last-child{border-right:0}.stats-grid b{display:block;font-size:13px}.stats-grid span{font-size:8px;color:#6f7884}.profile-section{padding:15px 1px 0}.profile-section h3{font-size:13px;margin:0 0 7px}.profile-section p{font-size:10px;line-height:1.5;color:#969faa;margin:0}.looking{display:flex;flex-wrap:wrap;gap:6px}.looking span{font-size:8px;font-weight:800;padding:7px 8px;border-radius:10px;background:#1d2229;border:1px solid var(--line)}.section-inline{display:flex;justify-content:space-between;align-items:center}.section-inline span{font-size:8px;color:#6f7884}.profile-video{position:relative;height:180px;border-radius:16px;overflow:hidden}.profile-video video{width:100%;height:100%;object-fit:cover}.video-badge{position:absolute;left:9px;bottom:9px;padding:6px 8px;border-radius:8px;background:rgba(10,12,15,.68);font-size:8px;font-weight:900}.outline-btn{width:100%;margin:16px 0 22px;padding:12px;border-radius:12px;border:1px solid rgba(184,255,61,.28);background:rgba(184,255,61,.04);color:var(--green);font-weight:900;font-size:10px}
.bottom-nav{position:absolute;z-index:100;left:0;right:0;bottom:0;height:calc(var(--navH) + var(--safeB));padding:7px 8px var(--safeB);background:rgba(15,17,21,.94);backdrop-filter:blur(22px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.nav-btn{position:relative;border:0;background:transparent;color:#69727e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:850}.nav-icon{font-size:21px;line-height:1}.nav-btn.active{color:var(--white)}.nav-btn.active .nav-icon{color:var(--green)}.nav-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--green);top:7px;right:28%;box-shadow:0 0 6px var(--green)}
.hidden{display:none!important}.full-overlay{position:absolute;z-index:500;inset:0;background:radial-gradient(circle at 50% 38%,rgba(184,255,61,.13),transparent 40%),#090b0e;padding:var(--safeT) 22px var(--safeB);display:grid;place-items:center}.search-state{text-align:center}.search-state>img{width:110px}.pulse-ring{width:115px;height:115px;margin:30px auto;position:relative;border-radius:50%;border:1px solid rgba(184,255,61,.2)}.pulse-ring:before,.pulse-ring:after{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(184,255,61,.28);animation:pulse 1.3s infinite}.pulse-ring:after{inset:31px;animation-delay:.25s}.pulse-ring span{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--green);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 26px rgba(184,255,61,.8)}@keyframes pulse{0%{transform:scale(.82);opacity:1}100%{transform:scale(1.45);opacity:0}}.search-state b{display:block;font-size:13px}.search-state p{font-size:10px;color:#777f89}.reveal-state{text-align:center;width:100%;max-width:390px}.reveal-kicker{font-size:9px;color:var(--green);font-weight:950;letter-spacing:.25em}.reveal-title{font-size:54px;line-height:.84;font-weight:950;letter-spacing:-.065em;margin:10px 0 24px}.reveal-title span{color:var(--green);text-shadow:0 0 32px rgba(184,255,61,.2)}.avatar-pair{height:105px;display:flex;justify-content:center;margin-bottom:18px}.avatar-pair img{width:105px;height:105px;object-fit:cover;border-radius:50%;border:4px solid #0f1115;box-shadow:0 0 0 1px rgba(255,255,255,.15)}.avatar-pair img+img{margin-left:-18px}.reveal-state>p{font-size:11px;line-height:1.5;color:#aab2bc;margin:0 auto 22px;max-width:330px}.primary-btn,.ghost-btn{width:100%;border-radius:13px;padding:13px 14px;font-size:11px;font-weight:900}.primary-btn{border:0;background:var(--green);color:#101318}.ghost-btn{border:1px solid var(--line);background:transparent;color:#aab2bb;margin-top:8px}.sheet{position:absolute;z-index:410;inset:0;display:flex;align-items:flex-end}.sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(2px)}.sheet-panel{position:relative;width:100%;max-height:82%;overflow:auto;background:#15191f;border-radius:24px 24px 0 0;border-top:1px solid rgba(255,255,255,.13);padding:8px 17px calc(20px + var(--safeB));box-shadow:0 -20px 60px rgba(0,0,0,.45)}.sheet-grab{width:36px;height:4px;background:#3b414a;border-radius:999px;margin:1px auto 13px}.sheet-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.sheet-head span{font-size:8px;color:var(--green);font-weight:900;letter-spacing:.1em}.sheet-head h3{font-size:25px;margin:3px 0 0}.sheet-head button{border:0;background:#252a31;border-radius:50%;width:32px;height:32px}.field-label{display:flex;justify-content:space-between;color:#7f8893;font-size:9px;font-weight:850;margin:15px 0 8px}.field-label b{color:#fff}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{border:1px solid var(--line);background:#20252d;color:#8c95a0;border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800}.filter-chip.active{background:rgba(184,255,61,.1);border-color:rgba(184,255,61,.36);color:var(--green)}input[type=range]{width:100%;accent-color:var(--green)}.sheet-panel>.primary-btn{margin-top:20px}.club-hero{width:100%;height:185px;object-fit:cover;border-radius:16px}.club-meta{display:flex;gap:6px;margin-top:10px}.club-meta span{font-size:8px;padding:6px 8px;border-radius:999px;background:#20252c;border:1px solid var(--line)}.club-text{font-size:10px;line-height:1.5;color:#98a1ab}.club-facts{display:grid;grid-template-columns:repeat(3,1fr);background:#1d2229;border:1px solid var(--line);border-radius:14px;overflow:hidden}.club-facts div{text-align:center;padding:11px 4px;border-right:1px solid var(--line)}.club-facts div:last-child{border:0}.club-facts b{font-size:12px;display:block}.club-facts span{font-size:8px;color:#757e89}.sub-screen{position:absolute;z-index:360;inset:0;background:var(--bg);padding-top:var(--safeT)}.sub-head{height:70px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;border-bottom:1px solid var(--line);padding:0 8px}.sub-head>button{border:0;background:transparent;font-size:29px}.sub-head div{text-align:center}.sub-head span{font-size:7px;color:var(--green);font-weight:900;letter-spacing:.12em}.sub-head h3{font-size:14px;margin:2px 0}.sub-more{font-size:16px!important}.sub-content{height:calc(100% - 70px);overflow:auto;padding:14px 15px calc(18px + var(--safeB))}.chat-match-note{display:flex;gap:10px;align-items:center;background:rgba(184,255,61,.08);border:1px solid rgba(184,255,61,.2);border-radius:14px;padding:10px;margin-bottom:18px}.chat-match-note>span{width:30px;height:30px;border-radius:50%;background:var(--green);color:#111;display:grid;place-items:center;font-weight:950}.chat-match-note b{font-size:10px}.chat-match-note p{font-size:8px;color:#7e8792;margin:2px 0 0}.chat-day{text-align:center;font-size:8px;color:#606975;margin:14px}.bubble{max-width:79%;padding:10px 12px;border-radius:15px;font-size:10px;line-height:1.4;margin:7px 0}.bubble.incoming{background:#20252d;border-bottom-left-radius:5px}.bubble.outgoing{background:var(--green);color:#111;margin-left:auto;border-bottom-right-radius:5px}.chat-compose{position:sticky;bottom:0;margin-top:20px;background:#1b1f26;border:1px solid var(--line);border-radius:15px;padding:8px;display:grid;grid-template-columns:34px 1fr 34px;gap:7px;align-items:center}.chat-compose input{border:0;background:transparent;color:white;outline:0;font-size:10px}.chat-compose button{width:32px;height:32px;border:0;border-radius:50%;background:#292f37}.chat-compose .send{background:var(--green);color:#111;font-weight:900}.teamspace-head{display:grid;grid-template-columns:62px 1fr;gap:11px;align-items:center;border:1px solid var(--line);background:#191d23;border-radius:17px;padding:10px}.teamspace-head img{width:62px;height:62px;border-radius:14px;object-fit:cover}.teamspace-head b{font-size:13px}.teamspace-head span{font-size:9px;color:#78818c}.channel-card{display:grid;grid-template-columns:34px 1fr 22px;gap:10px;align-items:center;padding:12px 9px;border-bottom:1px solid var(--line)}.channel-card>span{width:34px;height:34px;border-radius:10px;background:rgba(184,255,61,.09);color:var(--green);display:grid;place-items:center;font-weight:950}.channel-card b{font-size:11px}.channel-card p{font-size:8px;color:#77808c;margin:3px 0}.channel-card em{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--green);color:#111;font-size:8px;font-weight:950;display:grid;place-items:center}.month-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px}.month-head button{border:0;background:#21262d;color:#fff;width:30px;height:30px;border-radius:50%}.week-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week-row span{text-align:center;font-size:7px;color:#606975;font-weight:900}.day{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#c6ccd3}.day.selected{background:var(--green);color:#111;font-weight:950}.day.selected:after{content:"";position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:#111}.muted-day{opacity:.18}.event-detail{display:grid;grid-template-columns:46px 1fr;gap:9px;padding:12px 0;border-top:1px solid var(--line)}.event-time{font-size:10px;color:var(--green);font-weight:900}.event-detail b{font-size:10px}.event-detail p{font-size:8px;color:#76808a;margin:3px 0}.attendance{display:flex;gap:6px;margin-top:8px}.attendance button{border:1px solid var(--line);background:#22272f;color:#9ca5af;border-radius:8px;padding:6px 8px;font-size:8px}.attendance .selected{border-color:rgba(184,255,61,.3);background:rgba(184,255,61,.1);color:var(--green)}.install-tip{position:absolute;z-index:700;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:grid;align-items:end}.install-card{position:relative;background:#15191f;border-radius:24px 24px 0 0;border-top:1px solid var(--line);padding:20px 18px calc(22px + var(--safeB))}.install-card>button:first-child{position:absolute;right:14px;top:14px;border:0;background:#252a31;color:#fff;width:32px;height:32px;border-radius:50%}.install-card img{width:66px;height:66px;border-radius:15px;margin-bottom:12px}.install-card>span{display:block;font-size:8px;color:var(--green);font-weight:900;letter-spacing:.1em}.install-card h3{font-size:24px;margin:4px 0 10px}.install-card ol{padding-left:19px;color:#a2abb5;font-size:10px;line-height:1.65}.toast{position:absolute;z-index:800;left:50%;bottom:calc(var(--navH) + var(--safeB) + 12px);transform:translate(-50%,15px);background:#232830;border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-size:9px;font-weight:850;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:561px){body{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#20242a,#070809 58%)}.app-shell{height:min(920px,96vh);border-radius:32px;box-shadow:0 30px 100px rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.08)}}

/* V4 media and preload */
.splash{background:#050607;opacity:1;transition:opacity .18s ease;overflow:hidden}.splash.out{opacity:0;pointer-events:none}.preload-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050607}.media-gallery{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;z-index:0;scrollbar-width:none}.media-gallery::-webkit-scrollbar{display:none}.media-gallery .post-media{position:relative!important;inset:auto!important;flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;background:#090b0e}.media-gallery video{display:block}.media-shade{pointer-events:none}.gallery-hint{position:absolute;z-index:3;top:calc(var(--safeT) + 60px);left:50%;transform:translateX(-50%);padding:5px 8px;border-radius:999px;background:rgba(7,9,11,.48);border:1px solid rgba(255,255,255,.12);font-size:7px;font-weight:850;letter-spacing:.05em;white-space:nowrap;color:rgba(255,255,255,.75);backdrop-filter:blur(8px)}.parent-badge{position:absolute;z-index:3;top:calc(var(--safeT) + 18px);left:18px;padding:6px 9px;border-radius:999px;background:rgba(7,9,11,.7);border:1px solid rgba(184,255,61,.35);font-size:7px;font-weight:950;letter-spacing:.07em;color:var(--green);backdrop-filter:blur(8px)}.player-post .post-copy-wrap{z-index:3}.player-post .side-actions,.player-post .feed-logo,.player-post .feed-tabs,.player-post .round-media-btn,.player-post .swipe-cue{z-index:4}.sponsor-post .post-media{background:#0b0d10}.sponsor-post .media-shade{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08) 44%,rgba(5,7,10,.92) 100%)}.match-progress{gap:3px}.match-progress span{width:9px}.match-progress .active{width:20px}.profile-gallery{display:grid;grid-template-columns:1.3fr .7fr;gap:8px;height:190px}.profile-gallery img{width:100%;height:100%;object-fit:cover;border-radius:15px;border:1px solid var(--line)}.profile-gallery img:last-child{object-position:50% 25%}.profile-video video{display:block}.profile-video .video-badge{pointer-events:none}.profile-body{padding-bottom:8px}.profile-section .section-inline{margin-bottom:7px}
@media (max-height:700px){.post-copy-wrap h1{font-size:22px}.post-copy-wrap p{font-size:10px;line-height:1.35}.chips{margin-top:7px}.chips span{padding:5px 7px}.side-actions{gap:11px}.profile-hero{min-height:270px}}

/* V5: edge-to-edge mobile layout */
:root{--navH:54px}
.view{inset:0}.standard-view{padding-bottom:calc(var(--navH) + var(--safeB))}
.feed-logo{width:58px;top:calc(var(--safeT) + 12px);left:16px}
.post-copy-wrap{bottom:calc(var(--navH) + var(--safeB) + 14px)}
.side-actions{bottom:calc(var(--navH) + var(--safeB) + 16px)}
.swipe-cue{bottom:calc(var(--navH) + var(--safeB) + 3px)}
.bottom-nav{height:calc(var(--navH) + var(--safeB));padding:2px 8px var(--safeB);background:linear-gradient(180deg,rgba(8,10,13,.34),rgba(8,10,13,.68));backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border-top:1px solid rgba(255,255,255,.1)}
.nav-btn{gap:1px;font-size:9px}.nav-icon{font-size:24px}.nav-dot{top:3px}
.content-scroll{padding-bottom:calc(var(--navH) + var(--safeB) + 28px)}

/* Global functional feed tabs */
#home>.feed-tabs{z-index:12;top:calc(var(--safeT) + 15px)}
.feed-tabs button{border:0;background:transparent;color:rgba(255,255,255,.68);padding:0 0 5px;font-size:12px;font-weight:850;text-shadow:0 1px 7px #000}
.feed-tabs button.active{color:#fff}.feed-tabs button.active:after{content:"";display:block;height:3px;background:var(--green);margin-top:7px;border-radius:3px}

/* Quiet horizontal-gallery cue */
.gallery-hint{z-index:5;top:44%;left:auto;right:14px;transform:none;width:42px;height:58px;padding:0;border-radius:22px;display:grid;place-items:center;font-size:0;background:rgba(8,10,12,.18);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);animation:galleryCue 4.2s ease-in-out infinite}
.gallery-hint:after{content:"›";font-size:36px;font-weight:300;line-height:1;transform:translateX(1px)}
@keyframes galleryCue{0%,18%,75%,100%{opacity:.14;transform:translateX(4px)}35%,58%{opacity:.82;transform:translateX(0)}}
.parent-badge{top:calc(var(--safeT) + 72px);left:16px;max-width:245px}

/* Partner creatives: one readable full-screen asset and a transparent CTA hotspot */
.sponsor-post .contain-media{object-fit:contain;padding:calc(var(--safeT) + 6px) 0 calc(var(--navH) + var(--safeB) + 4px);background:#07090b}
.sponsor-post .media-shade,.sponsor-post .post-copy-wrap{display:none}
.sponsor-post .ad-badge{display:none}
.sponsor-hotspot{position:absolute;z-index:6;left:14%;right:14%;height:8%;bottom:calc(var(--navH) + var(--safeB) + 12%);border-radius:16px;background:rgba(184,255,61,.01);color:transparent}
.sponsor-aok .sponsor-hotspot{top:65%;bottom:auto}.sponsor-hotspot:focus-visible{outline:3px solid var(--green);outline-offset:2px}

/* Match: full-screen team photography with glass information */
#match{padding:0;background:#080a0d}
#match .section-head{position:absolute;z-index:8;top:0;left:0;right:0;height:auto;align-items:flex-start;padding:calc(var(--safeT) + 13px) 15px 10px;border:0;background:linear-gradient(180deg,rgba(4,6,8,.66),transparent)}
#match .section-head h2{font-size:28px;margin:1px 0}#match .section-head p{display:none}#match .section-head .icon-btn{background:rgba(8,10,13,.3);backdrop-filter:blur(10px)}
.match-stage{position:relative;height:100%;padding:0;display:block}
.match-card{position:absolute;inset:0;border:0;border-radius:0;box-shadow:none}
.match-card>img{object-fit:cover;object-position:center center}
.match-gradient{background:linear-gradient(180deg,rgba(3,5,7,.16),transparent 46%,rgba(3,5,7,.48) 73%,rgba(3,5,7,.83) 100%)}
.match-badge,.distance-badge{top:calc(var(--safeT) + 76px);font-size:9px;background:rgba(8,10,13,.32);backdrop-filter:blur(12px)}
.match-copy{left:14px;right:14px;bottom:calc(var(--navH) + var(--safeB) + 92px);padding:13px 14px 12px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(7,9,12,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.match-copy h3{font-size:23px;margin-bottom:5px}.match-copy p{font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.match-copy .chips{margin-top:7px}
.decision-row{position:absolute;z-index:7;left:0;right:0;bottom:calc(var(--navH) + var(--safeB) + 14px);padding:0;gap:24px}
.decision{width:50px;height:50px;background:rgba(8,10,13,.28);border-color:rgba(255,255,255,.24);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.decision.interest{width:58px;height:58px;background:rgba(184,255,61,.84);border-color:rgba(184,255,61,.94)}
.helper{display:none}.match-progress{position:absolute;z-index:7;right:15px;bottom:calc(var(--navH) + var(--safeB) + 8px);display:none}

/* Profile: safe portrait crop and one continuous scroll */
.profile-view{overflow-y:auto;padding-bottom:calc(var(--navH) + var(--safeB));background:#0f1115}
.profile-hero{height:54vh;min-height:430px}.profile-hero>img{object-position:center 14%}
.profile-actions{top:calc(var(--safeT) + 11px)}
.profile-body.content-scroll{height:auto;overflow:visible;padding:2px 16px calc(var(--navH) + var(--safeB) + 28px)}
.profile-gallery{height:210px}

.club-post[hidden],.player-post[hidden],.sponsor-post[hidden]{display:none}
@media (max-height:700px){.profile-hero{height:58vh;min-height:360px}.post-copy-wrap{bottom:calc(var(--navH) + var(--safeB) + 10px)}.side-actions{bottom:calc(var(--navH) + var(--safeB) + 12px)}}

/* V5.2: clearer gallery navigation, continuous sponsorship and full profile video */
.gallery-nav{position:absolute;z-index:6;inset:0;pointer-events:none}
.gallery-arrow{position:absolute;top:44%;width:44px;height:62px;padding:0;border:1px solid rgba(184,255,61,.42);border-radius:23px;background:rgba(7,9,11,.2);color:var(--green);font-size:39px;font-weight:500;line-height:1;display:grid;place-items:center;pointer-events:auto;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);text-shadow:0 0 14px rgba(184,255,61,.95);box-shadow:0 0 18px rgba(184,255,61,.1);animation:galleryArrowPulse 1.45s ease-in-out infinite}
.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-arrow[hidden]{display:none}
@keyframes galleryArrowPulse{0%,100%{opacity:.28;transform:translateY(-50%) scale(.94)}45%{opacity:1;transform:translateY(-50%) scale(1.06)}70%{opacity:.62;transform:translateY(-50%) scale(1)}}
.sponsor-post .ad-badge{display:block;top:calc(var(--safeT) + 52px);left:auto;right:11px;padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(6,8,10,.48);color:rgba(255,255,255,.78);font-size:6px;font-weight:750;letter-spacing:.05em;pointer-events:none;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.profile-video{height:auto;aspect-ratio:9/16;background:#050607}.profile-video video{object-fit:contain;background:#050607}

/* V5.3 Final: quiet discovered controls and resilient feed video playback */
.gallery-discovered .gallery-arrow{animation-name:galleryArrowRest;animation-duration:4.8s;border-color:rgba(184,255,61,.24);box-shadow:none}
@keyframes galleryArrowRest{0%,100%{opacity:.36;transform:translateY(-50%) scale(.98)}50%{opacity:.68;transform:translateY(-50%) scale(1)}}
.video-fallback{position:absolute;z-index:7;left:50%;top:45%;transform:translate(-50%,-50%);width:58px;height:58px;border:1px solid rgba(184,255,61,.72);border-radius:50%;background:rgba(7,9,11,.58);color:var(--green);font-size:22px;padding:0 0 0 4px;display:grid;place-items:center;box-shadow:0 0 24px rgba(184,255,61,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.video-fallback[hidden]{display:none}

/* V5.4 Sound Final */
.round-media-btn.mute{font-size:16px}.round-media-btn.mute.sound-on{color:var(--green);border-color:rgba(184,255,61,.62);background:rgba(7,9,11,.5);box-shadow:0 0 16px rgba(184,255,61,.18)}