:root{font-family:'DM Sans',system-ui,sans-serif;color-scheme:dark;--bg:#110e0c;--surface:#201914;--surface2:#2b211a;--surface3:#36271d;--edge:#4a392b;--text:#f6efe4;--muted:#ac9e8e;--amber:#fbb450;--green:#a5be86;--red:#e6634d;--nav:rgba(18,15,12,.97);--glow:rgba(248,165,70,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.display,.brand-title,.nav-label,.poster-title{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;letter-spacing:.005em}input,textarea,select{background:#15110f;border:1px solid #63503d;color:var(--text);border-radius:12px;padding:13px;width:100%;outline:none;min-height:46px}input:focus,textarea:focus,select:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(251,180,80,.10)}input::placeholder,textarea::placeholder{color:#8e8175}textarea{resize:vertical;min-height:98px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--amber);min-height:0}input[type=file]{padding:9px;font-size:12px}label{display:grid;gap:7px;font-size:12px;font-weight:700;letter-spacing:.03em}small,.mini{font-size:12px;color:var(--muted)}.kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--amber);text-transform:uppercase}.muted{color:var(--muted)}.strong{font-weight:800}.tag{display:inline-flex;gap:6px;align-items:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#20150c;background:var(--amber);padding:7px 10px;border-radius:6px}.tag.dim{background:#332920;color:var(--amber)}.tag.green{background:#2d3929;color:#d1e7ae}.tag.warn{background:#4d2924;color:#ffd9ce}.pill{display:inline-block;border:1px solid var(--edge);border-radius:99px;padding:6px 10px;color:var(--muted);font-size:11px}.btn{border:0;background:var(--amber);color:#22140b;font-weight:900;padding:12px 17px;border-radius:12px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.2}.btn:hover{filter:brightness(1.05)}.btn.ghost{background:var(--surface3);color:var(--text);border:1px solid #56412f}.btn.outline{background:transparent;border:1px solid var(--edge);color:var(--text)}.btn.small{padding:9px 12px;min-height:34px;font-size:12px}.btn.full{width:100%}.btn.red{background:var(--red);color:#fff}.btn.link{background:none;border:0;color:var(--amber);min-height:30px;padding:0}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:13px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.max{max-width:1080px;margin:auto}.panel{background:var(--surface);border:1px solid var(--edge);border-radius:21px;padding:19px;box-shadow:0 1px 0 rgba(255,255,255,.015)}.panel.raised{background:linear-gradient(130deg,#302016,#1c1713)}.display{font-size:clamp(35px,7vw,66px);line-height:.93;font-weight:900;text-transform:uppercase}.title{font-size:32px;font-weight:900;line-height:1}.title.sm{font-size:26px}.big-number{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:900}.sectionbar{display:flex;justify-content:space-between;align-items:end;gap:9px;margin:24px 0 12px}.sectionbar h2{font-size:30px;font-weight:900;text-transform:uppercase;line-height:1}.sectionbar span{font-size:11px;color:var(--amber);font-weight:800}.sep{height:1px;background:var(--edge);margin:12px 0}.shell{padding:0 14px 96px;min-height:100vh}.top{position:sticky;top:0;z-index:30;background:rgba(18,14,11,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--edge);margin:0 -14px 20px;padding:12px max(14px,calc((100vw - 1080px)/2));height:75px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand img{width:48px;height:48px;border:2px solid var(--amber);border-radius:50%;object-fit:cover}.brand-title{font-size:31px;line-height:1;font-weight:900;white-space:nowrap}.brand-title b{color:var(--amber)}.brand small{letter-spacing:.14em;font-weight:800;font-size:9px}.menu-trigger{width:45px;height:45px;border:1px solid var(--edge);border-radius:14px;background:var(--surface);color:var(--text);font-size:22px}.bottom{position:fixed;bottom:0;left:0;right:0;z-index:35;background:var(--nav);border-top:1px solid var(--edge);display:flex;justify-content:center;backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-inner{display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:790px}.bottom button{background:none;color:var(--muted);border:0;display:grid;gap:3px;justify-items:center;min-width:0;padding:10px 2px 9px;font-size:11px;font-weight:800}.bottom button .sym{font-size:21px;line-height:1.15}.bottom button.active{color:var(--amber)}.drawer-shade{position:fixed;z-index:70;inset:0;background:rgba(0,0,0,.7);display:grid;justify-items:end}.drawer{background:#211912;border-left:1px solid #604938;width:min(340px,90vw);min-height:100vh;padding:18px;overflow-y:auto}.drawer button.item{padding:13px 10px;border:0;border-bottom:1px solid var(--edge);background:transparent;color:var(--text);display:flex;gap:14px;width:100%;text-align:left;font-weight:700}.drawer button.item:hover{background:var(--surface3)}.drawerhead{display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px}.drawerhead h2{font-size:30px}.drawerclose{border:0;background:none;color:var(--muted);font-size:24px}.foot{text-align:center;color:var(--muted);font-size:10px;padding:23px 0 15px;letter-spacing:.06em}.foot b{color:var(--amber)}
/* Authentication: small brain, big personality */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1180px;margin:auto}.auth-visual{padding:52px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 30%,#5b3520 0%,#211710 38%,#140f0c 75%);position:relative;overflow:hidden}.auth-visual::after{content:'';width:400px;height:400px;border:1px solid #754a26;border-radius:50%;position:absolute;bottom:-240px;right:-100px;opacity:.4}.auth-visual .poster-title{font-size:clamp(65px,9vw,125px);line-height:.82;font-weight:900;margin-top:35px;position:relative;z-index:1}.auth-visual .poster-title span{color:var(--amber)}.auth-visual p{font-size:16px;color:#c4ae98;margin-top:22px;max-width:360px;line-height:1.65}.auth-visual img{height:75px;width:75px;object-fit:cover;border-radius:50%;border:3px solid var(--amber)}.auth-panel{padding:40px 32px;display:grid;align-content:center;max-width:550px;width:100%;margin:auto}.auth-panel h1{font-size:48px;line-height:1;margin:10px 0}.auth-panel .intro{color:var(--muted);margin-bottom:20px;line-height:1.5}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:5px;gap:4px;border:1px solid var(--edge);border-radius:14px;margin-bottom:20px}.auth-tabs button{background:transparent;color:var(--muted);border:0;border-radius:10px;padding:11px;font-weight:900}.auth-tabs button.active{background:var(--amber);color:#21150e}.auth-form{display:grid;gap:14px}.formcols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkline{display:flex;align-items:start;gap:9px;color:var(--muted);line-height:1.5;font-size:12px}.checkline label{font-size:12px;font-weight:500;letter-spacing:0}.auth-notice{border:1px solid #655136;background:#2a2118;padding:13px;border-radius:12px;color:#dec6a7;font-size:12px;line-height:1.6}.auth-note{font-size:11px;color:var(--muted);line-height:1.65;margin-top:14px}
/* Home / election billboard */
.hello{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.12em;margin:12px 1px 19px}.hello b{color:#b7d395}.dot{display:inline-block;background:#a4cb83;height:9px;width:9px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #42532f4d}.banana{border:1px solid #8b5e2f;border-radius:23px;background:linear-gradient(130deg,#3c2416,#211812 66%,#1b1611);overflow:hidden;box-shadow:0 8px 35px rgba(0,0,0,.14);margin-bottom:23px}.banana-head{padding:17px 19px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #61432e;gap:9px}.banana-head .live{color:#e9bb79;font-size:10px;font-weight:900;letter-spacing:.12em}.banana-huge{font-family:'Barlow Condensed',sans-serif;font-size:clamp(55px,10vw,100px);font-weight:900;line-height:.86;position:relative;letter-spacing:-.012em;margin:22px 19px 12px}.banana-huge span{color:var(--amber)}.banana-huge .fruit{position:absolute;right:8px;top:10px;transform:rotate(-18deg);font-size:54px;filter:drop-shadow(0 8px 7px #0004)}.banana-desc{color:#bfa995;font-size:13px;margin:0 19px 20px}.chipbar{display:flex;overflow:auto;gap:7px;scrollbar-width:none;padding:0 19px 18px}.chipbar::-webkit-scrollbar{display:none}.chipbar button{white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:.035em;border:1px solid #735537;border-radius:8px;background:#2b2018;color:#d4c1aa;padding:9px 11px}.chipbar button.active{background:var(--amber);color:#2a1c13;border-color:var(--amber)}.banana-body{background:#1b1511;border-top:1px solid #463225;padding:19px}.banana-body h3{font-size:27px}.banana-statline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.banana-stat{background:#281e18;padding:14px;border-radius:12px;border:1px solid #543827;min-width:0}.banana-stat .number{font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:900;letter-spacing:.01em}.banana-stat small{display:block;font-size:9px;letter-spacing:.1em;font-weight:900}.progress-track{height:9px;background:#403025;border-radius:20px;overflow:hidden;margin-bottom:9px}.progress-track i{display:block;height:100%;background:var(--amber);border-radius:20px}.waiting{display:flex;gap:12px;background:#302017;border:1px dashed #755034;border-radius:14px;padding:12px;margin:15px 0;font-size:12px;color:#dfc9b2}.waiting b{display:block;color:#f8dfb4;margin-bottom:4px}.waiting .ic{font-size:24px}.banana-footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:18px}.banana-footer .btn{flex:1}.votegraph{display:grid;gap:9px;margin:14px 0}.partyline{display:flex;justify-content:space-between;font-size:12px}.partytrack{height:6px;background:#443226;border-radius:50px;overflow:hidden}.partytrack i{display:block;height:100%;background:#e8aa5e}
/* modules */
.sporttiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.sporttiles button{background:var(--surface3);border:1px solid #5b4735;border-radius:13px;padding:15px 10px;display:grid;gap:5px;text-align:left;color:var(--text);min-width:0}.sporttiles button:hover{border-color:var(--amber)}.sporttiles .emoji{font-size:26px}.sporttiles strong{font-size:12px}.sporttiles small{font-size:11px}.card-title{font-family:'Barlow Condensed';font-size:26px;line-height:1.05;font-weight:900}.pollopts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.pollopt{border:1px solid #5c4634;border-radius:12px;background:#33261d;color:var(--text);padding:11px;text-align:left;font-weight:800;font-size:12px;min-height:46px}.pollopt.active,.pollopt:hover{border-color:var(--amber)}.optbar{background:#473629;height:6px;border-radius:30px;overflow:hidden;margin:5px 0}.optbar i{display:block;height:100%;background:var(--amber)}.optline{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:9px;font-size:12px}.sportTabs{display:flex;gap:8px;margin:20px 0 15px}.sportTabs button{border:1px solid var(--edge);background:var(--surface);color:var(--muted);border-radius:11px;padding:11px 17px;font-weight:900}.sportTabs button.active{background:var(--amber);color:#291b10}.fixture{padding:17px 19px;background:var(--surface);border:1px solid var(--edge);border-radius:17px;margin-bottom:10px}.fixture-main{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:11px}.fixture-teams{font-family:'Barlow Condensed';font-size:26px;font-weight:800;line-height:1.05}.fixture-date{font-family:'Barlow Condensed';font-size:28px;font-weight:900;color:var(--amber);text-align:right;white-space:nowrap}.fixture-date span{display:block;font-family:'DM Sans';color:var(--muted);font-size:11px;font-weight:600}.fixture-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;flex-wrap:wrap}.fixture-foot .btn{min-height:36px}.buttonlink{background:none;color:var(--amber);border:none;padding:0;font-size:12px;font-weight:900}.mega-red{width:192px;height:192px;max-width:90%;background:radial-gradient(circle at 30% 23%,#fa6558,#b92520 65%,#782a25);border:9px solid #612b23;border-radius:50%;box-shadow:0 15px 0 #441b1a,0 20px 30px #0007,inset 0 8px 10px #fff3;font-family:'Barlow Condensed';font-size:40px;font-weight:900;color:#fff;line-height:.9;text-shadow:0 3px 0 #67231e;transition:transform .15s;cursor:pointer}.mega-red:active{transform:translateY(9px);box-shadow:0 5px 0 #441b1a,0 12px 25px #0007}.buttonboard{display:grid;justify-items:center;text-align:center;gap:18px}.wheel-wrap{display:grid;justify-items:center;gap:16px}.wheel-pointer{font-size:36px;color:var(--amber);margin-bottom:-42px;z-index:2}.wheel{width:min(280px,76vw);aspect-ratio:1;border-radius:50%;border:9px solid #d9a453;box-shadow:0 0 0 6px #4d3620,0 15px 40px #0008;background:conic-gradient(#c58a3d 0 45deg,#eaa75e 45deg 90deg,#533b31 90deg 135deg,#c96f42 135deg 180deg,#d4bb84 180deg 225deg,#8b552d 225deg 270deg,#69402d 270deg 315deg,#f1aa46 315deg 360deg);transition:transform 3.8s cubic-bezier(.14,.75,.15,1);display:grid;place-items:center}.wheel-center{background:#160e0a;border:4px solid #eac07c;color:var(--amber);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1;font-weight:900;font-family:'Barlow Condensed';font-size:20px;letter-spacing:.04em}.empty{border:1px dashed #55412f;border-radius:15px;background:#211912;padding:27px 17px;text-align:center;color:var(--muted);font-size:13px}.placeholderphoto{width:100%;aspect-ratio:4/3;border-radius:13px;background:linear-gradient(145deg,#533922,#30251f);display:grid;place-items:center;font-size:38px;color:#d1b287}.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.listing{background:var(--surface);border:1px solid var(--edge);border-radius:16px;overflow:hidden}.listing img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.listing-body{padding:13px}.listing-price{font-family:'Barlow Condensed';font-size:26px;font-weight:900;color:var(--amber)}.listing-name{font-weight:800;font-size:13px;margin-bottom:5px;line-height:1.3}.listing-seller{font-size:10px;color:var(--muted);margin-bottom:12px}.listing-actions{display:flex;gap:8px;flex-wrap:wrap}.listing-actions .btn{flex:1;min-width:85px}.filters{display:flex;gap:9px;margin:14px 0}.filters input{flex:1}.directory-card{margin-bottom:10px}.directory-card h3{font-size:27px;line-height:1.0}.directory-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:10px 0 14px}.owner-pill{font-size:10px;background:#36281b;border:1px solid #5c4431;border-radius:25px;padding:5px 9px;display:inline-block}.qa-answer{margin:10px 0 0;padding:12px;background:#2c211a;border-radius:11px;font-size:12px;line-height:1.6}.bubble{background:var(--surface2);padding:10px 13px;border:1px solid var(--edge);border-radius:14px;margin-bottom:9px;max-width:87%;width:fit-content;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#42301e;border-color:#7b5735}.bubble p{font-size:13px;margin-top:5px;line-height:1.5}.bubble small{font-size:10px}.bigempty{padding:36px 18px;text-align:center;color:var(--muted);border:1px dashed var(--edge);border-radius:18px}.soon-card{margin-bottom:10px}.soon-card h3{font-size:26px}.soon-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:9px 0}.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.more-tile{border:1px solid var(--edge);background:var(--surface);border-radius:14px;padding:16px;display:grid;gap:6px;text-align:left;color:var(--text)}.more-tile .em{font-size:30px}.more-tile strong{font-size:13px}.more-tile small{font-size:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented button{background:var(--surface2);border:1px solid var(--edge);color:var(--muted);padding:12px;border-radius:11px;font-weight:800}.segmented button.active{background:var(--amber);color:#241710}.actionsrow{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.profile-stat{padding:14px;border:1px solid var(--edge);border-radius:13px;background:var(--surface)}.profile-stat strong{display:block;font-size:22px;color:var(--amber)}
/* dialogs and feedback */
.overlay{position:fixed;z-index:90;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.82);backdrop-filter:blur(3px)}.dialog{width:100%;max-width:490px;max-height:93dvh;background:#241b15;border:1px solid #67503d;border-radius:22px;padding:23px;overflow:auto;box-shadow:0 25px 60px #0009}.dialoghead{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.dialoghead h2{font-size:35px;font-weight:900;line-height:1}.dialog-close{border:0;background:none;color:var(--muted);font-size:25px;line-height:1}.dialog form{display:grid;gap:12px}.dialog p{font-size:13px;color:var(--muted);line-height:1.6}.dialog .btn{margin-top:7px}.modal-note{font-size:11px;color:var(--muted);margin:6px 0}#toast{position:fixed;z-index:120;left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:#f8b35a;color:#23160e;font-weight:900;font-size:13px;border-radius:11px;max-width:min(92vw,440px);width:max-content;box-shadow:0 15px 35px #0009;padding:12px 16px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}.boot{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:14px;color:var(--muted)}.boot img{width:96px;height:96px;border-radius:50%}.tiny{font-size:10px;color:var(--muted)}.bad{color:#f1aaa0}.good{color:#cde5b4}.mt10{margin-top:10px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mb10{margin-bottom:10px}.center{text-align:center}.hide{display:none!important}
@media(min-width:750px){.shell{padding:0 max(32px,calc((100vw - 1060px)/2)) 115px}.top{margin:0 calc(max(32px,(100vw - 1060px)/2)*-1) 28px;padding:12px max(32px,calc((100vw - 1060px)/2))}.main-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px, .85fr);gap:20px}.sporttiles{gap:14px}.banana-huge{font-size:95px}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-visual img{width:95px;height:95px}}@media(max-width:749px){.auth{grid-template-columns:1fr}.auth-visual{padding:24px 22px 14px;min-height:245px}.auth-visual .poster-title{font-size:58px;margin-top:13px}.auth-visual p{font-size:12px;line-height:1.5;margin-top:8px}.auth-visual img{height:55px;width:55px}.auth-panel{padding:22px 18px 45px}.auth-panel h1{font-size:38px}.hello{font-size:9px}.grid3{gap:7px}}@media(max-width:360px){.brand-title{font-size:25px}.brand img{width:41px;height:41px}.brand small{font-size:8px}.shell{padding-inline:10px}.top{margin-inline:-10px}.pollopts{grid-template-columns:1fr}.listing-grid{gap:8px}.sporttiles button{padding:10px 7px}.sporttiles strong{font-size:11px}.banana-huge{font-size:51px}.banana-huge .fruit{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Rotating headlines. Manual controls remain available when motion is reduced. */
.feature-billboard{border-radius:23px;overflow:hidden;margin-bottom:24px;border:1px solid #725333;box-shadow:0 14px 38px #0003;background:#17120f}
.billboard-topline{padding:13px 17px;background:#231a13;border-bottom:1px solid #6b4b2c;display:flex;align-items:center;justify-content:space-between;gap:12px}
.billboard-topline .kicker{color:#e9c48a}.billboard-count{font-size:10px;color:#cdb291;font-weight:900;letter-spacing:.12em}
.feature-billboard .banana{border:0;border-radius:0;margin:0;box-shadow:none}
.feature-billboard .banana-footer{flex-wrap:wrap;gap:12px}
.feature-billboard .banana-footer .btn{flex:1 1 165px;text-align:center}
.source-minilink{color:#ddb781;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.billboard-body{min-height:360px}.billboard-panel{padding:25px 19px 20px;min-height:410px;display:flex;flex-direction:column;justify-content:space-between;gap:19px}
.billboard-panel.alt{background:radial-gradient(ellipse at 92% 5%,#65401d 0,transparent 43%),linear-gradient(145deg,#292017,#100d0b);color:#fff0da}
.billboard-heading{font-family:'Barlow Condensed',sans-serif;font-size:clamp(54px,11vw,91px);font-weight:900;line-height:.85;letter-spacing:-.01em;margin:5px 0}.billboard-heading span{color:var(--amber)}
.billboard-panel p{font-size:13px;line-height:1.55;color:#d1bda7;margin:0}.billboard-rows{display:grid;gap:7px}
.billboard-row{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #715038;background:#231b16;border-radius:11px;font-size:12px}
.billboard-row>span{font-size:20px}.billboard-row strong{flex:1;font-size:13px;line-height:1.35}.billboard-row small{white-space:nowrap;text-align:right;color:#efbf7b;font-size:11px;font-weight:800;line-height:1.35}
.billboard-pollcount{display:flex;align-items:center;gap:13px;border-top:1px solid #745031;border-bottom:1px solid #745031;padding:13px}
.billboard-pollcount strong{font-family:'Barlow Condensed',sans-serif;font-size:70px;color:var(--amber);line-height:1}.billboard-pollcount span{font-size:11px;letter-spacing:.1em;line-height:1.4;font-weight:900;color:#cfb99f}
.billboard-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #6b4b2c;background:#1c1511}
.billboard-controls button{background:none;color:#ac9881;border:0;border-right:1px solid #513b29;padding:13px 4px;display:grid;justify-items:center;gap:7px;cursor:pointer;min-width:0}.billboard-controls button:last-child{border-right:0}
.billboard-controls button span{width:70%;max-width:50px;height:3px;background:#695543;border-radius:5px}.billboard-controls button.active span{background:var(--amber)}
.billboard-controls small{font-size:9px;letter-spacing:.07em;font-weight:900}.billboard-controls button.active{color:#f6b35d}
@media(max-width:380px){.billboard-controls small{font-size:8px}.billboard-heading{font-size:52px}}

/* PWA invitation and genuinely swipeable homepage cards */
.top-actions{display:flex;align-items:center;gap:8px}.install-small{width:42px;height:44px;border-radius:13px;background:#3b2a1d;color:#ffc780;border:1px solid #886033;font-size:24px;font-weight:900}
.install-cta{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;background:linear-gradient(100deg,#f8bd60,#f39941);border:0;border-radius:12px;padding:13px 8px;color:#28170c;font-weight:900;font-size:12px;margin-bottom:14px;min-height:44px;box-shadow:0 8px 20px #0002}.install-cta span{opacity:.68}
.feature-billboard{overflow:hidden}.billboard-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% - 47px);overflow-x:auto;overflow-y:hidden;gap:12px;padding:0 12px 12px;scroll-snap-type:x mandatory;scroll-padding-left:12px;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.billboard-track::-webkit-scrollbar{display:none}.billboard-card{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;display:block;border:1px solid #624527;border-radius:17px;overflow:hidden;background:#1c1511;box-shadow:0 8px 24px #0005}.feature-billboard .billboard-card .banana{border:none;border-radius:0}.feature-billboard .billboard-card .billboard-panel{min-height:100%;border-radius:0}
.billboard-gesture{padding:10px 15px;font-size:10px;font-weight:900;color:#edbb7b;letter-spacing:.11em;display:flex;justify-content:space-between;align-items:center}.billboard-gesture span{font-size:20px;display:inline-block;animation:sf-nudge 2.6s ease-in-out infinite}@keyframes sf-nudge{0%,60%,100%{transform:translateX(0)}78%{transform:translateX(7px)}90%{transform:translateX(-3px)}}
.feature-billboard .banana{margin:0}.billboard-track:focus-visible{outline:2px solid var(--amber);outline-offset:-3px}.billboard-controls button:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}
@media(min-width:750px){.billboard-track{grid-auto-columns:calc(100% - 105px);gap:18px}}
@media(prefers-reduced-motion:reduce){.billboard-gesture span{animation:none}}
/* Sies Fokkit! Bragging Rights and the avatar workshop */
.brag-panel{background:linear-gradient(140deg,#3d2618,#1e1813 80%);border:1px solid #9c6d37;border-radius:22px;padding:20px;margin:22px 0 26px;box-shadow:0 13px 27px #0003}
.brag-title{font-size:clamp(28px,6vw,40px);margin-top:7px;font-weight:900;line-height:.97}.brag-title span{color:var(--amber)}.brag-rows{display:grid;gap:7px;margin:16px 0}.brag-row{display:flex;align-items:center;gap:9px;background:#201710;border:1px solid #63442b;border-radius:12px;padding:9px}.brag-place{font-family:'Barlow Condensed',sans-serif;font-size:27px;color:#ecc28c;min-width:20px}.brag-member{flex:1;min-width:0;display:grid;gap:2px;font-size:13px}.brag-member small{font-size:10px}.brag-xp{font-family:'Barlow Condensed',sans-serif;font-size:22px;color:var(--amber);white-space:nowrap}.brag-mine{font-size:11px;color:#d5bda2;border-top:1px solid #65472b;padding-top:12px}.brag-mine b{color:var(--amber)}
.member-avatar{flex-shrink:0;border-radius:50%;box-shadow:0 3px 0 #0005;vertical-align:middle}.leader-row{display:flex;align-items:center;gap:10px;border:1px solid var(--edge);background:var(--surface);border-radius:14px;padding:12px;margin:8px 0}.leader-row.is-me{border-color:var(--amber);background:#332415}.leader-rank{font-family:'Barlow Condensed',sans-serif;font-size:25px;min-width:37px;text-align:center;color:var(--amber)}.leader-user{flex:1;min-width:0;display:grid;gap:2px}.leader-user strong{font-size:13px}.leader-user small{font-size:10px}.leader-points{text-align:right}.leader-points strong{font-family:'Barlow Condensed',sans-serif;font-size:28px;color:var(--amber);display:block}.leader-points small{font-size:9px;white-space:nowrap}.xp-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.xp-rules span{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;background:#302419;padding:9px;border-radius:9px}.xp-rules b{color:var(--amber);white-space:nowrap}
.avatar-maker{background:#2b2018;border:1px solid #6d5035;border-radius:17px;padding:14px}.avatar-maker .avatar-preview{display:flex;align-items:center;gap:14px;margin-bottom:12px}.avatar-maker .avatar-preview b{font-size:15px;display:block}.avatar-maker .avatar-preview small{font-size:11px;display:block;margin-top:5px}.avatar-maker .avatar-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.avatar-maker select{min-height:42px;padding:8px;font-size:12px}.avatar-profile-form{margin:15px 0;display:grid;gap:11px}.profile-score{display:grid;gap:5px}.profile-score strong{font-family:'Barlow Condensed',sans-serif;font-size:30px;color:var(--amber)}
@media(max-width:380px){.brag-row{gap:5px}.brag-xp{font-size:19px}.brag-title{font-size:27px}.avatar-maker .avatar-options{gap:6px}.leader-row{gap:5px}}

/* 21+ clubhouse first-run guide: makes the actual feature visible while blocking accidental taps. */
.tour-shield{position:fixed;inset:0;z-index:400;background:transparent;touch-action:none}
.tour-highlight{position:fixed;z-index:401;border:3px solid #ffd189;border-radius:17px;box-shadow:0 0 0 9999px rgba(8,6,5,.77),0 0 25px #edaa5680;pointer-events:none;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease}
.tour-highlight.tour-start{inset:0!important;width:auto!important;height:auto!important;box-shadow:none;background:rgba(9,6,5,.83);border:0;border-radius:0}
.tour-coach{position:fixed;z-index:402;bottom:max(90px,calc(80px + env(safe-area-inset-bottom)));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));margin:auto;width:min(calc(100% - 24px),480px);background:linear-gradient(160deg,#342419,#17110d);border:1px solid #e0a354;border-radius:20px;padding:17px 18px 18px;box-shadow:0 16px 65px #000b;color:#fbefd9;outline:none;max-height:min(55dvh,370px);overflow-y:auto;overscroll-behavior:contain}
.tour-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-kicker{font-weight:900;font-size:10px;letter-spacing:.12em;color:#f1bd78}.tour-counter{font-size:11px;color:#cbb095;font-weight:900;white-space:nowrap}
.tour-coach h2{font-family:'Barlow Condensed',system-ui,sans-serif;font-size:clamp(30px,8vw,42px);font-weight:900;line-height:.96;letter-spacing:.005em;margin:11px 0 8px}.tour-coach p{font-size:13px;line-height:1.5;color:#e4d0b9;margin:0 0 15px}
.tour-progress{display:flex;gap:5px;margin:0 0 15px}.tour-progress span{height:4px;min-width:0;flex:1;border-radius:5px;background:#6b4a2f}.tour-progress span.filled{background:#f4af57}
.tour-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tour-actions button{border:1px solid #664831;border-radius:10px;padding:10px 11px;cursor:pointer;font-size:11px;font-weight:800;min-height:40px}.tour-quiet{color:#dabca0;background:none}.tour-back{color:#f2d7b0;background:#3d2c20}.tour-next{margin-left:auto;background:#ffc477!important;color:#2a1b11!important;border-color:#ffc477!important}
.tour-coach button:focus-visible{outline:3px solid white;outline-offset:2px}
@media(max-height:600px){.tour-coach{bottom:12px;max-height:48dvh}.tour-coach h2{font-size:29px}.tour-coach p{font-size:12px}.tour-actions button{padding:7px}}
@media(prefers-reduced-motion:reduce){.tour-highlight{transition:none}}


/* Sies Fokkit! v3.3 : GAME x UTILITY, phone-first, compact cards */
:root{--nav:rgba(14,13,13,.98);--amber:#ffba58}
body{background:radial-gradient(ellipse at 60% -10%,#342016 0,transparent 45%),#110e0c}
.top{height:63px;padding-block:8px;margin-bottom:9px;box-shadow:0 10px 22px #0002}
.brand{gap:9px}.brand img{width:38px;height:38px}.brand-title{font-size:clamp(23px,6vw,29px)}.brand small{font-size:8px;letter-spacing:.06em;white-space:nowrap}
.menu-trigger,.install-small{width:37px;height:39px;border-radius:12px;font-size:21px}
.install-small{font-size:20px}.top-actions{gap:7px}
.hello{margin:7px 0 10px;letter-spacing:.1em;font-size:9px}
.shell{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.feature-billboard{border-radius:20px;margin:11px 0 14px;background:#181310;box-shadow:0 12px 34px #0005;border:1px solid #634632}
.billboard-topline{padding:9px 12px;background:#221910}.billboard-topline .kicker{font-size:9px;letter-spacing:.11em}
.billboard-gesture{padding:5px 14px 2px;font-size:9px;letter-spacing:.1em}
.billboard-gesture span{font-size:15px}
.billboard-track{grid-auto-columns:calc(100% - 36px);gap:9px;padding:7px 10px 9px;scroll-padding-left:10px;touch-action:pan-x pan-y}
.billboard-card{border-radius:15px;border-color:#664833;box-shadow:0 4px 12px #0004;align-self:stretch;min-height:0}
.bb-mini{height:247px;display:flex;flex-direction:column;overflow:hidden;position:relative;background:linear-gradient(125deg,#382418,#1d1915 60%,#211612)}
.bb-sport{background:radial-gradient(circle at 94% 26%,#604021 0,transparent 37%),linear-gradient(145deg,#2f2319,#161413 82%)}
.bb-poll{background:radial-gradient(circle at 91% 27%,#693528 0,transparent 38%),linear-gradient(145deg,#38251c,#171414 82%)}
.bb-market{background:radial-gradient(circle at 91% 27%,#4f522c 0,transparent 34%),linear-gradient(145deg,#2b2b20,#161716 82%)}
.bb-mini-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px 8px}
.bb-eyebrow{font-size:9px;letter-spacing:.12em;color:#fbc583;font-weight:900;white-space:nowrap}.bb-signal{display:inline-block;width:6px;height:6px;border-radius:100%;background:#9ab56e;margin-right:6px;box-shadow:0 0 0 3px #9ab56e22}
.bb-status{font-size:8px;letter-spacing:.06em;font-weight:900;color:#e6b898;background:#322219;border:1px solid #71412b;border-radius:6px;padding:6px 7px;white-space:nowrap}
.bb-main{padding:3px 15px 4px;flex:1;position:relative;display:flex;align-items:center}
.bb-main>div{position:relative;z-index:1;max-width:89%}
.bb-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,10vw,55px);line-height:.82;letter-spacing:-.015em;font-weight:900;margin:0;color:#f9f1e7}
.bb-title span{color:#ffb95d}.bb-footnote{font-size:10px;color:#cbb9a8;line-height:1.35;max-width:95%;margin-top:8px}
.bb-float{position:absolute;right:8px;top:25px;font-size:54px;opacity:.8;filter:drop-shadow(0 8px 12px #0007);transform:rotate(10deg);pointer-events:none}
.bb-bottom{background:#120f0de8;border-top:1px solid #5d402b;padding:8px 12px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.bb-fact{min-width:0;display:grid;gap:2px;flex:1}.bb-fact>span{font-size:8px;color:#b5a18a;font-weight:900;letter-spacing:.09em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-fact b{font-size:22px;line-height:1;font-family:'Barlow Condensed',sans-serif;color:#ffbf72}.bb-fact .bb-fact-small{font-family:'DM Sans',sans-serif;font-size:10px;color:#f5e8d7;line-height:1.3}.bb-fact em{display:block;font-size:9px;font-style:normal;color:#e8ad62}
.bb-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.bb-main-btn{background:linear-gradient(120deg,#ffc477,#f8a843);border:0;border-radius:10px;padding:10px 9px;font-size:9px;letter-spacing:.025em;font-weight:900;color:#2c190d;min-height:34px}.bb-main-btn span{font-size:13px}
.bb-side-btn{border:1px solid #815736;border-radius:9px;font-size:9px;font-weight:900;color:#e9c294;min-height:34px;display:flex;align-items:center;padding:0 7px;text-decoration:none;white-space:nowrap}
.billboard-controls{background:#1b1511;border-top:1px solid #5f412d}
.billboard-controls button{padding:8px 2px 9px;gap:5px}
.billboard-controls small{font-size:8px;letter-spacing:.04em}.billboard-controls button span{height:3px}
.xp-ribbon{width:100%;border:1px solid #614426;background:linear-gradient(100deg,#241b14,#392719);border-radius:14px;display:flex;align-items:center;gap:10px;padding:7px 10px;color:var(--text);text-align:left;box-shadow:inset 0 1px 0 #fff1}
.xp-ribbon-copy{flex:1;min-width:0;display:grid;gap:6px}.xp-ribbon-copy>b{font-size:12px;white-space:nowrap}.xp-ribbon-copy em{font-size:10px;color:var(--amber);font-style:normal}.xp-ribbon-track{height:5px;border-radius:9px;background:#4c3b29;overflow:hidden}.xp-ribbon-track>i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#e78a39,#ffdb8f);box-shadow:0 0 9px #ffbe6b90}
.xp-ribbon-points{font-family:'Barlow Condensed';font-weight:900;font-size:23px;color:#f8bf72;line-height:.75;text-align:right}.xp-ribbon-points small{font-family:'DM Sans';font-size:8px;display:block;margin-top:6px;font-weight:900;color:#bd9b75}.xp-ribbon-arrow{color:#edbd76;font-size:24px}
.brag-panel{padding:13px 14px;margin:12px 0 21px;border-radius:16px;background:linear-gradient(100deg,#30231b,#211911);border-color:#735232}
.brag-title{font-size:26px;margin-top:4px}.brag-panel .row .btn.small{padding:6px 9px;font-size:9px;min-height:28px}.brag-rows{gap:5px;margin:10px 0}
.brag-row{padding:5px 9px;border-radius:9px;min-height:38px}.brag-row .member-avatar{width:33px;height:33px}.brag-member b{font-size:11px}.brag-member small{font-size:9px}.brag-place{font-size:15px}.brag-xp{font-size:18px}.brag-mine{padding-top:8px;font-size:10px}
.play-area{margin:16px 0 20px}.play-heading{display:flex;align-items:end;justify-content:space-between;margin:0 1px 10px}.play-heading h2{font-size:29px;font-family:'Barlow Condensed';line-height:.96}.play-heading h2 em{color:var(--amber);font-style:normal}.play-mini-icon{font-size:26px;color:#ffd07d;line-height:1}
.play-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.play-tile{min-width:0;height:126px;text-align:left;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;overflow:hidden;border:1px solid #68513a;border-radius:17px;background:linear-gradient(145deg,#382a1e,#201b16 75%);padding:11px 13px;color:var(--text);box-shadow:inset 0 1px 0 #fff1,0 6px 12px #0003;transition:transform .13s ease,filter .13s ease}
.play-tile:active,.xp-ribbon:active,.quest-chest:active,.bb-main-btn:active{transform:translateY(2px) scale(.98);filter:brightness(1.08)}
.play-wheel{background:radial-gradient(circle at 100% 0,#6d3430,transparent 62%),#28201c}
.play-court{background:radial-gradient(circle at 100% 0,#52542a,transparent 62%),#28201c}
.play-market{background:radial-gradient(circle at 100% 0,#495044,transparent 62%),#27231f}
.play-people{background:radial-gradient(circle at 100% 0,#453958,transparent 62%),#27201c}
.play-tile-symbol{font-size:25px;margin-bottom:5px;line-height:1}.play-tile b{font-size:15px;font-family:'Barlow Condensed';font-weight:900;letter-spacing:.02em;line-height:1.06}.play-tile small{font-size:9px;margin-top:4px;color:#d7c6b2}.play-enter{position:absolute;right:10px;bottom:10px;padding:4px 6px;background:#3e3228;border:1px solid #70573b;border-radius:6px;font-size:8px;font-weight:900;color:#ffc789}
.play-caption{font-size:9px;color:#948371;margin:7px 2px}
.quest-chest{display:flex;align-items:center;text-align:left;gap:10px;background:linear-gradient(95deg,#48311c,#30231c);border:1px solid #85633b;color:#f8f0e5;border-radius:13px;width:100%;padding:8px 12px;margin-top:13px}.quest-em{font-size:29px}.quest-chest>span:nth-child(2){display:grid;gap:3px;flex:1}.quest-chest b{font-size:11px}.quest-chest small{font-size:10px;color:#e7b47b}.quest-arrow{font-size:24px;color:#e7b47b}
.sporttiles button{border-radius:12px;padding:9px}.sporttiles .emoji{font-size:21px}
.bottom{box-shadow:0 -8px 30px #0004}.bottom button{padding:7px 3px 7px;gap:3px;font-size:10px}.bottom button .sym{font-size:19px}
@media(min-width:750px){.bb-mini{height:275px}.bb-title{font-size:68px}.bb-main{padding:4px 25px}.bb-float{right:23px}.billboard-track{grid-auto-columns:calc(100% - 100px)}.play-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:370px){.brand-title{font-size:22px}.brand img{height:33px;width:33px}.top{gap:7px}.billboard-track{grid-auto-columns:calc(100% - 27px)}.bb-title{font-size:40px}.bb-float{font-size:42px}.bb-mini{height:242px}.bb-main-btn{padding:9px 7px}.bb-eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){.play-tile,.xp-ribbon,.quest-chest{transition:none}}

/* SIES FOKKIT! / official brand system / playful but practical v4 preview */
:root{color-scheme:dark;--bg:#102e3c;--surface:#193746;--surface2:#203f4f;--surface3:#295264;--edge:#416272;--text:#fff9f0;--muted:#bdd6dc;--amber:#ffd021;--green:#35caba;--red:#ff6c70;--nav:rgba(8,29,41,.97);--glow:rgba(38,201,205,.16)}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 4% 1%,#22627499 0%,transparent 33%),radial-gradient(ellipse at 95% 9%,#55357644 0%,transparent 30%),radial-gradient(#b7eef008 1.2px,transparent 1.2px);background-size:auto,auto,23px 23px}
body::before{content:'';position:fixed;inset:0 0 auto 0;height:270px;background:linear-gradient(155deg,#1d58664d,transparent);pointer-events:none;z-index:-1}
.top{height:70px;background:#0f2939eb;border-bottom:2px solid #40baba;margin-bottom:10px;box-shadow:0 7px 0 #06223035}
.brand{gap:9px}.brand img.brand-mascot{width:45px;height:45px;object-fit:contain;border:0;border-radius:0;filter:drop-shadow(0 2px 0 #020f17)}
.brand-lockup{display:grid;gap:0;align-items:start;min-width:0}.brand img.brand-wordmark{height:41px;width:min(194px,48vw);object-fit:contain;object-position:left center;border:0;border-radius:0}
.brand small{color:#bde2e4;font-size:8px;letter-spacing:.065em;padding-left:3px}
.menu-trigger,.install-small{background:#234354;border:2px solid #427686;color:#fff6ec;border-radius:13px}
.menu-trigger:active,.install-small:active{background:var(--red);color:#152736}
.shell{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.max{max-width:960px}
.kicker,.sectionbar span{color:#ffe166}.btn{background:#ffda3a;border:2px solid #182432;box-shadow:2px 3px 0 #031923;transition:transform .16s ease,box-shadow .16s ease}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn.ghost{background:#355666;color:#fff;border:1px solid #6d94a4;box-shadow:none}
.panel{background:linear-gradient(145deg,#244554,#173542);border:1px solid #416979;box-shadow:0 6px 16px #0717202a}
.panel.raised{background:linear-gradient(130deg,#315665,#1c3746)}.tag.dim{background:#263c4a;color:#fff;border:1px solid #4e7e8e}
.sf-welcome{min-height:91px;border-radius:18px;padding:13px 15px;margin:6px 0 13px;background:#17c7ca;border:2.5px solid #061e2a;box-shadow:4px 4px 0 #061e2a;display:flex;justify-content:space-between;gap:3px;align-items:center;color:#0d2532;position:relative;overflow:hidden}
.sf-welcome::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff48 2px,transparent 2px);background-size:26px 26px;opacity:.45;pointer-events:none}
.sf-welcome>div{position:relative;z-index:1;display:grid;gap:2px;min-width:0}.sf-welcome-label{font-size:9px;font-weight:950;letter-spacing:.095em}.sf-welcome strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(24px,7vw,36px);letter-spacing:-.01em;line-height:.96}.sf-welcome strong span{color:#fc5268;text-shadow:1.5px 1.5px 0 #122c37}.sf-welcome small{max-width:290px;font-size:10px;line-height:1.3;color:#10445a;font-weight:700}.sf-welcome img{width:89px;max-width:29%;align-self:center;object-fit:contain;filter:drop-shadow(2px 3px 0 #16354150);transform:rotate(8deg)}
.xp-ribbon{background:#fce8bc;color:#18303c;border:2px solid #0d2430;box-shadow:3px 4px 0 #061b28;padding:8px 11px;border-radius:14px}
.xp-ribbon-copy em,.xp-ribbon-points,.xp-ribbon-arrow{color:#6a33b4}.xp-ribbon-track{background:#d0c7a4}.xp-ribbon-track>i{background:linear-gradient(90deg,#26c4c8,#8758c7)}.xp-ribbon-points small{color:#5e5670}
.feature-billboard{border:2px solid #0a202f;border-radius:19px;background:#143e50;box-shadow:4px 5px 0 #071b24;margin-top:15px}
.billboard-topline{background:#133d4f;padding:10px 13px;border-bottom:1px solid #397a87}.billboard-topline .kicker{color:#effdf6}.billboard-count{color:#fff}
.billboard-gesture{color:#bcefeb;font-size:10px;font-weight:900;padding-top:8px}
.billboard-gesture span{color:#ffd635;font-size:18px}
.billboard-track{padding:8px 9px 10px;gap:10px;grid-auto-columns:calc(100% - 40px);touch-action:auto;overscroll-behavior-x:contain}
.billboard-card{border:2px solid #0c2131;box-shadow:3px 4px 0 #091a24;border-radius:15px}
.bb-mini{height:239px;background:#ffda2b;color:#102737}
.bb-election{background:linear-gradient(140deg,#ffe262,#ffce25 70%)}
.bb-sport{background:radial-gradient(circle at 91% 28%,#e6ffff95 0,transparent 36%),linear-gradient(135deg,#6ce4d9,#19c3c6 80%)}
.bb-poll{background:radial-gradient(circle at 91% 25%,#fff3a48a 0,transparent 36%),linear-gradient(135deg,#ff9f91,#ff6e77 80%)}
.bb-market{background:radial-gradient(circle at 88% 25%,#dfc1ff9e 0,transparent 42%),linear-gradient(135deg,#c0a2f6,#8c65cc 80%)}
.bb-mini-head{padding:12px 13px 7px}.bb-eyebrow{color:#183e4c;font-size:9px;font-weight:1000;letter-spacing:.08em}
.bb-signal{background:#128174;box-shadow:0 0 0 3px #077c5233}
.bb-status{color:#fff8ed;background:#193948;border:1px solid #133040;border-radius:8px;font-size:8px;padding:6px}
.bb-main{padding:0 14px 3px}.bb-title{color:#102737;font-size:clamp(37px,9.3vw,52px);text-shadow:1px 1px 0 #ffffff20;line-height:.86}.bb-title span{color:#f05b65;text-shadow:1px 1px 0 #0c2b3920}.bb-sport .bb-title span{color:#744ac4}.bb-poll .bb-title span{color:#ffed8c}.bb-market .bb-title span{color:#fff8c8}
.bb-footnote{color:#173d48;line-height:1.27;font-size:11px;font-weight:800;margin-top:7px}.bb-float{font-size:59px;opacity:.87;right:6px;top:12px;filter:drop-shadow(2px 5px 0 #07243633);transform:rotate(-12deg)}
.bb-bottom{background:#fef2cf;color:#152c38;border-top:2px solid #0b2e3d;padding:8px 10px;min-height:56px}
.bb-fact>span{color:#436170;font-size:8px}.bb-fact b{color:#1e5061;font-size:23px}.bb-fact .bb-fact-small{color:#16333f}.bb-fact em{color:#7659a8}
.bb-main-btn{background:#ffd337;color:#122b35;border:2px solid #0a2735;box-shadow:2px 2px 0 #0a2735;border-radius:10px}.bb-side-btn{color:#123e54;border:2px solid #2f6277}
.billboard-controls{background:#143b49;border-top:1px solid #358091}.billboard-controls button{color:#b3dce5}.billboard-controls button.active{color:#ffd634}.billboard-controls button span{background:#58818b}.billboard-controls button.active span{background:#ffcb29}
.brag-panel{background:#34224b;border:2px solid #8460aa;box-shadow:4px 4px 0 #071a29;border-radius:17px;margin-top:17px;padding:13px 14px}.brag-panel .kicker{color:#ffe16c}.brag-title{color:#fff5e8}.brag-title span{color:#ffc53f}.brag-row{background:#533967;border:1px solid #8d64a5}.brag-member small{color:#e4ccea}.brag-place,.brag-xp{color:#ffda4f}.brag-mine{color:#eee0ed}
.play-area{margin-top:25px}.play-heading h2{color:#fff4e8;font-size:33px}.play-heading h2 em{color:#ffd83f}.play-mini-icon{color:#ffd336}
.play-grid{gap:11px}.play-tile{height:126px;border:2px solid #061f2d;border-radius:17px;box-shadow:4px 5px 0 #061b26;color:#172b37;padding:11px;transition:transform .15s ease,box-shadow .15s ease}
.play-tile:active{transform:translate(3px,4px) rotate(-1deg);box-shadow:1px 1px 0 #061b26}
.play-wheel{background:#ffdd47}.play-court{background:#ff8190}.play-market{background:#62ddce}.play-people{background:#c29ef2}.play-tile b{font-size:17px;color:#132536}.play-tile small{font-size:10px;font-weight:700;color:#224454;line-height:1.15}.play-tile-symbol{font-size:27px}.play-enter{color:#f8f5e9;background:#193744;border:0;font-size:9px;padding:5px 8px}
.quest-chest{background:#f4e7ba;color:#112d3a;border:2px solid #111f2b;box-shadow:3px 4px 0 #071b26}.quest-chest small{color:#4e5b62}.quest-arrow{color:#9a57bd}
.sporttiles button{border:1px solid #578a91;background:#254f5c}
.bottom{border-top:2px solid #287b88;background:#0c2634f9}.bottom button{font-size:11px;padding:8px 3px 7px}.bottom button.active{color:#ffe151}.bottom button.active .sym{filter:drop-shadow(0 0 7px #ffcb4160)}
.drawer{background:#173b4c;border-left:2px solid #24b6bd}.drawer button.item{border-color:#356776}
/* The actual 21+ Arcade */
.arcade-landing{display:flex;gap:12px;justify-content:space-between;align-items:center;position:relative;background:linear-gradient(120deg,#1bced0,#60e6d6);color:#0b2c3a;border:2px solid #061c27;border-radius:21px;padding:19px 15px;overflow:hidden;box-shadow:5px 6px 0 #041c2a}
.arcade-landing::before{content:'';position:absolute;inset:0;background-image:radial-gradient(#ffffff64 2px,transparent 2px);background-size:25px 25px;opacity:.45;pointer-events:none}
.arcade-heading{position:relative;z-index:1;min-width:0}.arcade-heading .kicker{color:#164d54}.arcade-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:950;font-size:clamp(42px,11vw,77px);line-height:.82;letter-spacing:-.012em;max-width:510px;margin:14px 0 9px}.arcade-heading h1 span{color:#f95576;text-shadow:1.5px 1.5px 0 #17343f}.arcade-heading p{font-size:12px;font-weight:750;line-height:1.37;max-width:330px}.arcade-sticker{flex-shrink:0;width:27%;position:relative;z-index:1;transform:rotate(7deg)}.arcade-sticker img{width:100%;filter:drop-shadow(4px 5px 0 #075c7040)}
.arcade-daily{margin:18px 1px 10px;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:11px;color:#ffe8a5;font-weight:900}.arcade-daily span:last-child{background:#35234b;border:1px solid #9268a7;border-radius:8px;padding:8px;font-size:10px;color:#f4e3fc}
.mini-game-stack{display:grid;gap:12px}.mini-game-card{display:flex;min-height:117px;width:100%;gap:11px;align-items:center;text-align:left;border-radius:19px;padding:16px 13px;border:2.5px solid #061c2c;box-shadow:4px 5px 0 #061b29;color:#142e3b;transition:transform .16s ease,box-shadow .16s ease}.mini-game-card:active{transform:translate(3px,4px) rotate(-1deg);box-shadow:1px 1px 0 #061b29}.game-cyan{background:#5fe2df}.game-yellow{background:#ffe174}.game-coral{background:#ff9ba7}
.mini-game-icon{font-size:clamp(33px,10vw,52px);width:58px;line-height:1;text-align:center;flex-shrink:0;filter:drop-shadow(0 3px 0 #0d25362e)}.mini-game-info{display:grid;gap:5px;min-width:0;flex:1}.mini-game-info small{font-weight:950;letter-spacing:.08em;font-size:10px;color:#20515b}.mini-game-info b{font:950 clamp(24px,7.5vw,38px)/.87 'Barlow Condensed',Impact,sans-serif;color:#172936}.mini-game-info span{font-size:11px;line-height:1.2;font-weight:700;color:#244653}.mini-game-action{display:grid;align-items:center;gap:13px;justify-items:center;flex-shrink:0;color:#17404a;font-size:9px;font-weight:900}.mini-game-action strong{background:#142c39;color:#ffe57b;padding:6px 7px;border-radius:6px;white-space:nowrap}.mini-game-action em{font-style:normal;background:#162f3a;color:#fff1d8;padding:7px 8px;border-radius:8px;white-space:nowrap}
.arcade-rules{display:flex;gap:10px;align-items:flex-start;margin:16px 0 22px;background:#1e4856;border:1px dashed #5ca2ad;border-radius:13px;padding:12px}.arcade-rules>span{font-size:26px}.arcade-rules p{font-size:11px;line-height:1.5;color:#d1e5e4}
.game-detail{padding:18px;border:2.5px solid #0b2030;box-shadow:5px 6px 0 #041b29;border-radius:20px;color:#152e3b;margin:13px 0 27px;min-height:390px}.game-detail-cyan{background:linear-gradient(135deg,#67e6e0,#26c7c5)}.game-detail-yellow{background:linear-gradient(135deg,#ffe881,#fecd4f)}.game-detail-coral{background:linear-gradient(135deg,#ffa4aa,#ff7186)}
.game-detail-head,.game-progress-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:950;letter-spacing:.03em}.game-detail-head button{background:#12313d;color:white;border:0;border-radius:9px;padding:10px 13px;font-size:11px;font-weight:800}.game-detail h2{font:950 clamp(31px,8.8vw,51px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:.003em;margin:19px 0 12px;color:#103244}.game-detail p{font-size:13px;line-height:1.5;font-weight:750}.game-progress-row{margin:25px 1px 7px;color:#184857;font-size:11px}.game-progress{height:9px;border-radius:100px;background:#10354840;overflow:hidden}.game-progress>i{display:block;height:100%;background:#0f3746;border-radius:100px}
.game-choices{display:grid;gap:9px;margin:20px 0}.game-choices button{border:2px solid #092c3c;background:#f7f7ed;border-radius:12px;text-align:left;padding:13px 14px;min-height:48px;font-size:13px;font-weight:850;color:#142e3b;box-shadow:2px 3px 0 #123545}.game-choices button:active{transform:translate(2px,2px);box-shadow:none}.game-choices button.is-right{background:#a4eaaa}.game-choices button.is-wrong{background:#ffbac0}.game-choices button:disabled{opacity:1}.game-choices button.selected{background:#ffe066}
.game-feedback{background:#ffffffb0;border:2px solid #204753;border-radius:12px;padding:12px;margin:10px 0;color:#122d3a;font-weight:900;font-size:13px}.game-feedback small{font-size:12px;font-weight:650}
.game-btn{background:#133847;color:#fff5dd;font-weight:1000;font-size:14px;border:2px solid #091d2a;border-radius:13px;min-height:48px;padding:12px 18px;width:100%;box-shadow:2px 3px 0 #102934}
.game-btn:active{transform:translate(2px,2px);box-shadow:none}.game-final-emoji{font-size:64px;text-align:center;margin:35px 0 10px}.game-reward{font-size:12px;font-weight:1000;color:#264b55;background:#fefcdbbb;padding:10px;border-radius:9px;text-align:center;margin:20px 0}
.braai-track{height:51px;background:linear-gradient(90deg,#943522,#df7054 35%,#e89e54 60%,#2c9254 67%,#52b766 77%,#51301f 89%);border:2px solid #163542;border-radius:11px;position:relative;margin-top:30px;overflow:visible}.braai-zone{position:absolute;height:100%;width:16%;left:64%;border-left:2px dashed white;border-right:2px dashed white;background:#b4ff9a44}.braai-pointer{position:absolute;top:-18px;transform:translateX(-50%);font-size:22px;font-weight:bold;color:#0b2d3b;filter:drop-shadow(0 1px 0 #ffff)}.braai-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:900;margin:8px 0}.braai-meat{margin:22px 0 13px;font-size:68px}.party-card{min-height:180px;background:#fff6d7;border:3px solid #1c3440;border-radius:15px;padding:18px;position:relative;transform:rotate(-1deg);box-shadow:4px 5px 0 #162e3b}.party-stamp{font-size:9px;font-weight:950;letter-spacing:.1em;color:#ec4a69}.party-card h2{font:950 clamp(25px,7.8vw,38px)/1.06 'Barlow Condensed',Impact,sans-serif;margin-top:23px;max-width:95%}.party-card-spark{position:absolute;bottom:2px;right:13px;color:#f8b622;font-size:50px}.party-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.party-choices button{text-align:center;font-size:11px;line-height:1.25;padding:12px 8px}.party-note{font-size:11px!important;color:#244c58;margin-top:13px}
/* Brand cues across existing utility pages, without interfering with their workflow */
.more-tile{background:linear-gradient(145deg,#26546a,#1b3e54);border:1px solid #5f99a2}.more-tile .em{filter:drop-shadow(0 4px 4px #07162566)}.more-tile:active{transform:scale(.98)}
.sectionbar h2{color:#f6f4e7}.pollopt{border-color:#4e9da4}.pollopt.active{background:#2a8e95;color:#fff}.source-minilink{color:#ffd959}
@media(max-width:380px){.brand img.brand-wordmark{width:142px;height:36px}.brand img.brand-mascot{width:36px;height:36px}.sf-welcome img{width:75px}.sf-welcome strong{font-size:26px}.bb-title{font-size:38px}.mini-game-card{padding:12px 9px}.mini-game-icon{width:46px}.mini-game-info b{font-size:25px}.mini-game-action strong{font-size:8px}}
@media(min-width:700px){.sf-welcome{padding:16px 24px}.sf-welcome img{max-width:115px}.play-grid{grid-template-columns:repeat(4,1fr)}.mini-game-stack{grid-template-columns:repeat(3,1fr)}.mini-game-card{min-height:220px;display:grid;justify-items:start}.mini-game-icon{font-size:50px}.mini-game-action{justify-items:start}.arcade-sticker{max-width:160px}.game-detail{max-width:650px;margin:22px auto}}
@media(prefers-reduced-motion:reduce){.mini-game-card,.game-choices button,.game-btn{transition:none}}

/* Clubhouse sport-first cards: useful app, playful game styling */
.sport-first-hero{margin-top:14px;border:3px solid #081f2c;border-radius:21px;background:linear-gradient(125deg,#ffe168 0%,#ffc64d 62%,#ff9a77 100%);box-shadow:5px 6px 0 #071d29;color:#172b39;padding:15px;overflow:hidden}
.sport-first-eyebrow{font-size:10px;font-weight:1000;letter-spacing:.08em}
.sport-first-main{display:flex;align-items:center;min-height:123px;justify-content:space-between;gap:6px}.sport-first-main h1{font:1000 clamp(41px,12vw,65px)/.89 'Barlow Condensed',Impact,sans-serif;margin:7px 0;color:#132c3d}.sport-first-main h1 em{font-style:normal;color:#e43c68}.sport-first-teams{font-weight:1000;font-size:clamp(13px,4.5vw,20px);line-height:1.25}.sport-first-teams span{font-weight:700;color:#724b44}.sport-first-time{margin-top:6px;font-size:11px;font-weight:850;color:#694229}.sport-first-ball{font-size:70px;filter:drop-shadow(3px 5px 0 #ac4c4140);transform:rotate(-20deg);flex-shrink:0}
.sport-first-bottom{border-top:2px dotted #76572f8a;display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:10px}.sport-first-points{font-size:9px;font-weight:950;max-width:41%;line-height:1.3}.sport-first-button{border:2px solid #091d2b;background:#173847;color:#fff2cb;border-radius:11px;padding:12px 10px;font-size:12px;font-weight:1000;box-shadow:2px 3px 0 #091d2b;min-height:44px}
.sport-first-button:active{transform:translate(2px,3px);box-shadow:0 0 0}.sporttiles-prominent{margin-top:15px;margin-bottom:9px}.sporttiles-prominent>button{background:#52d6d5;color:#072c3b;border:2px solid #081f2c;box-shadow:2px 3px 0 #071f2f;border-radius:14px;min-height:111px}.sporttiles-prominent>button:nth-child(2){background:#ffa0b2}.sporttiles-prominent>button:nth-child(3){background:#bda2f5}.sporttiles-prominent strong,.sporttiles-prominent small{color:#0c2b3c}.sporttiles-prominent .emoji{font-size:29px}
.sport-refresh-note,.sport-feed-status{font-size:10px;line-height:1.5;color:#9be3de;font-weight:800;margin:9px 2px 16px}.sport-refresh-note button{background:none;border:0;color:#ffdb72;font-size:10px;font-weight:950;text-decoration:underline}.sport-feed-status{border:1px solid #366273;background:#173d51;border-radius:10px;padding:10px;margin:16px 0}
.feature-billboard .billboard-track{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;touch-action:auto;scroll-snap-type:x mandatory}.billboard-card{scroll-snap-align:start}
.foot a{color:#6ee5dc;text-decoration:underline;font-weight:850}
@media(max-width:380px){.sport-first-ball{font-size:57px}.sport-first-bottom{gap:5px}.sport-first-button{font-size:11px;padding:11px 7px}.sport-first-points{font-size:8px}}
@media(prefers-reduced-motion:reduce){.sport-first-ball,.sport-first-button{transition:none}}