:root{--ink:#080808;--panel:#151515;--panel2:#20211b;--line:#33352b;--acid:#d4ff45;--white:#fff;--muted:#b8bcb2}
html,body{background:#080808}.desktop-shell{background:radial-gradient(ellipse at 20% 65%,#292b1d 0,transparent 50%),#080808}.phone{border-radius:16px;border-color:#444638}.app-header{background:#080808}.brand-logo{width:150px;height:46px}.desktop-logo{width:min(100%,410px);height:auto;margin-bottom:45px}.prototype-note h1{font-size:clamp(5rem,8.5vw,8.5rem);line-height:.88;letter-spacing:-.035em}.prototype-note small{font-size:14px;color:var(--muted)}.screen-heading h2{line-height:.92;font-size:3.7rem;letter-spacing:-.02em}.home-welcome h2{line-height:.94;font-size:3.5rem;letter-spacing:-.02em}.home-welcome>div>p:last-child{font-size:16px;max-width:335px}.home-welcome{gap:12px}.eyebrow{font-size:14px;letter-spacing:.09em}.home-tile{border-radius:5px;min-height:140px}.home-tile strong{font-size:1.65rem;line-height:1.05}.home-tile span{font-size:14px}.play-tile,.shop-tile,.community-intro,.dashboard-challenge,.reward-card{background:linear-gradient(135deg,#303223,#141512);border-color:#454836}.drop-preview{padding:0;display:grid;grid-template-columns:44% 1fr;background:#1c1e15;border:1px solid #454836;width:100%;text-align:left;margin:0 0 18px;overflow:hidden;cursor:pointer}.drop-preview>img{width:100%;height:200px;object-fit:cover}.drop-preview>span{display:flex;flex-direction:column;justify-content:center;gap:13px;padding:18px}.drop-preview small{color:var(--acid);font-size:12px;letter-spacing:.08em}.drop-preview strong{font:800 1.9rem/1 var(--condensed);text-transform:uppercase}.drop-preview b{font-size:14px;font-weight:500}.campaign-card{height:auto;display:flex;flex-direction:column;background:#0b0b0b;border:1px solid var(--line)}.campaign-card img{height:auto;display:block;filter:none}.campaign-card:after{display:none}.campaign-copy{position:static;padding:22px}.campaign-copy h3{line-height:1}.campaign-copy p{margin-top:0}.feed-image{height:auto}.feed-image img{display:block;height:auto;filter:none}.product-visual{height:190px;background:#090909}.product-visual:before{display:none}.product-visual img{width:100%;height:100%;object-fit:cover}.equipment-preview{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:15px}.equipment-preview img{height:auto;object-fit:contain}.equipment-preview small{font-size:12px;color:var(--muted);letter-spacing:.1em}.product-card h4{font-size:16px;min-height:48px}.product-card>p{font-size:12px}.product-card strong{font-size:16px}.add-button{width:36px;height:36px}.section-row>span,.section-row button{font-size:12px}.section-row{gap:10px}.section-row h3{font-size:1.6rem}.community-intro span,.dashboard-challenge span,.engagement-card small,.wall-preview small,.wall-rule p,.my-streak p,.section-intro,.challenge-card>span,.player-match>span,.competition-hero>span{font-size:16px;line-height:1.5}.engagement-card{min-height:275px;border-radius:5px}.engagement-card strong{line-height:1.05;font-size:1.6rem}.engagement-card>span,.engagement-card i,.community-intro p,.wall-preview span,.dashboard-challenge p,.playtomic-strip span,.wall-rule span{font-size:12px}.playtomic-strip strong,.feed-card>p{font-size:16px}.feed-user strong,.feed-actions button,.club-card h4,.leader-row p strong,.profile-menu button{font-size:14px}.feed-user small,.share-card small,.leader-row p small{font-size:12px}.bottom-nav small{font-size:12px}.bottom-nav{background:#080808}.my-streak{grid-template-columns:125px 1fr}.wall-preview{grid-template-columns:1fr 90px}.level-tabs button{font-size:12px}.campaign-copy button,.challenge-card button,.player-match button,.news-card button{font-size:14px}.share-card strong,.search-box input{font-size:16px}.competition-hero h3,.challenge-card h3,.player-match h3{line-height:1}.news-card h3{line-height:1.1}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
@media(max-width:760px){.desktop-shell{display:block;padding:0}.prototype-note{display:none}.phone{border:0;border-radius:0;height:100dvh;min-height:0;width:100%;max-width:none}.screen{padding:25px 18px 35px}.home-welcome h2{font-size:clamp(2.6rem,10vw,3.7rem)}.screen-heading h2{font-size:clamp(2.8rem,11vw,3.7rem)}.drop-preview>span{padding:14px}.engagement-card{min-height:290px}.home-tile strong{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.beta-strip{padding:8px 14px;background:#182018;color:#c7f46b;font:600 12px/1.5 Inter,sans-serif;text-align:center}.app-setup{padding:20px;margin:20px 0;border:1px solid #3a4337;border-radius:16px;background:#121812}.app-setup h3{font-size:22px;margin:0 0 12px}.app-setup p{font:400 14px/1.6 Inter,sans-serif;color:#d3d8d0}.app-setup a,.app-setup button{display:block;background:#c7f46b;color:#10140d;padding:13px;border-radius:10px;font:600 14px/1.4 Inter,sans-serif;text-align:center;text-decoration:none}.app-setup button[hidden]{display:none}body.installed .desktop-shell{display:block}body.installed .prototype-note{display:none}body.installed .phone{width:100%;max-width:600px;margin:auto;height:100dvh;border:0;border-radius:0}.phone{display:flex;flex-direction:column}.screen-wrap{min-height:0;flex:1}

.member-panel{padding:20px;border:1px solid #394336;border-radius:16px;margin:20px 0;background:#121812}.member-panel form{display:grid;gap:16px}.member-panel [hidden]{display:none}.member-panel label{display:grid;gap:8px;font-size:14px}.member-panel input,.member-panel select{width:100%;box-sizing:border-box;background:#090b0b;color:white;border:1px solid #58624e;border-radius:8px;padding:13px;font-size:16px}.member-panel button{background:#c7f46b;color:#111;padding:13px;border-radius:8px;font-size:16px;font-weight:600}.member-panel small,.member-panel p{font-size:14px;line-height:1.6}.member-panel button:disabled{opacity:.5}

#profileCard[hidden],#memberProfile[hidden],#signOut[hidden]{display:none!important}.player-identity{text-align:center;padding:24px 12px}.player-avatar{width:104px;height:104px;margin:0 auto 20px;border:2px solid #c7f46b;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#242924;color:#c7f46b;font-size:32px;font-weight:800}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-tag{font-size:12px;letter-spacing:2px;color:#c7f46b}.player-identity h3{font-size:28px;margin:16px 0 6px}.player-identity p{color:#a7aea7;margin:0}.player-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}.player-facts div{padding:18px 12px;background:#1c201d;border:1px solid #343b34;border-radius:12px}.player-facts small{display:block;font-size:11px;color:#a7aea7;margin-bottom:10px;letter-spacing:1px}.player-facts strong{font-size:18px}#signOut{margin-top:16px}#memberProfile input[type=file]{padding:12px;width:100%}

.member-panel textarea{width:100%;box-sizing:border-box;background:#090b0b;color:white;border:1px solid #58624e;border-radius:8px;padding:13px;font:inherit;font-size:16px;resize:vertical}.player-bio{text-align:center;color:#c9cec8;overflow-wrap:anywhere}.player-facts strong{display:block;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.club-badges{padding:18px 0}.club-badges[hidden]{display:none!important}.club-badges>p{color:#a7aea7;font-size:14px;line-height:1.5}.club-badges .section-row h3{font-size:22px}.club-badges .section-row button{width:auto}.club-badge{display:flex;align-items:center;gap:14px;border:1px solid #343b34;border-radius:12px;padding:18px 14px;margin:12px 0;background:#161b17}.badge-icon{flex:none;font-size:30px;color:#899186}.club-badge.earned{border-color:#799445}.club-badge.earned .badge-icon,.club-badge.earned small{color:#c7f46b}.club-badge h4{font-size:16px;margin:0 0 6px}.club-badge p{font-size:14px;line-height:1.5;margin:0 0 8px;color:#b7beb5}.club-badge small{font-size:12px;color:#a7aea7}.profile-menu .orders-soon{opacity:1;cursor:default;color:#a7aea7}.orders-soon span:last-child,#badgeCount{font-size:12px;color:#c7f46b}.profile-menu button{gap:12px}.player-facts small{font-size:12px}

.friends-panel{margin:20px 0;padding:20px;border:1px solid #394336;border-radius:16px;background:#121812}.friends-panel[hidden],#moreFriends[hidden]{display:none!important}.friends-panel h3{font-size:24px;margin:0 0 18px}.friends-panel label{font-size:14px;display:block;margin-bottom:8px}.friend-search-row{display:flex;gap:8px}.friend-search-row input{min-width:0;flex:1;width:100%;background:#090b0b;border:1px solid #58624e;border-radius:8px;color:white;padding:12px;font-size:16px}.friends-panel button{background:#c7f46b;color:#111;padding:12px;border-radius:8px;font-size:14px;font-weight:600}.friend-tabs{display:flex;gap:6px;margin:16px 0;flex-wrap:wrap}.friend-tabs button{background:#242b23;color:#d8ddd5}.friend-tabs button[aria-pressed=true]{background:#c7f46b;color:#111}#friendsStatus{font-size:14px;line-height:1.5;color:#b7beb5}.friend-card{display:flex;gap:10px;align-items:center;padding:16px 0;border-top:1px solid #343b34}.friend-initials{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#293326;color:#c7f46b;font-weight:700}.friend-card>div{min-width:0;flex:1}.friend-card h4{font-size:16px;margin:0 0 4px;overflow-wrap:anywhere}.friend-card p{font-size:14px;color:#b7beb5;margin:0;overflow-wrap:anywhere}.friend-card small{font-size:12px;color:#c7f46b}.friend-card button{flex:none}.friend-card button.is-following{background:#242b23;color:#c7f46b;border:1px solid #58624e}.friends-panel button:disabled{opacity:.5}#moreFriends{width:100%;margin-top:12px}

.profile-social-header{display:grid;grid-template-columns:104px 1fr 1fr;align-items:center;gap:12px;margin:0 0 22px}.profile-social-header .player-avatar{margin:0}.member-panel .profile-stat{display:flex;flex-direction:column;align-items:center;gap:8px;background:transparent;color:#fff;padding:8px 2px;min-width:0}.profile-stat strong{font-size:24px;line-height:1.2}.profile-stat span{font-size:14px;color:#b7beb5}.follow-dialog{width:calc(100% - 32px);max-width:420px;max-height:75dvh;box-sizing:border-box;background:#121812;color:#fff;border:1px solid #58624e;border-radius:18px;padding:20px;margin:auto;overflow:auto}.follow-dialog::backdrop{background:rgba(0,0,0,.75)}.follow-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.follow-dialog-heading h3{font-size:24px;margin:0}.follow-dialog button{padding:12px;border-radius:8px;background:#c7f46b;color:#111;font-size:14px;font-weight:600}.follow-dialog #friendsStatus{margin:18px 0}.follow-dialog [hidden]{display:none!important}.follow-dialog button:disabled{opacity:.5}@media(max-width:360px){.profile-social-header{grid-template-columns:80px 1fr 1fr;gap:8px}.profile-social-header .player-avatar{width:80px;height:80px}.profile-stat span{font-size:12px}}

.profile-social-header .player-avatar{grid-row:1 / 3}.member-panel .profile-find{grid-column:2 / 4;padding:11px;font-size:14px}.follow-dialog form[hidden]{display:none}.follow-dialog label{display:block;font-size:14px;margin:20px 0 8px}.follow-dialog .friend-search-row{margin-bottom:16px}#friendsPanel[hidden]{display:none!important}

.profile-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:10px}.profile-toolbar[hidden],#memberStatus[hidden]{display:none!important}.member-panel .profile-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#242b23;color:#c7f46b;min-width:44px;min-height:44px}.profile-toolbar svg{width:24px;height:24px}.profile-toolbar span{font-size:12px;color:#b7beb5}.member-panel .profile-toolbar button:disabled{opacity:1}.bottom-nav .nav-profile-avatar{width:30px;height:30px;display:grid;place-items:center;overflow:hidden;border-radius:50%;font-size:12px;font-weight:700;background:#293326;border:1px solid #58624e;color:#c7f46b}.bottom-nav .active .nav-profile-avatar{border:2px solid #c7f46b}.nav-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.profile-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.member-panel .profile-toolbar button{flex-direction:column;min-width:0;padding:10px 4px}.profile-toolbar span{font-size:12px;text-align:center;line-height:1.3}

.settings-dialog [hidden]{display:none!important}.settings-dialog p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.settings-dialog .friend-tabs button[aria-selected=true]{background:#c7f46b;color:#111}.settings-dialog .friend-tabs button[aria-selected=false]{background:#242b23;color:#d8ddd5}.settings-label{color:#a7aea7;margin-bottom:0}#accountSettings>button{margin:12px 8px 0 0}.settings-dialog .notification-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #343b34;margin:0}.notification-choice input{width:22px;height:22px;flex:none;accent-color:#c7f46b}#notificationForm>button{margin-top:20px;width:100%}

#editProfile,#signOut{display:block;margin-left:auto;margin-right:auto;min-width:180px;text-align:center}#signOut{margin-top:16px}#accountSettings{display:flex;flex-direction:column;align-items:center;text-align:center}#accountSettings>button{display:block;min-width:180px;margin:12px auto 0;text-align:center}#achievementDialog #badgeCount{font-size:14px;margin:18px 0;color:#c7f46b}

#profile-screen>.screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#profile-screen>.screen-heading>div:first-child{min-width:0}.profile-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));flex:none;width:116px;margin:0}.profile-toolbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 3px;min-width:44px;min-height:44px;background:#171b17;color:#c7f46b;border:1px solid #343b34;border-radius:8px}.profile-toolbar span{font-size:12px}.profile-toolbar button:disabled{opacity:1}.profile-toolbar svg{width:23px;height:23px}@media(max-width:380px){#profile-screen>.screen-heading h2{font-size:2.6rem}.profile-toolbar{width:106px;gap:5px}}

#profileToolbar{display:grid;grid-template-columns:48px 48px;grid-template-rows:48px 48px;gap:12px;width:108px;align-items:center;justify-items:center}#profileToolbar[hidden]{display:none!important}#profileToolbar button{position:relative;box-sizing:border-box;display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border-radius:50%;border:1px solid #424b3d;background:#171b17;color:#c7f46b;margin:0}#profileToolbar button:disabled{opacity:1;color:#7e857b;border-color:#30362e;background:#131613}#profileToolbar button:disabled::after{content:"";position:absolute;width:29px;height:2px;background:#90978b;transform:rotate(-45deg);border-radius:2px;box-shadow:0 0 0 2px #131613}#profileToolbar svg{width:23px;height:23px}#profileToolbar button:hover:not(:disabled){background:#252f20;border-color:#c7f46b}

#profile-screen>.screen-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}#profile-screen>.screen-heading>#profileToolbar{justify-self:center;align-self:center;margin:0}

.play-coming-soon{min-height:100%;align-content:center}.play-soon-content{text-align:center;margin:30px auto;max-width:340px}.play-soon-content h2{font:800 clamp(2.8rem,11vw,3.7rem)/1.05 var(--condensed);margin:24px 0}.play-soon-content h2 em{color:#c7f46b}.play-soon-content p{font-size:16px;line-height:1.7;color:#b7beb5}.play-soon-content .eyebrow{font-size:12px;color:#c7f46b;letter-spacing:2px}.play-soon-content strong{display:block;color:#c7f46b;margin-top:24px;font-size:16px}.bottom-nav .play-pending,.bottom-nav .play-pending.active{color:#747a72;opacity:.65}.bottom-nav .play-pending.active{background:#141714}

.play-community-title{font-size:clamp(1.6rem,7vw,2.3rem);white-space:nowrap}

.play-brand-lockup{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 24px;width:min(100%,300px)}.play-brand-lockup img{display:block;width:100%;height:auto;mix-blend-mode:screen}.play-brand-community{font-family:Michroma,Arial,sans-serif;font-weight:400;font-size:clamp(1rem,4.3vw,1.3rem);letter-spacing:.16em;line-height:1.5;color:#fff}.play-is-coming{display:block}

#play-screen{background-image:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.38)),url('assets/play-background.png');background-size:cover;background-position:center;min-height:100%;padding-top:48px;padding-bottom:48px}.play-soon-content{position:relative;text-shadow:0 2px 12px #000}.play-soon-content p{color:#d7ddd3}.play-soon-content .eyebrow{color:#c7f46b}