/* October reference update and connected prototype screens. */
.proposal-author { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.profile-links { display:flex; align-items:center; gap:8px; }
.profile-links a { display:grid; place-items:center; width:32px; height:32px; color:#c2b7ee; border:1px solid #ab9ff22e; border-radius:50%; transition:color .2s,border-color .2s; }
.profile-links svg { width:15px; height:15px; fill:currentColor; }
.profile-links a:hover { color:#fff; border-color:#ab9ff2; }
.pf-name + .profile-links { margin-top:12px; }
#phone-bezel .bottom-nav { padding-right:14px; }
#phone-bezel .fab { width:44px; height:44px; right:18px; bottom:33px; border-radius:50%; box-shadow:inset 0 1px 0 #ffffff35,0 3px 9px #09051320; }
#phone-bezel .fab svg { width:23px; height:23px; }
#swipe-cue { width:13px; top:38%; bottom:38%; background:linear-gradient(90deg,transparent,#ab9ff208); box-shadow:inset -1px 0 9px #ab9ff220; border-radius:12px 0 0 12px; }
#swipe-cue svg { width:10px; height:23px; margin-right:2px; opacity:.35; stroke-width:1.2; filter:drop-shadow(0 0 4px #ab9ff244); }
#swipe-cue.is-hinting { animation:quiet-swipe 4s ease-in-out 3; }
@keyframes quiet-swipe { 0%,100% { opacity:.3; } 50% { opacity:.62; } }
#icons-overlay { background:#08060db8; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); padding:0; }
.wallet-action-menu { position:absolute; bottom:100px; right:18px; display:grid; gap:12px; }
.wallet-action-menu button { display:flex; justify-content:flex-end; align-items:center; gap:16px; padding:0; border:0; background:transparent; color:#f6f3ff; font-size:17px; cursor:pointer; }
.wallet-action-menu i { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#b3a2fa; color:#211b33; font-size:24px; font-style:normal; font-weight:400; box-shadow:inset 0 1px 0 #ffffff44; }
#icons-overlay #close-actions { left:auto; top:auto; right:18px; bottom:33px; width:44px; height:44px; background:#29252f; color:#ece6ff; font-size:28px; line-height:1; }
#profile-panel[data-origin='wallet'] .profile-drawer { inset:0 63px 0 0; border-radius:0; border-right:1px solid #ffffff10; background:#080808; color:#f4f1f8; box-shadow:12px 0 40px #0008; --surface:#080808; --surface-raised:#171717; --ink:#f4f1f8; --muted:#aaa4b2; --line:#252128; --accent:#ab9ff2; padding:47px 20px 25px; }
#profile-panel[data-origin='wallet'] .profile-caption { color:#a9a4b1; }
#profile-panel[data-origin='wallet'] .profile-top > img { border-radius:50%; }
#profile-panel[data-origin='wallet'] .profile-accounts { margin-top:8px; }
#profile-panel[data-origin='wallet'] .profile-account:not(:first-child) { display:none; }
#profile-panel[data-origin='wallet'] .profile-account:first-child { flex-direction:row; width:100%; align-items:center; gap:12px; }
#profile-panel[data-origin='wallet'] .palette-settings { display:none; }
#phone-bezel[data-view='wallet'] { --surface:#080808; --surface-raised:#171717; --ink:#f4f1f8; --muted:#aaa4b2; --line:#252128; --accent:#ab9ff2; --positive:#45d997; }
#phone-bezel[data-view='wallet'] .detail-panel { background:#080808; }
.legacy-app { --surface:#000; --surface-raised:#111; --ink:#f6f4f8; --muted:#949097; --line:#202024; --accent:#ab9ff2; --positive:#44d28e; }
.legacy-tab { background:#0d0d0d; font-size:16px; padding:0 17px; }
.legacy-tabs { gap:8px; }
.legacy-cash,.legacy-asset,.legacy-info-row { border:0; border-radius:0; background:transparent; width:100%; color:inherit; text-align:left; }
.legacy-cash,.legacy-asset { padding-left:0; padding-right:0; cursor:pointer; }
.legacy-asset-list { gap:0; }
.legacy-asset { min-height:67px; }
.legacy-asset-value { margin-left:auto; }
.legacy-asset-value strong { font-size:15px; }
.legacy-asset-name small,.legacy-asset-value small { font-size:12px; }
.legacy-section { margin-bottom:25px; }
.legacy-section h2 { font-size:22px; }
.legacy-secondary { padding:10px 19px 30px; }
.legacy-secondary h3 { font-size:23px; margin:28px 0 16px; }
.legacy-secondary > h3:first-child { margin-top:12px; }
.legacy-predictions { overflow-x:auto; scrollbar-width:none; }
.legacy-predictions .experience-event { min-width:235px; }
.legacy-balance > strong { font-size:46px; }
.legacy-cash strong { font-weight:500; }
.legacy-search { background:#101012; color:#8a878f; }
.legacy-support p { gap:8px; }
.home-content { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
.home-content > * { flex-shrink:0; }
.experience-view { color:var(--ink); padding:8px 0 28px; }
.experience-view button,.legacy-app button { font-family:var(--font-body); }
.experience-row { width:100%; color:var(--ink); background:transparent; border:0; border-bottom:1px solid var(--line); text-align:left; cursor:pointer; }
.experience-row .asset-name { flex:1; }
.experience-row .asset-value { margin-left:auto; text-align:right; }
.experience-row .legacy-coin { flex:0 0 38px; }
[data-experience][role='button'] { cursor:pointer; }
.experience-hot { border-radius:20px; border:1px solid var(--line); padding:4px 14px 0; background:var(--surface-raised); }
.experience-hot .experience-chart { height:90px; }
.experience-asset-heading { display:flex; align-items:center; gap:12px; color:var(--muted); }
.experience-asset-heading button { margin-left:auto; width:40px; height:40px; border:0; background:var(--surface-raised); border-radius:50%; font-size:24px; color:var(--accent); cursor:pointer; }
.experience-view h3.experience-price { margin:20px 0 4px; font-size:38px; letter-spacing:-1.5px; font-weight:500; }
.experience-chart { display:block; width:100%; height:170px; color:var(--accent); margin:14px 0; }
.experience-tabs { display:flex; gap:6px; margin:16px 0 20px; }
.experience-tabs button { padding:9px 12px; border:0; border-radius:18px; background:transparent; color:var(--muted); font-size:12px; cursor:pointer; }
.experience-tabs button[aria-pressed='true'] { background:var(--ink); color:var(--surface); }
.experience-actions { display:flex; gap:8px; margin:22px 0; }
.experience-actions .market-primary { flex:1; padding:12px 8px; min-width:0; }
.experience-event { display:block; width:100%; padding:20px 17px; margin:10px 0; background:var(--surface-raised); color:var(--ink); border:1px solid var(--line); border-radius:20px; text-align:left; cursor:pointer; }
.experience-event > small { display:block; color:var(--muted); font-size:11px; margin-bottom:12px; }
.experience-event > strong { display:block; font-size:21px; font-weight:600; line-height:1.3; letter-spacing:-.5px; }
.experience-odds { display:flex; gap:6px; margin-top:21px; }
.experience-odds > span { flex:1; min-width:0; font-size:10px; color:var(--muted); border-top:3px solid #ab9ff2; padding-top:10px; }
.experience-odds > span:nth-child(2) { border-color:#807b8e; }
.experience-odds > span:last-child { border-color:#ef9b9b; }
.experience-odds b { display:block; font-size:16px; font-weight:500; margin-top:7px; color:var(--ink); }
.experience-upcoming { display:flex; gap:12px; overflow:auto; scrollbar-width:none; }
.experience-upcoming .experience-event { flex:0 0 235px; }
.experience-upcoming .experience-event > strong { font-size:17px; }
.experience-outcome { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:62px; padding:14px; margin:10px 0; border:1px solid var(--line); border-radius:14px; background:var(--surface-raised); color:var(--ink); text-align:left; cursor:pointer; }
.experience-outcome b { white-space:nowrap; color:var(--accent); font-weight:500; }
.experience-field { display:grid; gap:10px; font-size:12px; color:var(--muted); margin:25px 0; }
.experience-field input,.experience-field select,.market-product-options select { width:100%; border:1px solid var(--line); border-radius:12px; background:var(--surface-raised); color:var(--ink); padding:14px; font:inherit; font-size:16px; outline-offset:3px; }
.experience-field input { font-size:30px; }
.experience-field select option,.market-product-options option { background:var(--surface); color:var(--ink); }
.experience-rules { margin:30px 0 10px; color:var(--muted); font-size:12px; line-height:1.6; }
.experience-rules summary { cursor:pointer; }
.experience-success { padding:40px 0; text-align:center; }
.experience-success > span { display:grid; place-items:center; width:68px; height:68px; margin:0 auto 24px; background:var(--accent); color:#251e3d; border-radius:50%; font-size:30px; }
.experience-success h3 { font-size:24px; letter-spacing:-.6px; }
.experience-success p,.experience-success small { color:var(--muted); font-size:13px; line-height:1.5; }
.experience-address { display:block; padding:18px 12px; overflow-wrap:anywhere; border:1px solid var(--line); border-radius:12px; margin:25px 0; font-size:12px; }
.experience-receive-ghost { display:block; width:80px; margin:35px auto; }
.experience-position { padding:18px; border:1px solid var(--line); border-radius:16px; margin:12px 0; }
.market-primary,.market-secondary { cursor:pointer; }
.market-product-options { display:flex; gap:16px; margin:24px 0; }
.market-product-options label { flex:1; display:grid; gap:8px; font-size:12px; color:var(--muted); }
.market-product-hero { object-fit:contain; background:#eee8ff; }
.discovery-categories { display:flex; gap:8px; overflow:auto; padding:0 0 18px; scrollbar-width:none; }
.discovery-categories button { flex-shrink:0; border:1px solid var(--line); background:var(--surface-raised); color:var(--ink); font:inherit; font-size:11px; padding:10px 12px; border-radius:24px; cursor:pointer; }
.market-category-link { display:block; margin:-5px 0 12px; border:0; background:transparent; padding:0; color:var(--muted); font:inherit; font-size:11px; cursor:pointer; }
.directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.directory-grid .market-discovery-app { width:100%; min-width:0; }
.destination-identity { display:flex; align-items:center; gap:16px; margin:24px 0; }
.destination-identity img { width:64px; height:64px; object-fit:contain; border-radius:16px; }
.destination-identity h3 { font-size:24px; letter-spacing:-.6px; }
.destination-preview { display:block; width:100%; max-height:420px; object-fit:cover; object-position:top; border:1px solid var(--line); border-radius:15px; margin:24px 0; }
.legacy-app .experience-event { border:0; background:#080808; }
.legacy-app .experience-hot { background:#080808; border:0; }
.legacy-app .experience-row { border:0; }
.legacy-app .experience-event > strong { font-size:23px; }
.legacy-app .experience-odds { margin-top:20px; }
@media(max-width:600px) { .ph-nav { gap:16px; flex-wrap:wrap; } .proposal-author { gap:14px; } .profile-links { gap:5px; } .profile-links a { width:29px; height:29px; } }
@media(prefers-reduced-motion:reduce) { #swipe-cue.is-hinting { animation:none; } }

.wallet-referrals { display:none; }
#profile-panel[data-origin='wallet'] .wallet-referrals { display:block; }
.legacy-support a { color:inherit; text-decoration:none; display:flex; align-items:center; }

/* Supplied October app references: proportional chrome and full-size market content. */
#phone-bezel .balance-icons-row { gap:6px; height:34px; }
.balance-sources { display:flex; gap:4px; margin-right:auto; }
.balance-sources button { position:relative; display:grid; place-items:center; width:30px; height:32px; border:0; padding:4px; background:transparent; color:var(--accent); cursor:pointer; }
.balance-sources .ui-icon { width:23px; height:23px; }
.balance-sources button[aria-pressed='false'] { opacity:.4; }
.balance-sources button[aria-pressed='false']::after { content:''; position:absolute; width:26px; height:1.5px; background:currentColor; transform:rotate(45deg); }
#phone-bezel .account-label { font-size:11px; margin-right:auto; }
#phone-bezel .balance-icons-row :is(.account-tool,.privacy-btn) { width:30px; height:32px; border-radius:10px; padding:6px; }
#phone-bezel .balance-icons-row :is(.account-tool,.privacy-btn) svg { width:18px; height:18px; }
#phone-bezel .cash-row > .row-leading > svg { width:27px; height:27px; stroke-width:1.5; }
.section-row[hidden] { display:none!important; }
#phone-bezel .bottom-nav { padding-right:14px; }
#phone-bezel .fab { bottom:66px; width:48px; height:48px; right:16px; border:4px solid var(--surface); box-shadow:0 3px 12px #09051330,inset 0 1px 0 #ffffff35; }
#phone-bezel[data-view='ghost'] #icons-overlay #close-actions { bottom:66px; right:16px; width:48px; height:48px; }
#phone-bezel[data-view='ghost'] .wallet-action-menu { bottom:131px; right:18px; }
#swipe-cue { top:105px; bottom:104px; width:21px; border-radius:22px 0 0 22px; background:linear-gradient(90deg,transparent,#b5a3ff06 50%,#b5a3ff20); box-shadow:inset -1px 0 13px #b4a0ff45; }
#swipe-cue::after { content:''; position:absolute; right:1px; top:15%; bottom:15%; width:1px; background:linear-gradient(transparent,#b9a5ffb3,transparent); box-shadow:0 0 8px 2px #ab9ff24d; }
#swipe-cue svg { width:16px; height:47px; margin-right:3px; opacity:.75; stroke-width:1.5; filter:drop-shadow(0 0 5px #b9a5ffb0); }
@keyframes quiet-swipe { 0%,100% { opacity:.55; } 50% { opacity:1; } }
.legacy-app { position:relative; }
.legacy-status { padding:10px 22px 0; font-size:13px; }
.legacy-status svg { display:block; }
.legacy-pages { padding-bottom:95px; }
.legacy-bottom { position:absolute; bottom:24px; left:0; right:0; height:72px; padding:13px 18px 7px; background:linear-gradient(0deg,#000 5%,#0006 55%,transparent); z-index:5; }
.legacy-search { background:#222224e8; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid #ffffff07; }
.legacy-system-nav { position:absolute; bottom:0; width:100%; z-index:6; }
.legacy-cash .ui-icon { width:27px; height:27px; color:#9ad6ac; }
.legacy-asset .coin,.legacy-asset .reference-coin { width:38px; height:38px; }
.legacy-tabs { background:linear-gradient(#000 80%,#000e); z-index:4; }
#phone-bezel :is(.positive,.asset-detail-change.positive) { color:#56d78b; }
#phone-bezel :is(.negative,.asset-detail-change.negative) { color:#f25b79; }
#phone-bezel[data-mode='light'] :is(.positive,.asset-detail-change.positive) { color:#18814c; }
.reference-coin { display:inline-block; width:38px; height:38px; flex:0 0 38px; border-radius:50%; background-repeat:no-repeat; background-size:375px 833.333px; background-image:url('assets/references/20261015/trade-top.jpg'); }
.ref-ftr { background-position:-19px -433px; }.ref-zerebro { background-position:-19px -502px; }.ref-cards { background-position:-19px -570px; }.ref-dope { background-position:-19px -638px; }.ref-googl { background-position:-19px -702px; }.ref-spcx { background-image:url('assets/references/spacex-source.png'); background-size:456px 1013.333px; background-position:-28.5px -657.083px; }
.ref-skhx,.ref-xyz,.ref-mu,.ref-tsm { background-image:url('assets/references/20261015/trade-bottom.jpg'); }
.ref-skhx { background-position:-38px -180px; }.ref-xyz { background-position:-207px -180px; }.ref-mu { background-position:-40px -447px; }.ref-tsm { background-position:-215px -447px; }
.trader-avatar { flex:0 0 38px; width:38px; height:38px; border-radius:50%; background-image:url('assets/references/20261015/trade-middle.jpg'); background-size:375px 833.333px; background-repeat:no-repeat; }
.live-0 { background-position:-19px -225px; }.live-1 { background-position:-19px -289px; }.live-2 { background-position:-19px -359px; }
.av-0 { background-position:-19px -511px; }.av-1 { background-position:-19px -580px; }.av-2 { background-position:-19px -649px; }
.trade-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; margin:18px 0 4px; }
.trade-heading h2,.trade-section-title { font-size:23px; line-height:1.25; letter-spacing:-.5px; font-weight:650; margin:0; }
.trade-section-title { margin:32px 0 17px; }
.trade-section-title span { font-weight:400; color:var(--muted); }
.trade-heading .section-sub,.section-sub { font-size:13px; }
.round-control { display:grid; place-items:center; width:37px; height:37px; border:0; border-radius:50%; background:var(--surface-raised); color:var(--ink); padding:0; font-size:25px; cursor:pointer; }
.trade-rail { display:flex; gap:12px; overflow-x:auto; overscroll-behavior:contain; scrollbar-width:none; margin:17px 0 5px; touch-action:pan-x; }
.hot-market-card { flex:0 0 278px; border:1px solid #ffffff0a; border-radius:22px; color:var(--ink); background:var(--surface-raised); padding:18px 16px 14px; text-align:left; cursor:pointer; }
.hot-market-top { display:flex; gap:11px; align-items:center; }
.hot-market-top > span:not(.reference-coin) { flex:1; }
.hot-market-top strong { display:block; font-size:16px; }
.hot-market-top small { color:var(--muted); display:block; font-size:12px; margin-top:3px; }
.hot-market-top > b { font-size:13px; background:#00000017; border-radius:6px; padding:5px 7px; font-weight:600; }
.hot-market-bottom { display:flex; align-items:center; gap:4px; border-top:1px solid #ffffff0c; padding-top:15px; margin-top:18px; color:var(--muted); font-size:12px; }
.hot-market-bottom > i { width:5px; height:5px; border-radius:50%; background:#56d78b; box-shadow:0 0 6px #56d78b77; margin-right:3px; }
.hot-market-bottom > strong { color:var(--ink); font-size:12px; }
.trader-stack { display:flex; margin-left:auto; }.trader-stack img { height:18px; width:18px; border-radius:50%; padding:3px; background:#ab9ff2; }.trader-stack img+img { margin-left:-6px; background:#77b1e9; }
.market-filters { gap:7px; overflow-x:auto; scrollbar-width:none; margin:12px 0; white-space:nowrap; }
.market-filters button { flex-shrink:0; font-size:13px; background:var(--surface-raised); padding:10px 14px; }
.market-filters .filter-heart { width:38px; padding:8px; font-size:20px; }
.experience-row { min-height:68px; gap:12px; border-bottom:0; padding:9px 0; }
.experience-row .asset-name strong { font-size:17px; font-weight:550; }
.experience-row .asset-name small { font-size:12px; }
.experience-row .asset-value strong { font-size:17px; font-weight:400; }
.experience-row .asset-value small { font-size:13px; }
.show-markets { width:100%; border:1px solid var(--line); background:transparent; border-radius:22px; color:var(--muted); height:35px; font-size:13px; margin:10px 0; cursor:pointer; }
.trader-row { display:flex; width:100%; align-items:center; gap:11px; border:0; background:transparent; color:var(--ink); padding:12px 0; text-align:left; cursor:pointer; }
.trader-row > span:not(.trader-avatar) { flex:1; min-width:0; }
.trader-row strong { display:block; font-size:16px; font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.trader-row small { display:block; font-size:12px; color:var(--muted); font-weight:400; margin-top:5px; }
.trader-row > b { text-align:right; font-size:16px; font-weight:500; }
.stock-card,.earnings-card { flex:0 0 160px; padding:18px; border:1px solid #ffffff08; border-radius:23px; color:var(--ink); background:var(--surface-raised); text-align:left; cursor:pointer; }
.stock-card > span { display:flex; align-items:center; gap:8px; font-size:14px; }
.stock-card .reference-coin { width:23px; height:23px; flex-basis:23px; background-size:228px 506.66px; }
.stock-card .ref-skhx { background-position:-23px -109px; }.stock-card .ref-xyz { background-position:-126px -109px; }.stock-card .ref-googl { background-position:-11.5px -427px; }
.stock-card > strong { font-size:19px; font-weight:550; display:block; letter-spacing:-.5px; }
.stock-card > small { font-size:14px; display:block; margin-top:4px; }
.reference-chart { width:100%; display:block; margin:20px 0 8px; overflow:visible; }
.mini-chart { height:85px; margin:18px 0 20px; }
.earnings-card > strong,.earnings-card > b,.earnings-card > small { display:block; margin-top:10px; font-size:15px; }
.earnings-card > small { color:var(--muted); font-size:13px; }
.market-news { display:flex; gap:16px; padding:10px 0 20px; }
.market-news > span:first-child { flex:1; }.market-news strong { font-size:14px; line-height:1.4; display:block; }.market-news small { display:block; font-size:11px; margin-top:10px; color:var(--muted); }
.news-brand { width:57px; height:57px; flex:0 0 57px; border-radius:13px; background:url('assets/references/20261015/trade-bottom.jpg') -299px -660px / 375px 833.33px; }
#detail-panel[data-experience-kind='asset'],#detail-panel[data-experience-kind='event'] { inset:44px 0 0; padding:30px 20px 0; border-radius:24px 24px 0 0; }
#detail-panel[data-experience-kind='asset']::before,#detail-panel[data-experience-kind='event']::before { content:''; display:block; position:absolute; top:10px; left:calc(50% - 17px); width:34px; height:4px; background:var(--muted); opacity:.6; border-radius:4px; }
#detail-panel:is([data-experience-kind='asset'],[data-experience-kind='event']) > .panel-heading { position:absolute; top:28px; right:18px; padding:0; margin:0; width:30px; z-index:2; }
#detail-panel:is([data-experience-kind='asset'],[data-experience-kind='event']) > .panel-heading h2 { display:none; }
.asset-detail-toolbar { display:flex; align-items:center; justify-content:space-between; padding-right:37px; margin:0 0 12px; }
.asset-detail-toolbar > div { display:flex; gap:8px; }
.asset-detail-name { display:flex; align-items:baseline; gap:12px; margin-top:9px; }
.experience-view .asset-detail-name h3 { margin:0; min-width:0; flex:1; font-size:27px; line-height:1.2; font-weight:650; letter-spacing:-.8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asset-detail-name > span { font-size:13px; color:var(--muted); }
.experience-view .asset-detail-price { font-size:35px; font-weight:500; letter-spacing:-1px; margin:2px 0 0; line-height:1.2; }
#detail-panel .asset-detail-change { font-size:17px; margin:4px 0 20px; line-height:1.3; }
.chart-ranges { justify-content:space-between; gap:1px; margin:12px -5px 22px; }.chart-ranges button { padding:7px 11px; font-size:12px; }
.asset-receive { display:block; width:100%; padding:13px; border:0; border-radius:24px; background:var(--surface-raised); color:var(--muted); font-size:17px; font-weight:550; cursor:pointer; margin:22px 0 37px; }
.coin-chat { display:flex; gap:14px; align-items:center; padding:20px; border-radius:20px; border:1px solid #ffffff09; background:var(--surface-raised); margin:15px 0 30px; font-size:15px; }.coin-chat img { width:25px; height:25px; }
.asset-bottom-bar,.prediction-bottom-bar { position:sticky; bottom:0; display:flex; align-items:center; gap:14px; margin:25px -20px -28px; padding:15px 20px 25px; background:linear-gradient(transparent,var(--surface) 23%); z-index:3; }
.asset-bottom-bar > span { flex:1; font-size:12px; white-space:nowrap; }.asset-bottom-bar .market-primary { flex:1; border-radius:30px; min-height:46px; font-size:18px; }
.prediction-league { font-size:13px; color:var(--muted); }.prediction-teams { margin:12px 0 2px; }.prediction-teams h3 { display:flex; align-items:center; gap:10px; margin:10px 0; font-size:25px; font-weight:600; line-height:1.2; letter-spacing:-.5px; }
.football-badge { display:grid; place-items:center; width:29px; height:29px; flex:0 0 29px; border-radius:9px; color:#fff; background:#ed132a; }.football-badge svg { width:23px; height:23px; }
.event-ball { display:grid; place-items:center; background:#d6dbd9; width:38px; height:38px; border-radius:50%; }.event-ball .football-badge { background:transparent; color:#1a1d1b; }
#detail-panel .event-date { margin:5px 0 25px; font-size:16px; color:var(--muted); }
.prediction-history { display:block; width:100%; margin:30px 0 14px; }
.prediction-ranges { display:flex; justify-content:center; gap:12px; margin:25px 0 30px; }.prediction-ranges button { border:0; border-radius:20px; width:90px; padding:6px; font:inherit; font-size:13px; color:var(--muted); background:transparent; cursor:pointer; }.prediction-ranges button[aria-pressed='true'] { background:var(--ink); color:var(--surface); }
.prediction-outcome-row { display:flex; align-items:center; gap:9px; width:100%; min-height:62px; padding:7px 0; border:0; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }.prediction-outcome-row > span:not(.football-badge) { flex:1; font-size:14px; }.prediction-outcome-row small { font-size:13px; color:var(--muted); }.prediction-outcome-row > b { font-size:15px; padding:9px 13px; border-radius:23px; background:var(--surface-raised); color:#ff9e93; }
.prediction-outcome-row:nth-of-type(3) > b { color:#f44860; }
.prediction-bottom-option { flex:1; min-width:0; border:1px solid #ffffff05; border-radius:26px; padding:14px 9px; font-size:15px; font-weight:600; background:var(--surface-raised); color:#ff9e93; cursor:pointer; }.prediction-bottom-option+button { color:#f44860; }
.activity-month { font-size:14px; color:var(--muted); margin:12px 0 18px; font-weight:500; }
.activity-entry { display:flex; gap:12px; align-items:center; padding:19px 0; border-bottom:1px solid #ffffff0c; }
.activity-mark { display:grid; place-items:center; width:41px; height:41px; border-radius:14px; flex:0 0 41px; background:var(--surface-raised); color:var(--accent); }.activity-mark svg { width:22px; height:22px; }.activity-mark.receive,.activity-mark.cash { color:#56d78b; }.activity-mark.send { color:#ff9e93; }
.activity-entry > span:nth-child(2) { min-width:0; flex:1; }.activity-entry strong { display:block; font-size:15px; font-weight:550; }.activity-entry small { display:block; color:var(--muted); font-size:11px; margin-top:5px; }.activity-entry em { display:block; font-size:11px; color:var(--muted); margin-top:5px; font-style:normal; }.activity-entry > b { font-size:14px; font-weight:500; }
.discovery-categories { display:flex; flex-wrap:wrap; gap:8px; overflow:visible; margin:2px 0 26px; padding:0; }
.discovery-categories button { padding:10px 13px; white-space:normal; font-size:11px; }
.market-shelf-group { margin:0 0 30px; }.market-shelf-heading { margin-bottom:15px; }.market-shelf-heading h3 { font-size:19px; margin:0; letter-spacing:-.4px; }
.market-app-carousel .market-discovery-app { width:calc((100% - 12px)/2); min-width:0; }
.market-discovery-app { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--surface-raised); color:var(--ink); text-align:left; padding:0; }
#phone-bezel .market-discovery-app .market-app-art { width:100%; height:126px; min-height:126px; display:flex; justify-content:center; align-items:center; padding:19px; background:#fff; }
#phone-bezel .market-discovery-app .market-app-art img { width:100%; height:87px; object-fit:contain; object-position:center; }
#phone-bezel .market-discovery-app .market-app-art.is-product { padding:0; }
#phone-bezel .market-discovery-app .market-app-art.is-product img { width:100%; height:100%; object-fit:cover; }
.market-discovery-app > span:last-child { padding:14px 12px 17px; min-height:105px; }
.market-carousel .market-discovery-app strong { font-size:15px; line-height:1.2; margin:0 0 8px; }
.market-carousel .market-discovery-app em { font-size:12px; line-height:1.45; }
.market-carousel .market-discovery-app small { font-size:9px; margin-bottom:7px; }
.directory-grid .market-discovery-app strong,.directory-grid .market-discovery-app em { display:block; font-size:14px; line-height:1.4; }.directory-grid .market-discovery-app em { font-size:12px; color:var(--muted); margin-top:5px; font-style:normal; }
.event-cover { width:calc(100% + 40px); max-width:none; margin:10px -20px 24px; aspect-ratio:1.45; object-fit:cover; }
.halloween-event h3 { font-size:30px; line-height:1.1; letter-spacing:-1px; margin:12px 0; }.event-info { display:grid; gap:12px; border-top:1px solid var(--line); margin:25px 0; padding-top:22px; font-size:14px; }.event-concept { display:block; text-align:center; color:var(--muted); font-size:10px; margin-top:12px; }
.masquerade-pass { border:1px solid var(--line); border-radius:20px; overflow:hidden; margin:0 0 24px; text-align:center; padding-bottom:25px; }.masquerade-pass img { width:100%; aspect-ratio:1.6; object-fit:cover; }.masquerade-pass strong,.masquerade-pass span,.masquerade-pass small { display:block; margin:14px 12px 0; }.masquerade-pass small { color:var(--muted); font-size:10px; }
@media(max-width:860px) { .walkthrough-guide { display:flex; justify-content:center; align-items:flex-start; gap:24px; padding:18px 16px; } .walkthrough-guide > div { position:static; width:150px; display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; } .walkthrough-guide svg { width:23px; height:29px; flex-basis:29px; } .walkthrough-guide p { font-size:11px; } }

/* Requested October refinements. */
#phone-bezel .bottom-nav { padding:19px 14px 22px; gap:6px; }
#phone-bezel .nav-item { min-height:44px; }
#phone-bezel .market-discovery-app .market-app-art.is-dark-logo { background:#172a3e; }
#phone-bezel .market-discovery-app .market-app-art.is-event { padding:19px; }
#phone-bezel .market-discovery-app .market-app-art.is-event img { height:87px; width:100%; object-fit:contain; border-radius:5px; }
.highlight-carousel .highlight-card { width:calc(100% - 22px); min-width:0; border-radius:21px; }
.highlight-card > img { display:block; width:100%; height:280px; object-fit:cover; background:#110919; }
.highlight-card.shooter-highlight > img { object-fit:contain; }
.highlight-card > span { display:block; padding:17px 17px 20px; }
.highlight-card small { display:block; font-size:9px; letter-spacing:1px; color:var(--accent); margin-bottom:9px; }
.highlight-card strong { display:block; font-size:22px; line-height:1.15; letter-spacing:-.6px; }
.highlight-card em { display:block; font-size:12px; line-height:1.5; color:var(--muted); font-style:normal; margin-top:8px; }
.shooter-preview > img { display:block; width:100%; height:auto; border-radius:16px; margin-bottom:24px; }

/* Backpack-style stage guide and October 16 refinements. */
.walkthrough-guide { inset:19px 40px auto; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:0; color:#b5aebf; }
.walkthrough-guide > .guide-label { display:flex; align-items:center; gap:10px; white-space:nowrap; font-size:10px; letter-spacing:.12em; font-weight:600; }
.guide-label i { display:block; width:6px; height:6px; background:#ff8b76; border-radius:50%; }
.walkthrough-guide > .guide-instruction { display:flex; align-items:center; gap:14px; font-size:11px; line-height:1.5; font-weight:400; }
.walkthrough-guide .gesture-icon { display:block; flex:0 0 32px; width:32px; height:36px; fill:none; stroke:currentColor; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; color:inherit; }
.walkthrough-guide span { color:inherit; }
.walkthrough-guide.is-on-light { color:#807886; }
#phone-bezel .card .tile-label { display:block; text-align:center; line-height:1.3; }
#phone-bezel .market-discovery-app { display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; text-decoration:none; font-family:inherit; cursor:pointer; flex-shrink:0; scroll-snap-align:start; }
#phone-bezel .market-discovery-app .market-app-art { flex:0 0 126px; }
#phone-bezel .market-discovery-app > span:last-child { flex:1; }
#phone-bezel .profile-drawer summary > .ui-icon { width:23px; height:23px; flex-shrink:0; stroke-width:1.65; }
#phone-bezel .profile-drawer summary > .ui-icon:last-child { width:17px; height:17px; }

/* Fixed headline geometry, with a slow repeating emphasis. */
.ph-title-main { animation:none; transform:none; }
.ph-title-sub > span { display:inline-block; position:relative; opacity:1; transform:none; }
.ph-title-sub > span:last-child { animation:headline-emphasis 12s ease-in-out infinite; }
.ph-title-sub > span:last-child::after { content:''; position:absolute; left:0; right:0; bottom:-.13em; height:2px; background:currentColor; transform:scaleX(0); transform-origin:left; animation:headline-underline 12s ease-in-out infinite; }
@keyframes headline-emphasis { 0%,20%,100% { color:#ab9ff2; } 45%,75% { color:#eee8ff; } }
@keyframes headline-underline { 0%,20%,100% { transform:scaleX(0); opacity:0; } 45%,75% { transform:scaleX(1); opacity:.7; } 90% { transform:scaleX(1); opacity:0; } }
@media(max-width:860px) { .walkthrough-guide { inset:14px 18px auto; padding:0; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; }.walkthrough-guide>.guide-label { font-size:8px; }.walkthrough-guide>.guide-instruction { font-size:9px; gap:9px; }.walkthrough-guide .gesture-icon { width:23px; height:29px; flex-basis:23px; } }
@media(prefers-reduced-motion:reduce) { .ph-title-main,.ph-title-sub>span { animation:none; } }

/* Detail spacing and embedded Buzz Bingo preview. */
.guide-footnote { display:block; font-size:9px; line-height:1.4; margin-top:5px; opacity:.72; }
.destination-view > p { margin:0 0 22px; }
.destination-view > a.market-primary { display:flex; align-items:center; justify-content:center; width:100%; min-height:46px; margin-top:22px; text-decoration:none; line-height:1.4; }
#detail-panel[data-market-view='destination:bingo'] { inset:44px 0 0; padding:0; }
#detail-panel[data-market-view='destination:bingo'] > .panel-heading { padding:12px 18px; margin:0; background:var(--surface); }
.embedded-app-preview,.embedded-app-preview img { display:block; width:100%; height:auto; }
.embedded-app-preview:focus-visible { outline:2px solid var(--accent); outline-offset:-3px; }
.concept-contact { margin-top:25px; padding-top:19px; border-top:1px solid var(--line); }
.concept-contact p { margin:0 0 10px; }
.concept-contact a { display:inline-block; color:var(--accent); font-size:13px; line-height:1.5; text-underline-offset:4px; }

/* One desktop content column; a full-width interactive screen on mobile. */
:root { --proposal-gutter:max(24px,calc((100vw - 1000px)/2)); }
@media(min-width:861px) {
  .walkthrough-guide { left:var(--proposal-gutter); right:var(--proposal-gutter); }
  #ghost-trail { left:var(--proposal-gutter); }
  #scene-label { right:var(--proposal-gutter); }
}
@media(max-width:860px) {
  #sticky-stage { padding:0; display:block; overflow:hidden; }
  #phone-scale-wrapper { position:absolute; top:var(--mobile-phone-top); left:50%; margin-left:calc(var(--phone-w)/-2); width:var(--phone-w); height:var(--phone-h); transform-origin:top center; }
  #walkthrough-explainer { display:block!important; position:absolute!important; left:24px!important; right:24px!important; top:var(--mobile-note-top)!important; bottom:auto!important; width:auto!important; margin:0!important; z-index:40; pointer-events:none; }
  #walkthrough-explainer .bubble-body { padding:10px 14px!important; font:600 18px/1.2 var(--font)!important; text-align:center; border-radius:14px; max-height:88px; overflow:auto; }
  #walkthrough-explainer strong { font-size:20px; line-height:1.15; }
  #walkthrough-explainer .explainer-lines { margin-top:5px; }
  #walkthrough-explainer .bubble-tail,#walkthrough-explainer .bubble-tail-left { display:none!important; }
  #mobile-caption { display:none!important; }
  #phone-bezel .home-content { overflow-y:auto; overscroll-behavior:contain; scrollbar-width:none; }
  #phone-bezel .home-content > * { flex-shrink:0; }
  #phone-bezel .balance-icons-row { height:40px; gap:3px; }
  #phone-bezel .balance-sources { gap:2px; }
  #phone-bezel :is(.balance-sources button,.account-tool,.privacy-btn) { width:40px; height:40px; flex-shrink:0; }
  #phone-bezel .balance-section { padding-left:20px; padding-right:20px; }
  #phantom-game-link { bottom:20px; }
}
@media(max-width:359px) { #phone-bezel :is(.balance-sources button,.account-tool,.privacy-btn) { width:34px; } #phone-bezel .balance-section { padding-left:14px; padding-right:14px; } }
@media(prefers-reduced-motion:reduce) { .ph-title-sub>span:last-child,.ph-title-sub>span:last-child::after { animation:none; } }

/* Persistent guidance, with dedicated space above the intact phone. */
.walkthrough-guide { position:absolute; top:16px; bottom:auto; left:var(--proposal-gutter); right:var(--proposal-gutter); width:auto; max-width:none; margin:0; padding:0; opacity:1; visibility:visible; z-index:15; }
#phone-scale-wrapper { position:absolute; top:var(--stage-phone-top); left:50%; margin-left:-187.5px; width:375px; height:812px; transform-origin:top center; }
#scene-label { opacity:0; visibility:hidden; }
@media(max-width:860px) {
  .walkthrough-guide { top:16px; left:20px; right:20px; gap:5px; }
  .walkthrough-guide>.guide-label { font-size:8px; }
  .walkthrough-guide>.guide-instruction { font-size:9px; line-height:1.35; gap:6px; }
  .walkthrough-guide .gesture-icon { width:19px; height:25px; flex-basis:19px; }
  .walkthrough-guide .guide-footnote { font-size:8px; margin-top:3px; }
  #walkthrough-explainer { left:24px!important; right:24px!important; }
  #walkthrough-explainer .bubble-body { padding:7px 11px!important; font-size:15px!important; line-height:1.15!important; max-height:none; overflow:visible; }
  #walkthrough-explainer strong { font-size:17px; line-height:1.15; }
  #walkthrough-explainer .explainer-lines { margin-top:3px; }
}

/* Compact, aligned annotations and a close beneath-phone ending. */
.walkthrough-guide>.guide-instruction { align-items:flex-start; }
.walkthrough-guide .gesture-icon { margin-top:0; }
@media(max-width:860px) {
  .walkthrough-guide>.guide-label { align-self:flex-start; }
  .walkthrough-guide>.guide-instruction { align-self:stretch; justify-content:center; }
  #walkthrough-explainer .bubble-body { text-align:left; font-size:14px!important; text-wrap:wrap; }
  #walkthrough-explainer strong { font-size:16px; text-wrap:wrap; }
  #walkthrough-explainer p { text-wrap:wrap; }
  #mobile-closing-slot { min-height:0; padding:10px 24px 14px; gap:12px; }
  #mobile-closing-slot #phantom-game-link { position:relative; inset:auto; display:block; width:max-content; max-width:100%; min-height:32px; padding:6px 14px; margin:0 auto; font-size:17px; text-align:center; }
  #closing-direction { min-height:0; padding:20px 24px 26px; }
  .closing-copy > img { width:42px; height:36px; margin-bottom:14px; }
  .closing-summary { margin-top:14px; }
  #portfolio-footer { padding-top:16px; padding-bottom:16px; }
}