/* FSN apps: Ultra Nightshade (Midnight family 06). Base kit below was first written for Signal Spectrum; the Ultra Nightshade block at the end retokens and restyles it.
   Part 1 is fsn-ds.css verbatim (tokens + core kit). Part 2 adds the app templates. */
:root{
--v50:#F4F2FE;--v100:#EEE8FF;--v200:#DCD0FF;--v300:#BFA9FF;--v400:#9B7BFF;--v500:#7B4FFA;--v600:#6436F5;--v700:#5126D6;--v800:#3F1DA8;--v900:#1D1648;
--blue:#3D7BFF;--cyan:#22C3E6;
--bg:var(--v50);--surf:#FFFFFF;--surf-2:#FBFAFF;--ink:var(--v900);--ink-2:#5F5888;--ink-3:#8E88B0;--line:#E5E1F6;--line-2:#D6D0F0;
--accent:var(--v600);--accent-hover:var(--v700);--accent-tint:var(--v100);
--signal:linear-gradient(120deg,#6436F5 0%,#3D7BFF 55%,#22C3E6 100%);--band:linear-gradient(180deg,#F4F2FE 0%,#EEE8FF 100%);--deep:linear-gradient(160deg,#3F1DA8 0%,#2A1C78 50%,#1D1648 100%);--card-light:linear-gradient(165deg,#FFFFFF 40%,#FBFAFF 100%);--glass:rgba(255,255,255,.72);
--ok:#0BA678;--ok-ink:#067A57;--ok-tint:#DDF6EE;--pred:var(--v600);--pred-tint:var(--v100);--warn:#C27100;--warn-ink:#8A5100;--warn-tint:#FFF1DC;--bad:#DC3A52;--bad-ink:#B0233A;--bad-tint:#FDE6EA;
--f-disp:'Instrument Sans',system-ui,sans-serif;--f-body:'Instrument Sans',system-ui,sans-serif;--f-mono:'Geist Mono',ui-monospace,Menlo,monospace;--f-caps:Archivo,'Arial Narrow',sans-serif;
--t-dxl:600 clamp(48px,6cqw,80px)/.98 var(--f-disp);--t-dl:600 clamp(40px,4.6cqw,60px)/1.02 var(--f-disp);--t-h1:600 clamp(30px,3.4cqw,44px)/1.06 var(--f-disp);--t-h2:600 clamp(24px,2.4cqw,32px)/1.1 var(--f-disp);--t-h3:600 24px/1.2 var(--f-disp);--t-h4:600 18px/1.3 var(--f-disp);
--t-bl:400 19px/1.5 var(--f-body);--t-b:400 16px/1.55 var(--f-body);--t-s:400 14px/1.5 var(--f-body);--t-xs:400 12px/1.45 var(--f-body);
--tr-disp:-.04em;--tr-h:-.025em;
--r-card:26px;--r-panel:20px;--r-btn:16px;--r-field:14px;--r-chip:8px;--r-pill:999px;
--sh-1:0 1px 2px rgba(29,22,72,.05);--sh-2:inset 0 1px 0 #fff,0 24px 60px -40px rgba(70,40,200,.35);--sh-3:0 30px 80px -40px rgba(70,40,200,.45);--sh-btn:0 12px 30px -12px rgba(100,54,245,.6);--ring:0 0 0 4px var(--v100);
--ease:cubic-bezier(.2,.8,.2,1);--d-fast:.18s;--d-med:.35s;--d-slow:.7s;
--max:1240px}
.fsn{background:var(--bg);color:var(--ink);font:var(--t-b);-webkit-font-smoothing:antialiased}
.fsn *,.fsn *:before,.fsn *:after{box-sizing:border-box}
.fsn a{color:var(--accent);text-decoration:none}.fsn a:hover{color:var(--accent-hover);text-decoration:underline}
.fsn h1,.fsn h2,.fsn h3,.fsn h4,.fsn p,.fsn dl,.fsn dd,.fsn ol,.fsn ul,.fsn figure{margin:0}
.fsn button,.fsn input,.fsn select,.fsn textarea{font:inherit;color:inherit}
.fsn-dl{font:var(--t-dl);letter-spacing:var(--tr-disp);text-wrap:balance}
.fsn-h1{font:var(--t-h1);letter-spacing:var(--tr-disp);text-wrap:balance}
.fsn-h2{font:var(--t-h2);letter-spacing:var(--tr-h);text-wrap:balance}
.fsn-h3{font:var(--t-h3);letter-spacing:var(--tr-h)}
.fsn-h4{font:var(--t-h4);letter-spacing:-.01em}
.fsn-lead{font:var(--t-bl);color:var(--ink-2);max-width:60ch;text-wrap:pretty}
.fsn-body{font:var(--t-b);color:var(--ink-2);text-wrap:pretty}
.fsn-small{font:var(--t-s);color:var(--ink-2)}
.fsn-xs{font:var(--t-xs);color:var(--ink-2)}
.fsn-mono{font-family:var(--f-mono);font-feature-settings:'tnum'}
.fsn-num{font:400 40px/1 var(--f-mono);letter-spacing:-.02em;font-feature-settings:'tnum'}
.fsn-eyebrow{font:600 10px/1.3 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.fsn-eyebrow.is-accent{color:var(--accent)}
.fsn-signal-text{background:var(--signal);-webkit-background-clip:text;background-clip:text;color:transparent}
.fsn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:var(--r-btn);border:0;cursor:pointer;font:600 10px/1.2 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;transition:transform var(--d-fast) var(--ease),box-shadow var(--d-med) var(--ease),background var(--d-fast)}
.fsn-btn:hover{transform:translateY(-1px)}.fsn-btn:focus-visible{outline:0;box-shadow:var(--ring)}
.fsn-btn--primary{background:var(--signal);color:#fff!important;box-shadow:var(--sh-btn)}
.fsn-btn--solid{background:var(--accent);color:#fff!important}.fsn-btn--solid:hover{background:var(--accent-hover)}
.fsn-btn--secondary{background:var(--surf);color:var(--ink)!important;border:1px solid var(--line-2)}
.fsn-btn--ghost{background:transparent;color:var(--accent)!important;padding:0 8px}
.fsn-btn--danger{background:var(--surf);color:var(--bad-ink)!important;border:1px solid #F3C2CB}
.fsn-btn--sm{min-height:34px;padding:0 14px;border-radius:12px}.fsn-btn--lg{min-height:52px;padding:0 28px}
.fsn-btn--block{width:100%}
.fsn-btn:disabled,.fsn-btn.is-disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.fsn-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fsn-chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:var(--r-chip);font:500 12px/1 var(--f-body);white-space:nowrap}
.fsn-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.fsn-chip--verified{background:var(--ok-tint);color:var(--ok-ink)}.fsn-chip--ai{background:var(--pred-tint);color:var(--pred)}.fsn-chip--review{background:var(--warn-tint);color:var(--warn-ink)}.fsn-chip--unresolved{background:var(--bad-tint);color:var(--bad-ink)}.fsn-chip--neutral{background:var(--surf-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.fsn-chip--plain:before{display:none}
.fsn-field{display:flex;align-items:center;min-height:44px;width:100%;padding:0 14px;border-radius:var(--r-field);border:1px solid var(--line-2);background:var(--surf);font:var(--t-s);color:var(--ink)}
.fsn-field::placeholder{color:var(--ink-3)}.fsn-field:focus{outline:0;border-color:var(--accent);box-shadow:var(--ring)}
textarea.fsn-field{padding:12px 14px;min-height:96px;resize:vertical}
.fsn-label{display:block;margin-bottom:8px;font:500 13px/1.3 var(--f-body);color:var(--ink)}
.fsn-help{display:block;margin-top:6px;font:400 12.5px/1.4 var(--f-body);color:var(--ink-2)}.fsn-help.is-error{color:var(--bad-ink)}.fsn-help.is-ok{color:var(--ok-ink)}
.fsn-field.is-error{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-tint)}.fsn-field:disabled,.fsn-field.is-disabled{background:var(--surf-2);color:var(--ink-3)}
.fsn-select{appearance:none;-webkit-appearance:none;padding-right:38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F5888' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center/18px}
.fsn-check,.fsn-radio{display:inline-flex;align-items:flex-start;gap:10px;font:var(--t-s);color:var(--ink);cursor:pointer}
.fsn-check input,.fsn-radio input{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;border:1.5px solid var(--line-2);background:#fff;flex:none}
.fsn-check input{border-radius:6px}.fsn-radio input{border-radius:50%}
.fsn-check input:checked{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--accent)}
.fsn-radio input:checked{border:6px solid var(--accent)}
.fsn-card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--sh-2)}
.fsn-panel{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-panel);box-shadow:var(--sh-1)}
.fsn-kpi{padding:18px 20px;display:grid;gap:10px;align-content:start}
.fsn-kpi__v{font:400 28px/1 var(--f-mono);letter-spacing:-.02em;font-feature-settings:'tnum'}
.fsn-kpi__v small{font:400 14px var(--f-body);color:var(--ink-2);letter-spacing:0;margin-left:6px}
.fsn-kpi__d{font:var(--t-xs);color:var(--ink-2)}.fsn-kpi__d.is-up{color:var(--ok-ink)}.fsn-kpi__d.is-down{color:var(--bad-ink)}
.fsn-kpi--hero{background:var(--signal);color:#fff;border:0;box-shadow:var(--sh-3)}.fsn-kpi--hero .fsn-eyebrow,.fsn-kpi--hero .fsn-kpi__d,.fsn-kpi--hero .fsn-kpi__v small{color:rgba(255,255,255,.92)}
.fsn-table{width:100%;border-collapse:collapse;font:var(--t-s)}
.fsn-table th{text-align:left;padding:12px 18px;background:var(--surf-2);border-bottom:1px solid var(--line);font:600 9.5px/1.2 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.fsn-table td{padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.fsn-table td.fsn-mono,.fsn-table td.nw{white-space:nowrap}.fsn-table .r{text-align:right}
.fsn-table tr:last-child td{border-bottom:0}.fsn-table tbody tr:hover{background:var(--surf-2)}
.fsn-table td small{display:block;margin-top:3px;font:var(--t-xs);color:var(--ink-2)}
.fsn-nav{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:12px;font:500 14px/1.2 var(--f-body);color:var(--ink-2)!important;text-decoration:none!important}
.fsn-nav:hover{background:var(--v100);color:var(--ink)!important}.fsn-nav.is-active{background:var(--accent-tint);color:var(--accent)!important;font-weight:600}
.fsn-nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fsn-tabs{display:inline-flex;flex-wrap:wrap;padding:4px;gap:2px;border-radius:14px;background:var(--surf-2);border:1px solid var(--line)}
.fsn-tab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;font:500 13px/1 var(--f-body);color:var(--ink-2)!important;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.fsn-tab.is-active{background:var(--surf);color:var(--ink)!important;box-shadow:var(--sh-1)}
.fsn-tab .count{font:500 11px var(--f-mono);color:var(--ink-3)}
.fsn-toggle{position:relative;width:40px;height:24px;border-radius:99px;background:var(--line-2);border:0;cursor:pointer;flex:none}
.fsn-toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--sh-1)}
.fsn-toggle.is-on{background:var(--accent)}.fsn-toggle.is-on:after{transform:translateX(16px)}
.fsn-progress{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.fsn-progress>i{display:block;height:100%;background:var(--signal);border-radius:inherit}
.fsn-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none!important}
.fsn-logo__mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#6436F5 0%,#3D7BFF 58%,#22C3E6 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -6px rgba(100,54,245,.55);flex:none;display:block}
.fsn-logo__mark svg{display:block;width:100%;height:100%}
.fsn-logo__word{font:600 20px/1 var(--f-disp);letter-spacing:-.045em;color:var(--ink)}
.fsn-logo__desc{padding-left:10px;border-left:1px solid var(--line-2);font:600 8.5px/1.3 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.fsn-logo--lg .fsn-logo__mark{width:56px;height:56px;border-radius:16px}.fsn-logo--lg .fsn-logo__word{font-size:34px}
.fsn-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:16px;font:var(--t-s)}
.fsn-banner b{display:block;font-weight:600;margin-bottom:2px}
.fsn-banner--info{background:var(--accent-tint);color:var(--v800)}.fsn-banner--ok{background:var(--ok-tint);color:#06684B}.fsn-banner--warn{background:var(--warn-tint);color:#7E4A00}.fsn-banner--bad{background:var(--bad-tint);color:#A11E33}.fsn-banner--neutral{background:var(--surf-2);color:var(--ink-2);border:1px solid var(--line)}
.fsn-banner svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.fsn-banner .grow{flex:1;min-width:0}
.fsn-toast{display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-3);font:500 14px/1.3 var(--f-body);color:var(--ink)}
.fsn-toast i{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.fsn-scrim{background:rgba(29,22,72,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.fsn-modal{width:min(100%,480px);padding:24px;border-radius:24px;background:#fff;box-shadow:var(--sh-3)}
.fsn-modal--md{width:min(100%,560px)}.fsn-modal--lg{width:min(100%,680px)}
.fsn-empty{display:grid;justify-items:center;gap:10px;padding:40px 20px;text-align:center}
.fsn-empty__ic{width:52px;height:52px;border-radius:16px;background:var(--accent-tint);display:grid;place-items:center;color:var(--accent)}
.fsn-empty__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fsn-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.fsn-filter{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:#fff;font:500 13px var(--f-body);color:var(--ink-2)!important;cursor:pointer;text-decoration:none!important}
.fsn-filter.is-on{background:var(--accent-tint);border-color:transparent;color:var(--accent)!important}
.fsn-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--line);font:var(--t-s);color:var(--ink-2)}
.fsn-steps{display:flex;gap:6px}.fsn-steps i{flex:1;height:4px;border-radius:99px;background:var(--line)}.fsn-steps i.done{background:var(--accent)}.fsn-steps i.now{background:var(--signal)}
.fsn-stepper{display:grid;gap:2px;counter-reset:s;padding:0;list-style:none}
.fsn-step{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:center;padding:8px 0;font:var(--t-s);color:var(--ink-3)}
.fsn-step:before{counter-increment:s;content:counter(s);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font:500 12px var(--f-mono);background:var(--surf-2);border:1px solid var(--line)}
.fsn-step.done{color:var(--ink-2)}.fsn-step.done:before{content:"✓";background:var(--accent-tint);color:var(--accent);border-color:transparent}
.fsn-step.now{color:var(--ink);font-weight:600}.fsn-step.now:before{background:var(--signal);color:#fff;border:0}
.fsn-acc{border-top:1px solid var(--line)}.fsn-acc:last-child{border-bottom:1px solid var(--line)}
.fsn-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:12px 2px;cursor:pointer;font:600 15px/1.3 var(--f-body);color:var(--ink)}
.fsn-acc summary::-webkit-details-marker{display:none}
.fsn-acc summary:after{content:"";width:22px;height:22px;flex:none;border-radius:8px;background:var(--accent-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236436F5' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat}
.fsn-acc[open] summary:after{transform:rotate(45deg)}
.fsn-acc .acc-body{padding:0 2px 16px;font:var(--t-s);color:var(--ink-2)}
.fsn-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:18px 0;position:relative}
.fsn-flow__n{position:relative;padding:0 14px 0 0;display:grid;gap:8px;align-content:start;justify-items:start}
.fsn-flow__ic{position:relative;z-index:1;width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:var(--sh-2)}
.fsn-flow__ic svg{width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.fsn-flow__n:not(:last-child):after{content:"";position:absolute;top:26px;left:64px;right:12px;height:2px;background:var(--signal);opacity:.5;border-radius:2px}
.fsn-flow__n.is-now .fsn-flow__ic{background:var(--signal);border:0}.fsn-flow__n.is-now .fsn-flow__ic svg{stroke:#fff}
.fsn-flow__k{font:500 11px var(--f-mono);color:var(--accent)}

/* ---------- Part 2: app templates ---------- */
.app{min-height:100cqh;background:var(--bg)}
.ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic-sm{width:14px;height:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.m{font-family:var(--f-mono);font-feature-settings:'tnum'}
.ink2{color:var(--ink-2)}.ink3{color:var(--ink-3)}.okc{color:var(--ok-ink)}.warnc{color:var(--warn-ink)}.badc{color:var(--bad-ink)}.acc{color:var(--accent)}
.wrap-any{overflow-wrap:anywhere}
.stack{display:flex;flex-direction:column;gap:16px}.stack-8{display:flex;flex-direction:column;gap:8px}.stack-12{display:flex;flex-direction:column;gap:12px}.stack-24{display:flex;flex-direction:column;gap:24px}.stack-32{display:flex;flex-direction:column;gap:32px}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row-8{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.between-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px}
.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.split-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;align-items:start}
@media(max-width:1000px){.split,.split-r{grid-template-columns:minmax(0,1fr)}}/*cq*/@container (max-width:1000px){.split,.split-r{grid-template-columns:minmax(0,1fr)}}
.pad{padding:24px}.pad-20{padding:20px}.pad-s{padding:16px 18px}
.hr{height:1px;background:var(--line);border:0;margin:0}
.dotsep{color:var(--ink-3);padding:0 2px}

/* Console template: sidebar + main (Explorer, CORE portal) */
.shell{display:flex;flex-wrap:wrap;min-height:100cqh;background:var(--bg)}
.side{flex:0 0 232px;display:flex;flex-direction:column;gap:22px;padding:22px 14px;background:var(--surf-2);border-right:1px solid var(--line)}
.side__group{display:flex;flex-direction:column;gap:2px}
.side__group .fsn-eyebrow{padding:0 12px 8px}
.side__foot{margin-top:auto;display:grid;gap:10px;padding:14px 12px 4px;border-top:1px solid var(--line);font:var(--t-xs);color:var(--ink-2)}
.side__foot b{font-weight:600;color:var(--ink)}
.livedot{display:inline-flex;align-items:center;gap:8px;font:500 12px/1.2 var(--f-body);color:var(--ink)}
.livedot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-tint);flex:none}
.livedot.is-plan:before{background:var(--warn);box-shadow:0 0 0 4px var(--warn-tint)}
.livedot.is-off:before{background:var(--ink-3);box-shadow:0 0 0 4px var(--line)}
.main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 32px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar .grow{flex:1 1 240px;min-width:0}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 13px/1.3 var(--f-body);color:var(--ink-2)}
.crumbs b{color:var(--ink);font-weight:600}
.search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 14px;border-radius:var(--r-field);border:1px solid var(--line-2);background:#fff;color:var(--ink-3)}
.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:var(--t-s);color:var(--ink)}
.search kbd{font:500 11px var(--f-mono);color:var(--ink-3);border:1px solid var(--line);border-radius:7px;padding:3px 7px;background:var(--surf-2)}
.content{flex:1;padding:32px 32px 48px}
.content__in{max-width:var(--max);margin:0 auto;display:flex;flex-direction:column;gap:28px}
.pagehead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}
.pagehead__t{display:flex;flex-direction:column;gap:12px;min-width:0;flex:1 1 520px}
.pagehead__a{display:flex;flex-wrap:wrap;gap:10px}
.appfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px;border-top:1px solid var(--line);background:var(--surf);font:var(--t-xs);color:var(--ink-2)}
.appfoot .row{gap:18px}
@media(max-width:1000px){
  .side{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}
  .side__group{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;flex:1 1 100%;order:3}
  .side__group .fsn-eyebrow{display:none}
  .side__group .fsn-nav{white-space:nowrap}
  .side__foot{display:none}
  .topbar,.content{padding-left:16px;padding-right:16px}
  .appfoot{padding:16px}
}/*cq*/@container (max-width:1000px){
  .side{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}
  .side__group{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;flex:1 1 100%;order:3}
  .side__group .fsn-eyebrow{display:none}
  .side__group .fsn-nav{white-space:nowrap}
  .side__foot{display:none}
  .topbar,.content{padding-left:16px;padding-right:16px}
  .appfoot{padding:16px}
}

/* Top-nav template: Players, Play operations, Network Console */
.apphead{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 32px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.apphead__nav{display:flex;flex-wrap:wrap;gap:2px;flex:1 1 auto;justify-content:center}
.apphead__nav a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;font:600 10px/1 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)!important;text-decoration:none!important;white-space:nowrap}
.apphead__nav a:hover{background:var(--surf);color:var(--ink)!important}
.apphead__nav a.is-active{background:var(--accent-tint);color:var(--accent)!important}
.apphead__nav .count{font:500 11px var(--f-mono);letter-spacing:0;background:var(--surf);border-radius:6px;padding:2px 6px;color:var(--ink-2)}
.apphead__end{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:9px 16px;background:var(--v900);color:#fff;font:500 12.5px/1.3 var(--f-body);text-align:center}
.notice a{color:#BFE9F5!important}
.notice .livedot{color:#fff}.notice .livedot:before{box-shadow:0 0 0 3px rgba(11,166,120,.35)}
.notice .sep{opacity:.5}
.page{max-width:var(--max);margin:0 auto;padding:40px 32px 64px;display:flex;flex-direction:column;gap:32px}
.page--narrow{max-width:1080px}
.hero-lilac{position:relative;overflow:hidden;background:var(--band);border-bottom:1px solid var(--line)}
.orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.55}
@media(max-width:720px){.apphead{padding:12px 16px}.apphead__nav{justify-content:flex-start;order:3;flex:1 1 100%;overflow-x:auto;flex-wrap:nowrap}.page{padding:28px 16px 48px}}/*cq*/@container (max-width:720px){.apphead{padding:12px 16px}.apphead__nav{justify-content:flex-start;order:3;flex:1 1 100%;overflow-x:auto;flex-wrap:nowrap}.page{padding:28px 16px 48px}}

/* Record and data pieces */
.kv{display:flex;flex-direction:column}
.kv>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;padding:11px 0;border-bottom:1px solid var(--line)}
.kv>div:last-child{border-bottom:0}
.kv dt{font:var(--t-s);color:var(--ink-2)}
.kv dd{font:500 14px/1.45 var(--f-body);color:var(--ink);text-align:right;overflow-wrap:anywhere;min-width:0}
.kv dd.m{font:400 13px/1.45 var(--f-mono)}
.kv--stack>div{flex-direction:column;align-items:flex-start}.kv--stack dd{text-align:left}
.kv--total>div:last-child{border-top:1px solid var(--line-2);padding-top:14px}
.kv--total>div:last-child dt{color:var(--ink);font-weight:600}
.kv--total>div:last-child dd{font:400 22px/1 var(--f-mono)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surf)}
.facts>div{padding:14px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:6px;margin:0 -1px -1px 0}
.facts dt{font:600 9.5px/1.3 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.facts dd{font:500 14px/1.4 var(--f-body);color:var(--ink);overflow-wrap:anywhere}
.facts dd.m{font:400 13px/1.4 var(--f-mono)}
.facts--band{background:var(--accent-tint);border-color:var(--v200)}.facts--band>div{border-color:var(--v200)}
.hash{font:400 12.5px/1.45 var(--f-mono);color:var(--ink-2);overflow-wrap:anywhere}
.hash a{color:var(--accent)}
.code{margin:0;padding:18px 20px;border-radius:18px;background:var(--deep);color:#EDE8FF;font:400 12.5px/1.65 var(--f-mono);overflow:auto;white-space:pre}
.code .c{color:#A99CE0}.code .k{color:#8FE3F5}.code .s{color:#C9F3E3}
.panel-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:18px 20px;border-bottom:1px solid var(--line)}
.panel-h__t{display:grid;gap:6px;min-width:0}
.panel-b{padding:20px}
.panel-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line);background:var(--surf-2);border-radius:0 0 var(--r-panel) var(--r-panel)}
.tbl{overflow-x:auto}
.tbl .fsn-table{min-width:720px}
.mini{display:grid;gap:4px;padding:14px 16px;border-radius:14px;background:var(--surf-2);border:1px solid var(--line)}
.mini b{font-weight:600}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.ai{background:var(--accent)}.dot.off{background:var(--ink-3)}
.tag{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 9px;border-radius:7px;background:var(--surf-2);border:1px solid var(--line);font:500 12px/1 var(--f-body);color:var(--ink-2);white-space:nowrap}
.tag.m{font:500 11.5px/1 var(--f-mono)}
.tag.is-accent{background:var(--accent-tint);border-color:transparent;color:var(--accent)}
/* Status track: Recorded > Reviewed > Verified > Paid */
.track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100px,100%),1fr));gap:6px;padding:0;margin:0;list-style:none}
.track li{display:grid;gap:8px;font:500 12.5px/1.3 var(--f-body);color:var(--ink-3)}
.track li:before{content:"";height:4px;border-radius:99px;background:var(--line)}
.track li span{display:flex;align-items:center;gap:6px}
.track li span:before{content:"";width:16px;height:16px;border-radius:6px;border:1.5px solid var(--line-2);background:#fff;flex:none}
.track li.done{color:var(--ink)}.track li.done:before{background:var(--accent)}
.track li.done span:before{border:0;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
.track li.now{color:var(--ink);font-weight:600}.track li.now:before{background:var(--signal)}
.track li.now span:before{border:0;background:var(--signal)}
/* Meter with 90% verify line */
.meter{position:relative;height:8px;border-radius:99px;background:var(--line)}
.meter>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--signal)}
.meter>b{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--ink);border-radius:2px}
/* QR placeholder */
.qr{position:relative;width:168px;aspect-ratio:1;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);display:grid;place-items:center;flex:none}
.qr:before{content:"";position:absolute;inset:14px;background:
 radial-gradient(circle at 50% 50%,var(--ink) 0 35%,transparent 36%) 0 0/12px 12px;opacity:.12;border-radius:6px}
.qr i{position:absolute;width:38px;height:38px;border:7px solid var(--ink);border-radius:9px}
.qr i:nth-child(1){top:14px;left:14px}.qr i:nth-child(2){top:14px;right:14px}.qr i:nth-child(3){bottom:14px;left:14px}
.qr span{position:relative;font:600 9px/1.2 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:#fff;padding:4px 6px;border-radius:6px;text-align:center}
/* Sport tiles (Play reward colours: app flows only) */
.sport{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:148px;padding:14px;border-radius:18px;color:#fff}
.sport svg.art{position:absolute;right:-6px;bottom:-10px;width:120px;height:120px;fill:none;stroke:rgba(255,255,255,.85);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sport .tag{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sport__k{position:relative;font:500 12px var(--f-mono);color:rgba(255,255,255,.92)}
.s-bowling{background:linear-gradient(150deg,#8D62FF 0%,#5126D6 100%)}
.s-basketball{background:linear-gradient(150deg,#F27DB0 0%,#D2427F 100%)}
.s-squash{background:linear-gradient(150deg,#5ED3EC 0%,#1E9FC2 100%)}
.s-cricket{background:linear-gradient(150deg,#FFC870 0%,#F0922B 100%)}
.s-lastcup{background:var(--signal)}
.s-football{background:linear-gradient(150deg,#52D7A8 0%,#0B9C70 100%)}
.sw{display:inline-block;width:8px;height:8px;border-radius:3px;flex:none}
.sw-bowling{background:#6436F5}.sw-basketball{background:#E0508F}.sw-squash{background:#22C3E6}.sw-lastcup{background:#3D7BFF}.sw-other{background:#8E88B0}
/* Dialog over a screen */
.dlg-root{position:relative;height:100cqh;min-height:760px;overflow:hidden}
.dlg-layer{position:absolute;inset:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:56px 16px}
.dlg-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surf-2);display:grid;place-items:center;color:var(--ink-2);cursor:pointer;flex:none}
.dlg-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media(max-width:720px){.dlg-layer{align-items:flex-end;padding:24px 0 0}.dlg-layer .fsn-modal{border-radius:24px 24px 0 0}}/*cq*/@container (max-width:720px){.dlg-layer{align-items:flex-end;padding:24px 0 0}.dlg-layer .fsn-modal{border-radius:24px 24px 0 0}}
/* Deep band (one per screen) */
.deep{background:var(--deep);color:#fff;border-radius:var(--r-card);box-shadow:var(--sh-3)}
.deep .fsn-eyebrow{color:rgba(255,255,255,.78)}
.signalband{background:var(--signal);color:#fff;border-radius:var(--r-card);box-shadow:var(--sh-3)}
.signalband .fsn-eyebrow{color:rgba(255,255,255,.9)}
/* Chart */
.chart{width:100%;height:auto;display:block;overflow:visible}
.chart text{font:400 11px var(--f-mono);fill:var(--ink-3)}
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 12.5px var(--f-body);color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:7px}
.bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}.bar>i{display:block;height:100%;border-radius:inherit;background:var(--signal)}
.fsn-affix{display:flex;align-items:stretch;min-height:44px;border-radius:var(--r-field);border:1px solid var(--line-2);background:var(--surf);overflow:hidden}
.fsn-affix:focus-within{border-color:var(--accent);box-shadow:var(--ring)}
.fsn-affix input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 14px;font:500 15px var(--f-mono);color:var(--ink)}
.fsn-affix input::placeholder{color:var(--ink-3)}
.fsn-affix>span{display:flex;align-items:center;padding:0 14px;background:var(--surf-2);font:600 11px var(--f-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}

/* ===== Console v2 (reimagined host console) + phone conditioning ===== */
.h-app .side{gap:18px}
.h-acct{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.h-acct__av{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--signal);color:#fff;font:600 15px var(--f-disp);flex:none}
.h-acct b{display:block;font:600 14px/1.2 var(--f-body)}.h-acct small{display:block;font:var(--t-xs);color:var(--ink-2)}
.h-acct svg{width:16px;height:16px;margin-left:auto;fill:none;stroke:var(--ink-3);stroke-width:1.8}
.fsn-nav .h-count{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--warn-tint);color:var(--warn-ink);font:600 11px/22px var(--f-mono);text-align:center}
.h-me{display:flex;align-items:center;gap:10px;padding:12px 12px 2px;border-top:1px solid var(--line);margin-top:auto}
.h-me__av{width:34px;height:34px;border-radius:50%;background:var(--v100);color:var(--accent);display:grid;place-items:center;font:600 12px var(--f-body);flex:none}
.h-me b{display:block;font:600 13px/1.2 var(--f-body)}.h-me small{display:block;font:400 11.5px var(--f-mono);color:var(--ink-2)}
.h-tabbar{display:none}
.h-actionbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.h-actionbar__r{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}

/* Competition ticket: the signature element. Terms on the left, proof on the stub. */
.h-ticket{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 200px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-2);overflow:hidden}
.h-ticket__band{position:absolute;left:0;top:0;bottom:0;width:10px}
.h-ticket__main{padding:22px 24px 22px 34px;display:flex;flex-direction:column;gap:14px;min-width:0}
.h-ticket__kind{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font:600 10px/1.2 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.h-ticket__kind span{display:inline-flex;align-items:center;gap:7px}
.h-ticket__kind i{width:9px;height:9px;border-radius:3px;display:inline-block}
.h-ticket__name{font:600 clamp(26px,3cqw,34px)/1.05 var(--f-disp);letter-spacing:var(--tr-disp);color:var(--ink);text-wrap:balance}
.h-ticket__terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}
.h-ticket__terms dt{font:600 9.5px/1.3 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.h-ticket__terms dd{margin:3px 0 0;font:600 15px/1.3 var(--f-body);color:var(--ink)}
.h-ticket__terms dd.is-blank{color:var(--ink-3);font-weight:400}
.h-ticket__stub{position:relative;padding:20px 20px 20px 22px;border-left:2px dashed var(--line-2);display:flex;flex-direction:column;gap:12px;background:var(--surf-2)}
.h-ticket__stub:before,.h-ticket__stub:after{content:"";position:absolute;left:-11px;width:20px;height:20px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.h-ticket__stub:before{top:-11px}.h-ticket__stub:after{bottom:-11px}
.h-ticket__stub .qr{width:132px}
.h-ticket__qrph{width:132px;aspect-ratio:1;border-radius:16px;border:1.5px dashed var(--line-2);display:grid;place-items:center;padding:12px;text-align:center;font:var(--t-xs);color:var(--ink-3)}
.h-ticket__fund{display:grid;gap:2px}
.h-ticket__fund small{font:600 9.5px/1.3 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.h-ticket__fund b{font:600 30px/1 var(--f-mono);letter-spacing:-.03em;color:var(--ink)}
.h-lock{display:inline-flex;align-items:center;gap:6px;font:600 12.5px var(--f-body);color:var(--ok-ink)}
.h-lock.is-open{color:var(--ink-2)}
.h-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sw-bowling{background:#6B3DF0}.sw-lastcup{background:#3D7BFF}.sw-basketball{background:#D2427F}.sw-squash{background:#1E9FC2}.sw-cricket{background:#F0922B}

/* Money split: shown wherever an entry fee is set */
.h-split{display:flex;height:14px;border-radius:99px;overflow:hidden;gap:3px;background:transparent}
.h-split i{display:block;height:100%;border-radius:4px}
.h-legend{display:flex;flex-direction:column}
.h-legend>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font:var(--t-s);color:var(--ink)}
.h-legend>div:last-child{border-bottom:0}
.h-legend i{width:11px;height:11px;border-radius:3px;flex:none}
.h-legend b{margin-left:auto;font:500 14px var(--f-mono)}
.c-fee{background:#C9C2EA}.c-host{background:var(--v900)}.c-prize{background:var(--v600)}.c-league{background:var(--blue)}.c-season{background:var(--cyan)}.c-venue{background:#9B7BFF}.c-refund{background:#E5E1F6}

/* Guided steps */
.h-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.h-steps a{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.h-steps .n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-2);font:600 12px var(--f-mono);color:var(--ink-2);flex:none}
.h-steps b{display:block;font:600 13.5px/1.2 var(--f-body)}.h-steps small{display:block;font:var(--t-xs);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-steps .is-done .n{background:var(--ok);border-color:var(--ok);color:#fff}
.h-steps .is-now{border-color:var(--accent);box-shadow:var(--ring)}.h-steps .is-now .n{background:var(--accent);border-color:var(--accent);color:#fff}
.h-steps span{min-width:0}

/* Choice cards (radio-style) */
.h-choice{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;border:1px solid var(--line-2);background:#fff;color:var(--ink)!important;text-decoration:none!important;cursor:pointer;text-align:left;width:100%}
.h-choice .dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-2);flex:none;margin-top:2px;background:#fff}
.h-choice.is-on{border-color:var(--accent);box-shadow:var(--ring)}.h-choice.is-on .dot{border:6px solid var(--accent)}
.h-choice b{display:block;font:600 15px/1.3 var(--f-body)}.h-choice small{display:block;font:var(--t-s);color:var(--ink-2);margin-top:2px}
.h-seg{display:inline-flex;padding:4px;border-radius:14px;background:var(--surf-2);border:1px solid var(--line);gap:2px}
.h-seg a,.h-seg button{min-height:38px;padding:0 16px;border-radius:10px;border:0;background:transparent;display:inline-flex;align-items:center;font:500 14px var(--f-body);color:var(--ink-2)!important;text-decoration:none!important;cursor:pointer}
.h-seg .is-on{background:#fff;color:var(--ink)!important;box-shadow:var(--sh-1);font-weight:600}
.h-range{position:relative;height:6px;border-radius:99px;background:var(--line)}
.h-range i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--signal)}
.h-range b{position:absolute;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:var(--sh-1)}
.h-ticks{display:flex;justify-content:space-between;font:400 12px var(--f-mono);color:var(--ink-3)}

/* Format glyph tile + template card */
.h-glyph{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--accent-tint);color:var(--accent);flex:none}
.h-glyph svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.h-tpl{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-card);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.h-tpl .kv>div{padding:8px 0}
.h-tpl__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1.5px dashed var(--line-2)}
.h-dots{display:inline-flex;gap:4px}.h-dots i{width:9px;height:9px;border-radius:3px}

/* Competition rows and attention cards */
.h-comp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:16px 18px 16px 24px;border-radius:18px;background:#fff;border:1px solid var(--line);overflow:hidden}
.h-comp:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--b)}
.h-comp__name{font:600 18px/1.2 var(--f-disp);letter-spacing:-.01em;color:var(--ink)}
.h-comp__r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.h-comp__amt{font:600 20px/1 var(--f-mono);letter-spacing:-.02em}
.h-attn{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.h-attn.is-hot{background:var(--warn-tint);border-color:#F3D7A8}
.h-attn__n{min-width:26px;height:26px;padding:0 7px;border-radius:99px;display:grid;place-items:center;font:600 12px var(--f-mono);background:var(--surf-2);border:1px solid var(--line);color:var(--ink-2)}
.h-attn.is-hot .h-attn__n{background:#fff;border-color:#F3D7A8;color:var(--warn-ink)}
.h-attn__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font:var(--t-xs);color:var(--ink-2)}
.h-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.h-checks li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.h-checks li:last-child{border-bottom:0}
.h-checks .ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ok);color:#fff}
.h-checks .ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.h-checks .is-todo .ic{background:var(--warn-tint);color:var(--warn-ink)}
.h-checks .is-wait .ic{background:var(--surf-2);border:1.5px solid var(--line-2);color:var(--ink-3)}
.h-checks b{font:600 15px/1.3 var(--f-body)}.h-checks p{font:var(--t-s);color:var(--ink-2);grid-column:2}
.h-phone{width:min(330px,100%);margin:0 auto;padding:14px;border-radius:46px;background:var(--v900);box-shadow:var(--sh-3)}
.h-phone__in{border-radius:34px;background:var(--bg);overflow:hidden;min-height:560px;display:flex;flex-direction:column;gap:14px;padding:26px 18px 18px}
.h-big{font:600 clamp(34px,4cqw,48px)/1 var(--f-mono);letter-spacing:-.04em;color:var(--ink)}

/* ===== Phone (<=720px) ===== */
@media(max-width:720px){
  .h-app .side{flex:1 1 100%;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);background:var(--glass)}
  .h-app .side .fsn-logo__desc,.h-app .side__group,.h-app .h-me,.h-app .side__foot{display:none}
  .h-app .h-acct{margin-left:auto;padding:6px 10px;border-radius:12px}.h-app .h-acct small{display:none}.h-app .h-acct__av{width:28px;height:28px;font-size:13px;border-radius:9px}
  .h-app .topbar{display:none}
  .h-app .content{padding:20px 16px 28px}
  .h-app .content__in{gap:20px}
  .h-app .pagehead__t{flex-basis:100%}
  .h-app .pagehead__a{width:100%}.h-app .pagehead__a .fsn-btn{flex:1}
  .h-app .appfoot{display:none}
  .h-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:sticky;bottom:0;z-index:6;padding:6px 6px 10px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
  .h-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;border-radius:12px;font:600 10.5px var(--f-body);color:var(--ink-2)!important;text-decoration:none!important}
  .h-tabbar a.is-active{color:var(--accent)!important}
  .h-tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .h-tabbar .h-fab{width:48px;height:48px;border-radius:16px;background:var(--signal);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-btn);margin-top:-14px}
  .h-actionbar{position:sticky;bottom:72px;z-index:5;margin:0 -16px;padding:12px 16px;background:rgba(244,242,254,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .h-actionbar__r{width:100%}.h-actionbar__r .fsn-btn{flex:1}
  .h-flow .h-actionbar{bottom:0}
  .h-steps{display:flex;overflow-x:auto;gap:8px;margin:0 -16px;padding:0 16px 4px}
  .h-steps li{flex:0 0 auto}.h-steps a{min-height:48px;padding:8px 12px}.h-steps li:not(.is-now) small{display:none}
  .h-ticket{grid-template-columns:minmax(0,1fr)}
  .h-ticket__main{padding:18px 18px 16px 26px}
  .h-ticket__terms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-ticket__stub{border-left:0;border-top:2px dashed var(--line-2);flex-direction:row;flex-wrap:wrap;align-items:center;padding:16px 18px 16px 26px}
  .h-ticket__stub:before,.h-ticket__stub:after{top:-11px;bottom:auto}.h-ticket__stub:before{left:-11px}.h-ticket__stub:after{left:auto;right:-11px}
  .h-ticket__stub .qr,.h-ticket__qrph{width:104px}
  .h-comp{grid-template-columns:minmax(0,1fr)}.h-comp__r{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;align-items:center}
  .h-hide-phone{display:none!important}
  .h-checks li{grid-template-columns:28px minmax(0,1fr)}.h-checks li>a,.h-checks li>button{grid-column:2;justify-self:start}
  .tbl-wrap{overflow-x:auto;margin:0 -4px}
}/*cq*/@container (max-width:720px){
  .h-app .side{flex:1 1 100%;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--line);background:var(--glass)}
  .h-app .side .fsn-logo__desc,.h-app .side__group,.h-app .h-me,.h-app .side__foot{display:none}
  .h-app .h-acct{margin-left:auto;padding:6px 10px;border-radius:12px}.h-app .h-acct small{display:none}.h-app .h-acct__av{width:28px;height:28px;font-size:13px;border-radius:9px}
  .h-app .topbar{display:none}
  .h-app .content{padding:20px 16px 28px}
  .h-app .content__in{gap:20px}
  .h-app .pagehead__t{flex-basis:100%}
  .h-app .pagehead__a{width:100%}.h-app .pagehead__a .fsn-btn{flex:1}
  .h-app .appfoot{display:none}
  .h-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:sticky;bottom:0;z-index:6;padding:6px 6px 10px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}
  .h-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;justify-content:center;border-radius:12px;font:600 10.5px var(--f-body);color:var(--ink-2)!important;text-decoration:none!important}
  .h-tabbar a.is-active{color:var(--accent)!important}
  .h-tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .h-tabbar .h-fab{width:48px;height:48px;border-radius:16px;background:var(--signal);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-btn);margin-top:-14px}
  .h-actionbar{position:sticky;bottom:72px;z-index:5;margin:0 -16px;padding:12px 16px;background:rgba(244,242,254,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .h-actionbar__r{width:100%}.h-actionbar__r .fsn-btn{flex:1}
  .h-flow .h-actionbar{bottom:0}
  .h-steps{display:flex;overflow-x:auto;gap:8px;margin:0 -16px;padding:0 16px 4px}
  .h-steps li{flex:0 0 auto}.h-steps a{min-height:48px;padding:8px 12px}.h-steps li:not(.is-now) small{display:none}
  .h-ticket{grid-template-columns:minmax(0,1fr)}
  .h-ticket__main{padding:18px 18px 16px 26px}
  .h-ticket__terms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h-ticket__stub{border-left:0;border-top:2px dashed var(--line-2);flex-direction:row;flex-wrap:wrap;align-items:center;padding:16px 18px 16px 26px}
  .h-ticket__stub:before,.h-ticket__stub:after{top:-11px;bottom:auto}.h-ticket__stub:before{left:-11px}.h-ticket__stub:after{left:auto;right:-11px}
  .h-ticket__stub .qr,.h-ticket__qrph{width:104px}
  .h-comp{grid-template-columns:minmax(0,1fr)}.h-comp__r{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;align-items:center}
  .h-hide-phone{display:none!important}
  .h-checks li{grid-template-columns:28px minmax(0,1fr)}.h-checks li>a,.h-checks li>button{grid-column:2;justify-self:start}
  .tbl-wrap{overflow-x:auto;margin:0 -4px}
}
@media(min-width:721px){.h-only-phone:not(.sh-ph *){display:none!important}}

/* ===== Console v2 fixes: wrapping buttons, providers, expandables, step progress, notifications ===== */
.fsn-btn{white-space:normal;text-align:center;line-height:1.25;padding-top:8px;padding-bottom:8px;max-width:100%}
.fsn-btn svg{flex:none}
.h-prov{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:10px 16px;border-radius:14px;border:1px solid var(--line-2);background:#fff;color:var(--ink)!important;text-decoration:none!important;font:600 15px/1.25 var(--f-body);text-align:left}
.h-prov:hover{border-color:var(--accent);box-shadow:var(--ring)}
.h-prov small{margin-left:auto;font:400 12.5px/1.3 var(--f-body);color:var(--ink-2);text-align:right}
.h-logo{width:28px;height:28px;border-radius:8px;flex:none;display:grid;place-items:center;border:1.5px dashed var(--line-2);color:var(--ink-3);font:600 7.5px/1 var(--f-caps);letter-spacing:.08em;text-transform:uppercase;overflow:hidden}
.h-logo img{width:100%;height:100%;object-fit:contain}
.h-exp{border-radius:var(--r-card);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.h-exp>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:16px 22px;cursor:pointer}
.h-exp>summary::-webkit-details-marker{display:none}
.h-exp>summary .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.h-exp>summary .t b{font:600 18px/1.25 var(--f-disp);letter-spacing:-.01em;color:var(--ink)}
.h-exp>summary .t small{font:var(--t-xs);color:var(--ink-2)}
.h-exp>summary:after{content:"";width:28px;height:28px;flex:none;border-radius:10px;background:var(--accent-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236436F5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform var(--d-fast) var(--ease)}
.h-exp[open]>summary:after{transform:rotate(180deg)}
.h-exp>.b{padding:0 22px 22px;display:flex;flex-direction:column;gap:14px}
.h-exp.is-hot{background:var(--warn-tint);border-color:#F3D7A8}
.h-prog{display:flex;flex-direction:column;gap:10px}
.h-prog__bar{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:5px}
.h-prog__bar i{height:5px;border-radius:5px;background:var(--line-2)}
.h-prog__bar i.on{background:var(--accent)}
.h-bell{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid var(--line-2);color:var(--ink)!important;flex:none}
.h-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.h-bell b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--bad);color:#fff;font:600 11px/20px var(--f-mono);text-align:center}
.h-notif{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 14px;align-items:start}
.h-notif__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surf-2);border:1px solid var(--line);color:var(--ink-2)}
.h-notif__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.is-hot .h-notif__ic{background:#fff;border-color:#F3D7A8;color:var(--warn-ink)}
.h-notif time{font:400 12px var(--f-mono);color:var(--ink-3)}
.h-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 20px;border-radius:20px;background:var(--warn-tint);border:1px solid #F3D7A8;color:var(--ink)!important;text-decoration:none!important}
.h-strip__n{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;font:600 18px var(--f-mono);color:var(--warn-ink);flex:none}
@media(max-width:720px){
  .h-app .side .h-bell{margin-left:0;width:40px;height:40px}
  .h-exp>summary{padding:14px 16px;min-height:58px}.h-exp>.b{padding:0 16px 18px}
  .h-exp>summary .t b{font-size:16px}
  .h-prov small{display:none}
}/*cq*/@container (max-width:720px){
  .h-app .side .h-bell{margin-left:0;width:40px;height:40px}
  .h-exp>summary{padding:14px 16px;min-height:58px}.h-exp>.b{padding:0 16px 18px}
  .h-exp>summary .t b{font-size:16px}
  .h-prov small{display:none}
}

/* ===== Phone layout fixes (round 2) ===== */
.split-flow{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.split-side{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:1000px){.split-flow,.split-side{grid-template-columns:minmax(0,1fr)}}/*cq*/@container (max-width:1000px){.split-flow,.split-side{grid-template-columns:minmax(0,1fr)}}
.dlg-layer{z-index:50}
@media(max-width:720px){
  .h-app.shell{flex-direction:column;flex-wrap:nowrap;align-content:flex-start}
  .h-app .side{flex:0 0 auto;width:100%}
  .h-app .main{flex:1 0 auto;width:100%}
  .h-app .h-acct{min-width:0}.h-app .h-acct b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
  .h-choice{padding:14px}
  .h-choice>span{min-width:0}
  .fsn-select{padding-right:36px}
  .h-actionbar{flex-wrap:nowrap}
  .h-actionbar .fsn-btn--lg{padding-left:16px;padding-right:16px}
}/*cq*/@container (max-width:720px){
  .h-app.shell{flex-direction:column;flex-wrap:nowrap;align-content:flex-start}
  .h-app .side{flex:0 0 auto;width:100%}
  .h-app .main{flex:1 0 auto;width:100%}
  .h-app .h-acct{min-width:0}.h-app .h-acct b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
  .h-choice{padding:14px}
  .h-choice>span{min-width:0}
  .fsn-select{padding-right:36px}
  .h-actionbar{flex-wrap:nowrap}
  .h-actionbar .fsn-btn--lg{padding-left:16px;padding-right:16px}
}

/* ===================== Ultra Nightshade ===================== */
/* Royal indigo leads, amethyst and electric blue either side, ice for highlights.
   Caps: Archivo 10/1, 600, width 118%, .14em. Display: Instrument Sans 600, -.045em. Numbers: Geist Mono 400 tnum.
   Symbol tiles: skewX(-8deg), radius 12, gradient fill, white 2.2 stroke icons. Buttons: skewX(-10deg) plate, upright label. */
:root{
--un-royal:#3A2FD6;--un-ultramarine:#2438D6;--un-amethyst:#7B5CF0;--un-electric:#3E7BFF;--un-ice:#C4CCFF;
--v50:#F0F0FB;--v100:#E7E5FC;--v200:#D3D4F2;--v300:#C4CCFF;--v400:#7B5CF0;--v500:#4B2FD0;--v600:#3A2FD6;--v700:#2A21B0;--v800:#27188F;--v900:#131646;
--blue:#3E7BFF;--cyan:#8FB0FF;
--bg:#F0F0FB;--surf:#FFFFFF;--surf-2:#F7F7FD;--ink:#131646;--ink-2:#575A86;--ink-3:#7A7DA6;--line:#E0E0F2;--line-2:#D3D4EA;
--accent:#3A2FD6;--accent-hover:#2A21B0;--accent-tint:#E7E5FC;
--signal:linear-gradient(120deg,#4B2FD0,#2438D6 55%,#3E7BFF);--deep:linear-gradient(135deg,#27188F 0%,#3A2FD6 50%,#2F6BF0 100%);--band:linear-gradient(180deg,#F0F0FB 0%,#E7E5FC 100%);--un-bar:linear-gradient(90deg,#4B2FD0,#3E7BFF,#C4CCFF);
--ok:#0E7A62;--ok-ink:#0E7A62;--ok-tint:#DAF1EA;--pred:#3A2FD6;--pred-tint:#E7E5FC;--warn:#86621A;--warn-ink:#86621A;--warn-tint:#F6EED9;--bad:#C8324A;--bad-ink:#A8263C;--bad-tint:#F8E3E7;
--tr-disp:-.045em;--tr-h:-.03em;
--r-btn:12px;--r-chip:6px;
--sh-btn:0 12px 26px -14px #3A2FD6;--sh-2:inset 0 1px 0 #fff,0 24px 60px -40px rgba(58,47,214,.35);--sh-3:0 30px 80px -40px rgba(58,47,214,.45);--ring:0 0 0 4px #E7E5FC}
.fsn-logo__mark{background:linear-gradient(135deg,#4B2FD0 0%,#2438D6 55%,#3E7BFF 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 14px -6px rgba(58,47,214,.6)}
.fsn-num,.fsn-kpi__v.m,.h-big,.h-comp__amt,.h-ticket__fund b{font-weight:400;font-feature-settings:'tnum'}

/* Buttons: skewed plate behind an upright label, so wrapped text stays straight */
.fsn-btn{position:relative;isolation:isolate;border-radius:var(--r-btn)}
.fsn-btn--primary,.fsn-btn--solid,.fsn-btn--secondary,.fsn-btn--danger{background:transparent!important;border:0!important;box-shadow:none!important}
.fsn-btn--primary:before,.fsn-btn--solid:before,.fsn-btn--secondary:before,.fsn-btn--danger:before{content:"";position:absolute;inset:0 3px;z-index:-1;border-radius:var(--r-btn);transform:skewX(-10deg);transition:box-shadow var(--d-med) var(--ease)}
.fsn-btn--primary:before{background:var(--signal);box-shadow:var(--sh-btn)}
.fsn-btn--solid{color:#fff!important}.fsn-btn--solid:before{background:var(--ink)}
.fsn-btn--secondary{color:var(--ink)!important}.fsn-btn--secondary:before{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.fsn-btn--danger{color:var(--bad-ink)!important}.fsn-btn--danger:before{background:#fff;box-shadow:inset 0 0 0 1px #EDBCC5}
.fsn-btn:hover{transform:translateY(-2px)}
.fsn-btn:focus-visible{box-shadow:none}.fsn-btn:focus-visible:before{box-shadow:var(--ring),inset 0 0 0 1px var(--accent)}
.fsn-btn--ghost{color:var(--accent)!important}
.deep .fsn-btn--secondary:before,.fsn-kpi--hero .fsn-btn--secondary:before{background:#C4CCFF;box-shadow:none}
.deep .fsn-btn--secondary,.fsn-kpi--hero .fsn-btn--secondary{color:var(--ink)!important}

/* Chips: caps, square-ish, status dot */
.fsn-chip{height:28px;padding:0 11px;border-radius:var(--r-chip);font:600 10px/1 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase}
.fsn-chip:has(svg):before{display:none}
.fsn-chip--neutral{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.fsn-kpi--hero{background:var(--deep)}
.h-range i,.bar>i{background:var(--un-bar)}
.h-prog__bar i.on{background:var(--signal)}
.h-bell b{background:var(--bad)}

/* Symbol tiles (sports and formats) */
.h-sym{display:inline-grid;place-items:center;width:30px;height:26px;border-radius:8px;transform:skewX(-8deg);flex:none;position:relative;overflow:hidden;box-shadow:0 8px 16px -10px var(--tc,#3A2FD6)}
.h-sym:before{content:"";position:absolute;left:4px;top:50%;width:7px;height:1.5px;margin-top:-3px;background:rgba(255,255,255,.5);box-shadow:-1px 6px 0 rgba(255,255,255,.35)}
.h-sym svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform:skewX(8deg);position:relative}
.h-sym--lg{width:60px;height:52px;border-radius:12px}.h-sym--lg svg{width:26px;height:26px}.h-sym--lg:before{left:6px;width:14px;height:2px;margin-top:-6px;box-shadow:-2px 12px 0 rgba(255,255,255,.4)}
.h-sym--md{width:44px;height:38px;border-radius:10px}.h-sym--md svg{width:20px;height:20px}
.sym-basketball{background:linear-gradient(135deg,#4A3DE6,#2B22B4);--tc:#3A2FD6}
.sym-bowling{background:linear-gradient(135deg,#8466F5,#5E44DA);--tc:#7B5CF0}
.sym-cricket{background:linear-gradient(135deg,#4F8BFF,#2F62E0);--tc:#3E7BFF}
.sym-lastcup{background:linear-gradient(135deg,#4B2FD0,#3E7BFF);--tc:#4458DC}
.sym-squash{background:linear-gradient(135deg,#3A4FE6,#2030B8);--tc:#2438D6}
.s-basketball{background:linear-gradient(135deg,#4A3DE6,#2B22B4)}.s-bowling{background:linear-gradient(135deg,#8466F5,#5E44DA)}.s-cricket{background:linear-gradient(135deg,#4F8BFF,#2F62E0)}.s-lastcup{background:linear-gradient(135deg,#4B2FD0,#3E7BFF)}.s-squash{background:linear-gradient(135deg,#3A4FE6,#2030B8)}
.h-glyph{background:var(--signal);color:#fff;border-radius:12px;transform:skewX(-8deg);box-shadow:0 12px 24px -14px #3A2FD6}
.h-glyph svg{transform:skewX(8deg);stroke-width:2.2}
.h-ticket__kind{align-items:center}
.h-ticket__kind .h-sym{margin-right:2px}
.h-comp:before{width:6px}
.c-fee{background:#C4CCFF}.c-host{background:#131646}.c-prize{background:#3A2FD6}.c-league{background:#3E7BFF}.c-season{background:#7B5CF0}.c-venue{background:#8FB0FF}.c-refund{background:#E0E0F2}

/* ===== One button type everywhere =====
   `.fsn button{font:inherit}` was beating the button classes on <button> elements, so a <button> and an <a>
   with the same class rendered in different fonts. Every clickable control now uses the caps rule:
   Archivo 600, width 118%, .14em, uppercase. Size 10px for actions, 10px for filters, tabs and segments. */
.fsn .fsn-btn,.fsn .fsn-filter,.fsn .fsn-tab,.fsn .h-seg a,.fsn .h-seg button,.fsn .h-prov,.fsn .apphead__nav a{
  font-family:var(--f-caps);font-size:10px;font-weight:600;line-height:1.25;font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase}
.fsn .fsn-btn--lg{font-size:11px}
.fsn .h-prov small{font:400 12.5px/1.3 var(--f-body);letter-spacing:0;text-transform:none;font-stretch:100%;font-variation-settings:normal}
.fsn .fsn-filter .m,.fsn .h-seg .m{font-family:var(--f-mono);letter-spacing:0}

/* ===== Sport, not dashboard: full colour where it matters, no accent stripes ===== */
.h-tex{position:relative;isolation:isolate}
.h-tex:before,.h-ticket__main:after,.h-hero:before,.fsn-kpi--hero:after,.h-strip:after,.h-choice.is-on:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.06) 0 1px,transparent 1px 26px)}
.fsn-kpi--hero{position:relative;isolation:isolate;overflow:hidden}

/* Ticket: the sport colour fills the terms; the stub stays white for the QR */
.h-ticket__band{display:none}
.h-ticket{border:0;box-shadow:var(--sh-3);background:#fff}
.h-ticket__main{position:relative;isolation:isolate;color:#fff;padding:24px 24px 24px 26px}
.h-ticket__main .h-ticket__kind{color:rgba(255,255,255,.82)}
.h-ticket__main .h-ticket__name{color:#fff}
.h-ticket__main .h-ticket__terms dt{color:rgba(255,255,255,.66)}
.h-ticket__main .h-ticket__terms dd{color:#fff}
.h-ticket__main .h-ticket__terms dd.is-blank{color:rgba(255,255,255,.5)}
.h-ticket__main .h-sym{background:rgba(255,255,255,.2)!important;box-shadow:none}
.h-ticket__main svg{stroke:currentColor}
.h-ticket__stub{background:#fff}

/* Rows: no left stripe; the sport tile carries the colour */
.h-comp:before{display:none}
.h-comp{padding:18px 20px;border:0;box-shadow:var(--sh-1),0 0 0 1px var(--line)}
.h-comp:hover{box-shadow:var(--sh-2),0 0 0 1px var(--v200)}
.h-comp__name{font:600 21px/1.1 var(--f-disp);letter-spacing:-.035em}
.h-comp__amt{font-size:24px}

/* Status chips: solid fills, no dots */
.fsn-chip:before{display:none}
.fsn-chip--verified{background:var(--ok);color:#fff}
.fsn-chip--ai{background:var(--accent);color:#fff}
.fsn-chip--review{background:var(--warn);color:#fff}
.fsn-chip--unresolved{background:var(--bad);color:#fff}
.fsn-chip--neutral{background:#C4CCFF;color:var(--ink);box-shadow:none}

/* Choices: the picked one is fully coloured, like the primary button */
.h-choice{border:0;box-shadow:0 0 0 1px var(--line-2);position:relative;isolation:isolate;transition:transform var(--d-fast) var(--ease)}
.h-choice:hover{transform:translateY(-2px)}
.h-choice.is-on{background:var(--signal);color:#fff!important;box-shadow:var(--sh-btn)}
.h-choice.is-on small,.h-choice.is-on .m{color:rgba(255,255,255,.85)}
.h-choice.is-on .dot{border:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A2FD6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/13px no-repeat}
.h-choice.is-on .h-glyph,.h-choice.is-on .h-sym{background:rgba(255,255,255,.2)!important;box-shadow:none}
.h-choice.is-on .fsn-chip--verified{background:#fff;color:var(--ok)}

/* Attention strip and hot notifications */
.h-strip{position:relative;isolation:isolate;overflow:hidden;background:var(--deep);border:0;color:#fff!important;box-shadow:var(--sh-3)}
.h-strip .fsn-small{color:rgba(255,255,255,.82)}
.h-strip__n{background:#C4CCFF;color:var(--ink);font-weight:500}
.h-strip .fsn-btn--secondary:before{background:#C4CCFF;box-shadow:none}
.h-exp.is-hot{background:#fff;border-color:var(--line)}
.is-hot .h-notif__ic{background:var(--warn);border-color:transparent;color:#fff}
.h-exp.is-hot>summary .t b{color:var(--ink)}
.h-tpl__foot{border-top:0;padding-top:4px}

/* Hero band: the top of Home and a running competition */
.h-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:22px;padding:clamp(22px,3.4cqw,40px);border-radius:var(--r-card);background:var(--deep);color:#fff;box-shadow:var(--sh-3)}
.h-hero .fsn-h1,.h-hero b{color:#fff}
.h-hero .fsn-lead,.h-hero .fsn-small{color:rgba(255,255,255,.82)}
.h-hero .crumbs,.h-hero .crumbs a{color:rgba(255,255,255,.75)!important}
.h-hero .fsn-panel.fsn-kpi{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff!important;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.h-hero .fsn-kpi .fsn-eyebrow{color:rgba(255,255,255,.72)}
.h-hero .fsn-kpi__d{color:rgba(255,255,255,.8)}
.h-hero .fsn-kpi__v{color:#fff}
.h-hero .fsn-kpi--hero{background:#C4CCFF!important;border:0!important;color:var(--ink)!important}
.h-hero .fsn-kpi--hero .fsn-eyebrow,.h-hero .fsn-kpi--hero .fsn-kpi__d{color:var(--ink-2)}
.h-hero .fsn-kpi--hero .fsn-kpi__v{color:var(--ink)}
.h-hero .fsn-kpi--hero:after{display:none}
.h-hero .fsn-kpi--hero .fsn-btn--secondary:before{background:var(--ink)}
.h-hero .fsn-kpi--hero .fsn-btn--secondary{color:#fff!important}
.h-hero .fsn-btn--primary:before{background:#C4CCFF;box-shadow:none}
.h-hero .fsn-btn--primary{color:var(--ink)!important}
.h-hero .fsn-btn--secondary:before{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.h-hero .fsn-btn--secondary{color:#fff!important}
.h-hero .bar{background:rgba(255,255,255,.2)}.h-hero .bar>i{background:#C4CCFF}
.h-hero .fsn-chip--verified{background:#fff;color:var(--ok)}

/* Bigger, tighter display type for the host app */
.h-app .fsn-h1{font-size:clamp(34px,4.6cqw,60px);line-height:.98;letter-spacing:-.05em}
.h-app .fsn-h2{letter-spacing:-.04em}
.h-app .fsn-kpi__v{font-family:var(--f-mono);font-weight:400;letter-spacing:-.04em}
.h-app .h-exp>summary .t b{letter-spacing:-.03em}
@media(max-width:720px){.h-hero{border-radius:22px;margin:0 -4px}.h-ticket__main{padding:20px 18px}}/*cq*/@container (max-width:720px){.h-hero{border-radius:22px;margin:0 -4px}.h-ticket__main{padding:20px 18px}}

/* ===== Scoreboard ===== */
.sb{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-card);background:linear-gradient(160deg,#1B1660 0%,#131646 60%,#0E1038 100%);color:#fff;padding:clamp(18px,3cqw,32px);display:flex;flex-direction:column;gap:20px;box-shadow:var(--sh-3)}
.sb:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px),radial-gradient(600px 260px at 85% -10%,rgba(62,123,255,.35),transparent 70%),radial-gradient(500px 240px at 0% 0%,rgba(123,92,240,.3),transparent 70%)}
.sb .fsn-eyebrow{color:rgba(255,255,255,.66)}
.sb__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}
.sb__title{font:600 clamp(30px,4cqw,48px)/.95 var(--f-disp);letter-spacing:-.05em;color:#fff}
.sb__live{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 11px;border-radius:6px;background:#C8324A;color:#fff;font:600 10px/1 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase}
.sb__live:before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:sbp 1.4s infinite}
@keyframes sbp{50%{opacity:.25}}
.sb__clock{display:flex;gap:6px}
.sb__clock div{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px;padding:10px 8px 8px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.sb__clock b{font:400 30px/1 var(--f-mono);font-feature-settings:'tnum';letter-spacing:-.04em;color:#fff}
.sb__clock span{font:600 9px/1 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sb__stats{display:flex;flex-wrap:wrap;gap:8px}
.sb__stats span{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:8px;background:rgba(255,255,255,.08);font:500 13px var(--f-body);color:rgba(255,255,255,.86)}
.sb__stats b{font:500 14px var(--f-mono);color:#fff}
.sb-pod{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:12px;align-items:end}
.sb-pod__c{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.sb-pod__c.is-1{background:var(--signal);border:0;padding:24px 18px 20px;box-shadow:0 30px 60px -30px #3E7BFF}
.sb-pod__c.is-1:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.07) 0 1px,transparent 1px 22px)}
.sb-pod__rk{display:flex;align-items:center;justify-content:space-between}
.sb-pod__rk b{font:400 44px/.9 var(--f-mono);letter-spacing:-.05em;color:#fff}
.sb-pod__c.is-1 .sb-pod__rk b{font-size:60px}
.sb-pod__who{font:600 18px/1.15 var(--f-disp);letter-spacing:-.03em;color:#fff}
.sb-pod__who small{display:block;margin-top:3px;font:400 12.5px/1.3 var(--f-body);letter-spacing:0;color:rgba(255,255,255,.72)}
.sb-pod__sc{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.18)}
.sb-pod__sc b{font:400 34px/1 var(--f-mono);font-feature-settings:'tnum';letter-spacing:-.04em;color:#fff}
.sb-pod__c.is-1 .sb-pod__sc b{font-size:44px}
.sb-pod__sc span{font:500 15px var(--f-mono);color:#C4CCFF}
.sb-pod__c.is-1 .sb-pod__sc span{color:#fff}
.sb-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;font:600 9.5px/1 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:rgba(255,255,255,.14);color:#fff}
.sb-tag.is-ok{background:#0E7A62}.sb-tag.is-rev{background:#86621A}.sb-tag.is-feat{background:#C4CCFF;color:#131646}.sb-tag.is-live{background:#C8324A}
.sb-tag svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sb-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto 88px 92px;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06)}
.sb-row.is-paid{background:rgba(255,255,255,.1)}
.sb-row.is-you{background:rgba(196,204,255,.18);box-shadow:inset 0 0 0 1px rgba(196,204,255,.4)}
.sb-row__rk{font:400 26px/1 var(--f-mono);letter-spacing:-.04em;color:#fff;display:flex;align-items:center;gap:6px}
.sb-mv{font:500 11px var(--f-mono);letter-spacing:0}.sb-mv.up{color:#5FD3A8}.sb-mv.dn{color:#FF8FA3}.sb-mv.eq{color:rgba(255,255,255,.45)}
.sb-row__who{font:600 15px/1.2 var(--f-body);color:#fff;min-width:0}
.sb-row__who small{display:block;font:400 12px/1.3 var(--f-body);color:rgba(255,255,255,.62);margin-top:2px}
.sb-row__sc{font:400 24px/1 var(--f-mono);font-feature-settings:'tnum';letter-spacing:-.03em;color:#fff;text-align:right}
.sb-row__pz{font:500 14px var(--f-mono);color:#C4CCFF;text-align:right}
.sb-row__pz.is-none{color:rgba(255,255,255,.4)}
.sb-line{display:flex;align-items:center;gap:12px;margin:6px 0;font:600 10px/1 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:#C4CCFF}
.sb-line:before,.sb-line:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#C4CCFF,transparent)}
.sb-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}.sb-bar i{display:block;height:100%;border-radius:inherit;background:var(--un-bar)}
.sb__foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font:var(--t-xs);color:rgba(255,255,255,.62)}
.sb .fsn-btn--secondary:before{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.sb .fsn-btn--secondary{color:#fff!important}
@media(max-width:720px){
  .sb{margin:0 -4px;border-radius:22px}
  .sb-pod{grid-template-columns:1fr 1fr}
  .sb-pod__c.is-1{grid-column:1 / -1;order:-1}
  .sb-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:12px}
  .sb-row__tags{display:none}
  .sb-row__pz{grid-column:2 / -1;text-align:left;margin-top:-4px}
  .sb-row__rk{font-size:22px}
  .sb__clock div{min-width:0;flex:1}
}/*cq*/@container (max-width:720px){
  .sb{margin:0 -4px;border-radius:22px}
  .sb-pod{grid-template-columns:1fr 1fr}
  .sb-pod__c.is-1{grid-column:1 / -1;order:-1}
  .sb-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:12px}
  .sb-row__tags{display:none}
  .sb-row__pz{grid-column:2 / -1;text-align:left;margin-top:-4px}
  .sb-row__rk{font-size:22px}
  .sb__clock div{min-width:0;flex:1}
}

/* ===== Symbols without containers (sport tiles keep theirs) ===== */
.fsn-flow__n:not(:last-child):after{display:none}
.fsn-flow__ic,.fsn-empty__ic,.h-notif__ic,.dlg-x,.h-bell,.h-glyph,.h-checks .ic{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.fsn-flow__ic{width:auto;height:auto;justify-self:start}
.fsn-flow__ic svg,.fsn-empty__ic svg{width:28px;height:28px}
.fsn-empty__ic{width:auto;height:auto}
.h-glyph{width:auto!important;height:auto!important;color:var(--accent)}
.h-glyph svg{transform:none;width:30px;height:30px;stroke-width:2}
.h-choice.is-on .h-glyph{color:#fff}
.deep .h-glyph,.h-tpl.deep .h-glyph{color:#fff}
.h-notif__ic{width:28px;height:28px;color:var(--accent)}
.is-hot .h-notif__ic{color:var(--warn)}
.h-notif{grid-template-columns:28px minmax(0,1fr)}
.h-checks .ic{color:var(--ok)}.h-checks .ic svg{width:20px;height:20px;stroke-width:2.6}
.h-checks .is-wait .ic,.h-checks .is-todo .ic{color:var(--ink-3);font:500 15px var(--f-mono)}
.h-bell{width:36px;height:36px;color:var(--ink)!important}
.h-bell svg{width:22px;height:22px}
.dlg-x{color:var(--ink)}.dlg-x svg{width:20px;height:20px}
.h-exp>summary:after{background-color:transparent;width:22px;height:22px;background-size:20px}
.fsn-acc summary:after{background-color:transparent}
.h-acct svg{stroke:var(--ink-2)}

/* ===== Scoreboard, compact ===== */
.sb{gap:14px;padding:clamp(16px,2.4cqw,26px)}
.sb__head{align-items:center}
.sb__title{font-size:clamp(24px,2.8cqw,34px)}
.sb__clock{display:flex;align-items:baseline;gap:2px}
.sb__clock .fsn-eyebrow{margin-right:8px}
.sb__clock b{font:400 24px/1 var(--f-mono);letter-spacing:-.03em;color:#fff}
.sb__clock i{font:500 12px var(--f-mono);font-style:normal;color:rgba(255,255,255,.55);margin-right:8px}
.sb__clock div{all:unset}
.sb__meta{font:var(--t-s);color:rgba(255,255,255,.7)}
.sb__meta b{font:500 14px var(--f-mono);color:#fff}
.sb-pod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.sb-pod__c,.sb-pod__c.is-1{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;flex-direction:initial}
.sb-pod__c.is-1{box-shadow:0 18px 40px -24px #3E7BFF}
.sb-pod__rk{font:400 22px/1 var(--f-mono);letter-spacing:-.03em;color:#fff;min-width:22px}
.sb-pod__c.is-1 .sb-pod__rk{font-size:26px}
.sb-pod__who{font:600 15px/1.2 var(--f-body);letter-spacing:0;color:#fff;min-width:0}
.sb-pod__who small{font-size:12px;margin-top:2px}
.sb-pod__sc{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0;border:0}
.sb-pod__sc b,.sb-pod__c.is-1 .sb-pod__sc b{font:400 26px/1 var(--f-mono);letter-spacing:-.03em}
.sb-pod__c.is-1 .sb-pod__sc b{font-size:30px}
.sb-pod__sc span{font-size:12.5px}
.sb-list{gap:4px}
.sb-row{grid-template-columns:34px minmax(0,1fr) auto auto;gap:10px;padding:9px 14px;border-radius:12px}
.sb-row__rk{font-size:17px;gap:4px}
.sb-row__who{font-size:14px}.sb-row__who small{font-size:11.5px}
.sb-row__sc{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:19px}
.sb-row__sc small{font:500 11.5px var(--f-mono);letter-spacing:0;color:#C4CCFF}
.sb-row__sc small.is-none{color:rgba(255,255,255,.45)}
.sb-tag{height:20px;padding:0 7px;font-size:9px}
.sb-line{margin:4px 0}
@media(max-width:900px){.sb-pod{grid-template-columns:minmax(0,1fr)}}/*cq*/@container (max-width:900px){.sb-pod{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){
  .sb-pod__c.is-1{grid-column:auto;order:0}
  .sb-row{grid-template-columns:30px minmax(0,1fr) auto;padding:9px 12px}
  .sb-row__tags{display:none}
  .sb__clock b{font-size:20px}
}/*cq*/@container (max-width:720px){
  .sb-pod__c.is-1{grid-column:auto;order:0}
  .sb-row{grid-template-columns:30px minmax(0,1fr) auto;padding:9px 12px}
  .sb-row__tags{display:none}
  .sb__clock b{font-size:20px}
}
.sb-row.is-first{background:var(--signal);box-shadow:0 14px 30px -20px #3E7BFF}
.sb-row.is-first .sb-row__sc small{color:#fff}

/* ===== Bento stats ===== */
.h-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.h-bento>.fsn-kpi{padding:16px 18px;gap:6px;border-radius:18px;align-content:space-between}
.h-bento .fsn-kpi__v{font-size:28px!important;line-height:1}
.h-bento .fsn-kpi__d{font-size:12px;line-height:1.35}
.h-bento>.b-big{grid-column:span 2;grid-row:span 2;padding:22px}
.h-bento>.b-big .fsn-kpi__v{font-size:clamp(40px,5cqw,60px)!important}
.h-bento>.b-wide{grid-column:span 2}
@media(max-width:720px){
  .h-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .h-bento>.b-big{grid-column:span 2;grid-row:auto;padding:18px}
  .h-bento>.b-big .fsn-kpi__v{font-size:44px!important}
  .h-bento>.fsn-kpi{padding:14px}
  .h-bento .fsn-kpi__v{font-size:24px!important}
}/*cq*/@container (max-width:720px){
  .h-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .h-bento>.b-big{grid-column:span 2;grid-row:auto;padding:18px}
  .h-bento>.b-big .fsn-kpi__v{font-size:44px!important}
  .h-bento>.fsn-kpi{padding:14px}
  .h-bento .fsn-kpi__v{font-size:24px!important}
}

/* Hero standout tile: bright gradient, white type (replaces the ice card) */
.h-hero .fsn-kpi--hero{background:linear-gradient(135deg,#5B3DF0 0%,#2F5BF5 55%,#3E9BFF 100%)!important;color:#fff!important;box-shadow:0 24px 50px -24px #3E7BFF,inset 0 1px 0 rgba(255,255,255,.25)!important}
.h-hero .fsn-kpi--hero:after{display:block}
.h-hero .fsn-kpi--hero .fsn-eyebrow{color:rgba(255,255,255,.8)}
.h-hero .fsn-kpi--hero .fsn-kpi__d{color:rgba(255,255,255,.88)}
.h-hero .fsn-kpi--hero .fsn-kpi__v{color:#fff}
.h-hero .fsn-kpi--hero .fsn-btn--secondary:before{background:#fff}
.h-hero .fsn-kpi--hero .fsn-btn--secondary{color:var(--ink)!important}

/* ===== Standard leaderboard: Place · Player · Score · Outcome ===== */
.lb{display:flex;flex-direction:column;gap:4px}
.lb-h,.lb-r{display:grid;grid-template-columns:30px minmax(0,1fr) 64px 104px;align-items:center;gap:10px;padding:0 14px}
.lb-h{padding-bottom:4px;font:600 9px/1 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.lb-h span:nth-child(n+3){text-align:right}
.lb-r{min-height:44px;border-radius:12px;background:rgba(255,255,255,.08)}
.lb-r.is-first{background:var(--signal);box-shadow:0 14px 30px -20px #3E7BFF}
.lb-r.is-out{background:rgba(255,255,255,.04)}
.lb-rk{font:400 17px/1 var(--f-mono);color:#fff}
.lb-who{display:flex;align-items:center;gap:8px;min-width:0;font:600 14px/1.2 var(--f-body);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-sc{font:400 20px/1 var(--f-mono);font-feature-settings:'tnum';letter-spacing:-.03em;color:#fff;text-align:right}
.lb-oc{font:500 13px var(--f-mono);color:#C4CCFF;text-align:right;white-space:nowrap}
.lb-r.is-first .lb-oc{color:#fff}
.lb-r.is-out .lb-oc{color:rgba(255,255,255,.5)}
.lb-r.is-out .lb-sc,.lb-r.is-out .lb-who,.lb-r.is-out .lb-rk{color:rgba(255,255,255,.75)}
.lb-line{display:flex;align-items:center;gap:10px;margin:4px 0;font:600 9.5px/1 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:#C4CCFF}
.lb-line:before,.lb-line:after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#C4CCFF,transparent)}
@media(max-width:720px){.lb-h,.lb-r{grid-template-columns:24px minmax(0,1fr) 46px 92px;gap:8px;padding:0 10px}.lb-sc{font-size:18px}.lb-oc{font-size:12px}}/*cq*/@container (max-width:720px){.lb-h,.lb-r{grid-template-columns:24px minmax(0,1fr) 46px 92px;gap:8px;padding:0 10px}.lb-sc{font-size:18px}.lb-oc{font-size:12px}}

/* ===== Sign-in: centred hero like the website ===== */
.h-auth{min-height:100cqh;display:flex;flex-direction:column;background:var(--bg)}
.h-auth__hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:40px;padding:clamp(48px,8cqw,96px) 16px clamp(140px,14cqw,180px);background:var(--deep);color:#fff;text-align:center}
.h-auth__hero:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 26px),radial-gradient(700px 320px at 50% 0%,rgba(62,123,255,.35),transparent 70%)}
.h-auth__copy{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:760px}
.h-auth__copy .fsn-eyebrow{color:rgba(255,255,255,.72)}
.h-auth__copy .fsn-dl{color:#fff;font-size:clamp(40px,6cqw,76px);letter-spacing:-.05em;line-height:.98}
.h-auth__copy .fsn-lead{color:rgba(255,255,255,.86);margin:0 auto;text-align:center;max-width:56ch}
.h-auth__main{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 16px 56px;margin-top:clamp(-140px,-11cqw,-100px)}
.h-auth__card{width:min(520px,100%);padding:clamp(22px,4cqw,36px);gap:18px;box-shadow:var(--sh-3)}
.h-auth__note{width:min(520px,100%)}
.h-prov-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.h-prov-grid .h-prov{min-height:56px;padding:10px 12px;gap:10px}
.h-prov-grid .h-prov small{display:none}
@media(max-width:720px){.h-auth__hero{gap:28px}.h-prov-grid .h-prov{font-size:9.5px;letter-spacing:.1em}}/*cq*/@container (max-width:720px){.h-auth__hero{gap:28px}.h-prov-grid .h-prov{font-size:9.5px;letter-spacing:.1em}}

/* ===== Payout preview, clean lists, white minis ===== */
.h-pay{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.h-pay li{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:12px;font:var(--t-s);color:var(--ink)}
.h-pay li i{display:block;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--un-bar)) 0 0/var(--w) 100% no-repeat,var(--line)}
.h-pay li b{font:500 14px var(--f-mono);text-align:right}
.h-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.h-list>li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.h-list>li:last-child{border-bottom:0}
.h-list__t{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}
.h-list__t b{font:600 14.5px/1.3 var(--f-body);color:var(--ink)}
.h-list__t span{font:var(--t-xs);color:var(--ink-2)}
.h-list__v{font:500 15px var(--f-mono);color:var(--ink);white-space:nowrap;text-align:right;flex:none}
a.h-list__row{color:inherit!important;text-decoration:none!important}
.h-link{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink)!important;text-decoration:none!important}
.h-link:hover{box-shadow:0 0 0 1px var(--v200),var(--sh-2)}
.h-link .h-list__t{flex:1}
.h-link>svg{width:18px;height:18px;fill:none;stroke:var(--ink-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mini{background:#fff;border:1px solid var(--line)}
/* Light leaderboard for summaries */
.lb.is-light .lb-h{color:var(--ink-3)}
.lb.is-light .lb-r{background:var(--surf-2);box-shadow:inset 0 0 0 1px var(--line)}
.lb.is-light .lb-r.is-first{background:var(--accent-tint);box-shadow:none}
.lb.is-light .lb-rk,.lb.is-light .lb-who,.lb.is-light .lb-sc{color:var(--ink)}
.lb.is-light .lb-oc,.lb.is-light .lb-r.is-first .lb-oc{color:var(--accent)}
.lb.is-light .lb-r.is-out{background:transparent}
.lb.is-light .lb-r.is-out .lb-oc,.lb.is-light .lb-r.is-out .lb-sc,.lb.is-light .lb-r.is-out .lb-who,.lb.is-light .lb-r.is-out .lb-rk{color:var(--ink-2)}
.lb.is-light .lb-line{color:var(--accent)}.lb.is-light .lb-line:before,.lb.is-light .lb-line:after{background:linear-gradient(90deg,transparent,var(--v300),transparent)}
.lb.is-light .sb-tag.is-rev{background:var(--warn)}
/* Empty states */
.h-zero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(28px,5cqw,56px) 20px;border-radius:var(--r-card);background:#fff;box-shadow:0 0 0 1px var(--line)}
.h-zero>svg{width:36px;height:36px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.h-zero p{max-width:44ch}
.h-pop{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-card);background:var(--signal);color:#fff;padding:22px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-btn)}
.h-pop:after{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.06) 0 1px,transparent 1px 26px)}
.h-pop .fsn-eyebrow{color:rgba(255,255,255,.78)}
.h-pop__v{font:400 clamp(44px,6cqw,64px)/1 var(--f-mono);letter-spacing:-.05em;font-feature-settings:'tnum'}
.h-pop__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.22)}
.h-pop__row small{display:block;font:600 9.5px/1.3 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.h-pop__row b{display:block;margin-top:4px;font:400 20px/1 var(--f-mono);color:#fff}
.h-pop .bar{background:rgba(255,255,255,.22)}.h-pop .bar>i{background:#fff}

/* One pop per screen: standout tile is the bright gradient everywhere; the attention strip stays light */
.fsn-kpi--hero{background:linear-gradient(135deg,#5B3DF0 0%,#2F5BF5 55%,#3E9BFF 100%);color:#fff;box-shadow:var(--sh-btn)}
.fsn-kpi--hero .fsn-btn--secondary:before{background:#fff}.fsn-kpi--hero .fsn-btn--secondary{color:var(--ink)!important}
.h-strip{background:#fff;color:var(--ink)!important;box-shadow:0 0 0 1px var(--line)}
.h-strip:after{display:none}
.h-strip .fsn-small{color:var(--ink-2)}
.h-strip__n{background:var(--warn);color:#fff}
.h-strip .fsn-btn--secondary:before{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}

/* ===== QA round: sign-in layering and soft hero edge, centred segments ===== */
.h-auth__main{position:relative;z-index:2}
.h-auth__hero{border-radius:0 0 50% 50% / 0 0 72px 72px}
.h-seg a,.h-seg button{justify-content:center;text-align:center}
@media(max-width:720px){
  .h-auth__hero{padding:40px 20px 120px;gap:22px;border-radius:0 0 50% 50% / 0 0 40px 40px}
  .h-auth__main{margin-top:-84px}
  .h-auth__copy .fsn-dl{font-size:40px}
  .h-auth__copy .fsn-lead{font-size:16px}
  .h-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}
  .h-seg a,.h-seg button{padding:0 8px}
}/*cq*/@container (max-width:720px){
  .h-auth__hero{padding:40px 20px 120px;gap:22px;border-radius:0 0 50% 50% / 0 0 40px 40px}
  .h-auth__main{margin-top:-84px}
  .h-auth__copy .fsn-dl{font-size:40px}
  .h-auth__copy .fsn-lead{font-size:16px}
  .h-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);width:100%}
  .h-seg a,.h-seg button{padding:0 8px}
}

/* ===== Browser, not app: menu instead of tab bar; tables that fit ===== */
.h-tabbar{display:none!important}
.h-menu{position:relative}
.h-menu>summary{list-style:none;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.h-menu>summary::-webkit-details-marker{display:none}
.h-menu>summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.h-menu>nav{position:absolute;right:0;top:48px;z-index:20;width:240px;display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:18px;background:#fff;box-shadow:var(--sh-3),0 0 0 1px var(--line)}
.h-menu>nav a{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;border-radius:10px;font:500 15px var(--f-body);color:var(--ink)!important;text-decoration:none!important}
.h-menu>nav a.is-active{background:var(--accent-tint);color:var(--accent)!important}
.h-menu>nav a b{min-width:22px;height:22px;border-radius:99px;background:var(--bad);color:#fff;font:600 11px/22px var(--f-mono);text-align:center}
.h-menu>nav .fsn-btn{margin-top:6px;justify-content:center;color:#fff!important;font:600 10px/1.25 var(--f-caps)}
.h-exp>.b>*,.fsn-card>*,.stack>*,.stack-12>*,.stack-24>*{min-width:0}
.tbl{max-width:100%}
@media(max-width:720px){
  .h-actionbar{bottom:0}
  .h-app .h-acct{margin-left:auto}
  .fsn-table th,.fsn-table td{padding:10px 10px}
}/*cq*/@container (max-width:720px){
  .h-actionbar{bottom:0}
  .h-app .h-acct{margin-left:auto}
  .fsn-table th,.fsn-table td{padding:10px 10px}
}
@media(max-width:720px){.fsn-table th,.fsn-table td{white-space:normal}.fsn-table td.m,.fsn-table .m{white-space:nowrap}}/*cq*/@container (max-width:720px){.fsn-table th,.fsn-table td{white-space:normal}.fsn-table td.m,.fsn-table .m{white-space:nowrap}}
.h-step{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:10px}
.h-step>button{height:52px;border-radius:14px;border:1px solid var(--line-2);background:#fff;font:400 24px/1 var(--f-mono);color:var(--ink);cursor:pointer}
.h-step>label{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;border-radius:16px;border:1px solid var(--line-2);background:#fff}
.h-step input{width:64px;border:0;outline:0;background:transparent;text-align:center;font:400 34px/1 var(--f-mono);color:var(--ink);letter-spacing:-.03em}
.h-seg a,.h-seg button{white-space:nowrap}
@media(max-width:720px){
  .lb-h,.lb-r{grid-template-columns:20px minmax(0,1fr) 40px 74px;gap:6px}
  .lb-who{gap:6px}.lb-who .sb-tag{flex:none;height:18px;padding:0 5px;font-size:8px;letter-spacing:.08em}
  .lb-oc{font-size:11.5px}
}/*cq*/@container (max-width:720px){
  .lb-h,.lb-r{grid-template-columns:20px minmax(0,1fr) 40px 74px;gap:6px}
  .lb-who{gap:6px}.lb-who .sb-tag{flex:none;height:18px;padding:0 5px;font-size:8px;letter-spacing:.08em}
  .lb-oc{font-size:11.5px}
}

/* ===================== Numbers: Archivo Expanded (Ultra Nightshade, option B) =====================
   Every number (money, scores, counts, places, times) uses Archivo 600 at width 125% with tabular figures.
   Geist Mono stays only for code, hashes, wallet addresses and IDs (.hash, .code, pre, .fsn-mono). */
:root{--f-num:Archivo,'Arial',sans-serif}
.fsn-num,.fsn-kpi__v,.fsn-kpi__v.m,.h-big,.h-pop__v,.h-pop__row b,.lb-sc,.lb-rk,.lb-oc,.sb__clock b,.sb__clock i,.sb__meta b,.h-comp__amt,.h-ticket__fund b,
.h-legend b,.h-list__v,.h-pay b,.h-step input,.h-step>button,.sb-row__rk,.sb-row__sc,.sb-row__sc small,.sb-mv,.h-strip__n,.h-attn__n,.h-bell b,.h-menu>nav a b,.fsn-nav .h-count,
.m,.fsn .m,dd.m,td.m,.facts dd.m,.h-ticks,.h-steps .n,.fsn-flow__k,.fsn-affix input,.h-checks .is-wait .ic,.h-checks .is-todo .ic{
  font-family:var(--f-num)!important;font-weight:600;font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;font-feature-settings:'tnum';letter-spacing:-.01em}
.fsn-num,.h-big,.h-pop__v,.fsn-kpi__v,.lb-sc,.h-comp__amt,.h-ticket__fund b,.h-step input{letter-spacing:-.03em}
.hash,.code,pre,.fsn-mono,.hash *,.code *{font-family:var(--f-mono)!important;font-stretch:100%;font-variation-settings:normal;font-weight:400;letter-spacing:0}
@media(max-width:720px){.lb-h,.lb-r{grid-template-columns:28px minmax(0,1fr) 44px 86px}.lb-rk{font-size:15px}.lb-oc{font-size:11px;letter-spacing:-.02em}}/*cq*/@container (max-width:720px){.lb-h,.lb-r{grid-template-columns:28px minmax(0,1fr) 44px 86px}.lb-rk{font-size:15px}.lb-oc{font-size:11px;letter-spacing:-.02em}}

/* ===== Top-nav web shell (Players) ===== */
.t-app{min-height:100cqh;display:flex;flex-direction:column;background:var(--bg)}
.t-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:12px 32px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.t-nav{display:flex;gap:4px;flex:1;justify-content:center}
.t-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:12px;font:600 10px/1 var(--f-caps);font-stretch:118%;font-variation-settings:'wght' 600,'wdth' 118;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)!important;text-decoration:none!important}
.t-nav a:hover{background:var(--v100)}.t-nav a.is-active{background:var(--accent-tint);color:var(--accent)!important}
.t-end{display:flex;align-items:center;gap:10px;margin-left:auto}
.t-bal{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:4px 12px;border-radius:12px;color:var(--ink)!important;text-decoration:none!important}
.t-bal .fsn-eyebrow{font-size:8.5px}.t-bal b{font-size:15px}
.t-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:32px 32px 56px;display:flex;flex-direction:column;gap:28px}
.t-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:20px 32px;border-top:1px solid var(--line);background:#fff;font:var(--t-xs);color:var(--ink-2)}
.t-only-phone{display:none}
@media(max-width:720px){
  .t-head{padding:10px 16px;gap:10px}
  .t-head .fsn-logo__desc,.t-nav,.t-end .h-me__av{display:none}
  .t-only-phone{display:block}
  .t-bal{padding:2px 6px}.t-bal .fsn-eyebrow{display:none}
  .t-main{padding:20px 16px 32px;gap:20px}
  .t-foot{padding:16px}
  .t-app .h-actionbar{margin:0 -16px}
}/*cq*/@container (max-width:720px){
  .t-head{padding:10px 16px;gap:10px}
  .t-head .fsn-logo__desc,.t-nav,.t-end .h-me__av{display:none}
  .t-only-phone{display:block}
  .t-bal{padding:2px 6px}.t-bal .fsn-eyebrow{display:none}
  .t-main{padding:20px 16px 32px;gap:20px}
  .t-foot{padding:16px}
  .t-app .h-actionbar{margin:0 -16px}
}
/* Shared bits for the other apps */
.h-prog__bar[style*="--n: 4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.p-cam{position:relative;aspect-ratio:3/4;max-height:520px;border-radius:22px;background:linear-gradient(160deg,#1B1660,#0E1038);overflow:hidden;display:grid;place-items:center;color:rgba(255,255,255,.75)}
.p-cam:before{content:"";position:absolute;inset:14%;border:2px dashed rgba(196,204,255,.7);border-radius:18px}
.p-cam span{position:relative;font:var(--t-s)}
.p-share{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;max-width:420px;width:100%;margin:0 auto;border-radius:28px;background:var(--deep);color:#fff;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-3)}
.p-share:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 26px),radial-gradient(520px 260px at 90% 0%,rgba(62,123,255,.45),transparent 70%)}
.p-share__score{font-family:var(--f-num);font-weight:600;font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;font-size:120px;line-height:.9;letter-spacing:-.04em}
.lb-r.is-you{box-shadow:inset 0 0 0 2px #C4CCFF}
.lb.is-light .lb-r.is-you{box-shadow:inset 0 0 0 2px var(--accent)}
.p-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;font:600 9.5px/1.2 var(--f-caps);font-stretch:118%;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.p-track .on{color:var(--accent)}
.h-pop__row b.w,.fsn-kpi__v.w{font-family:var(--f-disp)!important;font-stretch:100%!important;font-variation-settings:normal!important;font-weight:600;letter-spacing:-.02em}
.h-pop__row b{font-size:18px;line-height:1.15}
@media(max-width:720px){.h-pop__v{font-size:44px}.h-app .h-menu{margin-left:auto}.h-app .h-acct ~ .h-menu{margin-left:0}}/*cq*/@container (max-width:720px){.h-pop__v{font-size:44px}.h-app .h-menu{margin-left:auto}.h-app .h-acct ~ .h-menu{margin-left:0}}
.fsn-card>.h-link{border-radius:0;box-shadow:none!important;padding:14px 0;border-bottom:1px solid var(--line);background:transparent}
.fsn-card>.h-link:last-child{border-bottom:0}
.fsn-card>.h-link:hover .h-list__t b{color:var(--accent)}
.h-link .h-list__v{flex:none;text-align:right}
.h-search{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-1)}
.h-search .fsn-field{flex:1;min-width:0;border:0!important;box-shadow:none!important;background:transparent;padding-left:0}
.h-video{position:relative;aspect-ratio:16/9;border-radius:20px;background:radial-gradient(120% 90% at 30% 20%,#2a2f6e 0,#131646 70%);display:grid;place-items:center;overflow:hidden}
.h-video__play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}
.h-video__tag{position:absolute;left:14px;bottom:14px;font:500 12px var(--f-body);color:#fff;background:rgba(0,0,0,.35);padding:6px 10px;border-radius:99px}
@media(max-width:720px){.h-search{flex-wrap:wrap;padding:12px}.h-search .fsn-btn{width:100%;justify-content:center}.fsn-card>.h-link{gap:10px}.h-link .h-list__v{font-size:12px}}/*cq*/@container (max-width:720px){.h-search{flex-wrap:wrap;padding:12px}.h-search .fsn-btn{width:100%;justify-content:center}.fsn-card>.h-link{gap:10px}.h-link .h-list__v{font-size:12px}}
.h-link--flat{border-radius:0;box-shadow:none!important;padding:14px 0;border-bottom:1px solid var(--line);background:transparent}
.h-link--flat:last-child{border-bottom:0}
.h-idn,.h-addr__av{background:conic-gradient(from 210deg,#3A2FD6,#7B5CF0,#3E7BFF,#C4CCFF,#3A2FD6)!important;color:transparent!important}
.h-addr{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surf-2);border:1px solid var(--line)}
.h-addr__av{width:40px;height:40px;border-radius:50%;flex:none}
.h-addr__t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.h-addr__t b{font:500 15px/1.2 var(--f-mono);color:var(--ink)}
.h-addr__t small{font:var(--t-xs);color:var(--ink-2)}
.h-addr--pop{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.h-addr--pop .h-addr__t b{color:#fff}.h-addr--pop .h-addr__t small{color:rgba(255,255,255,.75)}
.h-addr__t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Link preview image 1200x630 */
.og{position:relative;isolation:isolate;overflow:hidden;width:1200px;height:630px;box-sizing:border-box;padding:44px 56px;background:var(--deep);color:#fff;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--f-body)}
.og:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 30px),radial-gradient(700px 360px at 50% 40%,rgba(62,123,255,.5),transparent 70%)}
.og__top{display:flex;justify-content:space-between;align-items:center}
.og__logo{display:inline-flex;align-items:center;gap:14px}.og__logo .fsn-logo__mark{width:52px;height:52px;border-radius:14px}.og__logo b{font:600 34px/1 var(--f-disp);letter-spacing:-.045em}
.og__tag{font:600 15px/1 var(--f-caps);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;padding:12px 18px;border-radius:99px;background:rgba(255,255,255,.14)}
.og--closing .og__tag,.og--h2h .og__tag{background:#fff;color:var(--ink)}
.og__mid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.og__kind{display:inline-flex;align-items:center;gap:14px;font:600 16px/1 var(--f-caps);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.og__kind .h-sym{width:48px;height:42px;box-shadow:none}.og__kind .h-sym svg{width:22px;height:22px}
.og__title{font:600 66px/1 var(--f-disp);letter-spacing:-.045em;margin-top:6px}
.og__big{font-family:var(--f-num);font-weight:600;font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;font-size:150px;line-height:.9;letter-spacing:-.04em;margin-top:8px}
.og__cap{font:600 15px/1 var(--f-caps);font-stretch:118%;letter-spacing:.18em;text-transform:uppercase;color:#C4CCFF}
.og__foot{display:flex;align-items:center;justify-content:space-between;gap:24px}
.og__terms{display:flex;gap:34px;margin:0}
.og__terms div{display:flex;flex-direction:column;gap:6px}
.og__terms dt{font:600 12px/1 var(--f-caps);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.og__terms dd{margin:0;font:600 22px/1.1 var(--f-disp);letter-spacing:-.02em;white-space:nowrap}
.og__cta{position:relative;isolation:isolate;padding:18px 30px;font:600 15px/1 var(--f-caps);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.og__cta:before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border-radius:12px;transform:skewX(-10deg)}
.og-thumb{overflow:hidden;flex:none}
.og-crop{padding:0;background:#fff}
.og-crop__img{position:relative;width:1200px;height:630px}
.og-crop__box{position:absolute;left:285px;top:0;width:630px;height:630px;box-shadow:0 0 0 2000px rgba(19,22,70,.55);outline:3px dashed #fff;outline-offset:-3px;pointer-events:none}
.og-crop__note{margin:0;padding:40px 56px;font:500 22px/1.4 var(--f-body);color:var(--ink)}
/* Chat mockups */
.ph-row{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.ph{width:340px;height:640px;border-radius:40px;padding:10px;background:#131646;box-shadow:var(--sh-3)}
.chat{height:100%;border-radius:31px;overflow:hidden;display:flex;flex-direction:column;font-family:-apple-system,system-ui,sans-serif}
.chat__bar{display:flex;align-items:center;gap:10px;padding:34px 14px 12px;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
.chat__bar b{display:block;font:600 14px/1.2 inherit;font-family:inherit;color:#111}.chat__bar small{font:400 11px/1.2 inherit;font-family:inherit;color:#667}
.chat__bar--c{flex-direction:column;gap:4px;padding-top:30px}
.chat__av{width:32px;height:32px;border-radius:50%;background:#C4CCFF;color:#131646;display:grid;place-items:center;font:600 11px var(--f-body);flex:none}
.chat__body{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;font:400 13.5px/1.35 inherit;font-family:inherit;color:#111}
.chat__body u{text-decoration:underline;color:inherit;word-break:break-all}
.chat--wa .chat__body{background:#EFEAE2}
.b-in,.b-out{max-width:86%;padding:6px 8px 4px;border-radius:9px;position:relative}
.b-in{align-self:flex-start;background:#fff}.b-out{align-self:flex-end;background:#D9FDD3}
.b-who{display:block;font-size:12px;color:#0E7A62}
.b-in i,.b-out i{display:block;text-align:right;font:400 10px/1 inherit;font-family:inherit;color:#667;margin-top:2px;font-style:normal}
.b-out p{margin:6px 2px 0}
.lp{overflow:hidden;border-radius:7px}
.lp--wa{background:rgba(0,0,0,.05)}
.lp__t{display:flex;flex-direction:column;gap:2px;padding:7px 9px}
.lp__t b{font:600 12.5px/1.25 inherit;font-family:inherit;color:#111}.lp__t>span{font-size:11.5px;line-height:1.3;color:#556;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lp__t small{font-size:11px;color:#778}
.chat--im .chat__body{background:#fff}
.im-out{align-self:flex-end;max-width:80%;padding:8px 12px;border-radius:18px;background:#0A84FF;color:#fff}
.lp--im{align-self:flex-end;width:279px;border-radius:18px;background:#E9E9EB}
.im-meta{align-self:flex-end;font-size:10.5px;color:#8E8E93}
.chat--ms .chat__body{background:#fff}
.ms-in{align-self:flex-start;max-width:80%;padding:8px 12px;border-radius:18px;background:#F0F0F0}
.ms-out{align-self:flex-end;max-width:80%;padding:8px 12px;border-radius:18px;background:#7B5CF0;color:#fff}
.lp--ms{align-self:flex-end;width:279px;border-radius:18px;border:1px solid #E4E4E8;background:#fff}
.lp--sheet{border-radius:16px;border:1px solid var(--line);background:var(--surf-2)}
.lp--sheet .lp__t{padding:12px 14px}
@media(max-width:720px){.ph-row{gap:24px}}/*cq*/@container (max-width:720px){.ph-row{gap:24px}}
.og-crop__img{overflow:hidden}
.og__title{font-size:60px}.og__kind{font-size:14px;gap:12px}
.h-list--spec .h-list__v{white-space:normal;flex:0 1 55%;font:var(--t-s)!important;color:var(--ink);overflow-wrap:anywhere}
@media(max-width:720px){.h-list--spec>li{flex-direction:column;align-items:flex-start!important;gap:4px}.h-list--spec .h-list__v{text-align:left!important;max-width:100%!important;flex:none}}/*cq*/@container (max-width:720px){.h-list--spec>li{flex-direction:column;align-items:flex-start!important;gap:4px}.h-list--spec .h-list__v{text-align:left!important;max-width:100%!important;flex:none}}
.og{justify-content:center;gap:34px;padding:48px 60px}
.og__top{justify-content:center}
.og__logo{gap:16px;font:500 40px/1 var(--f-disp);letter-spacing:-.03em;color:rgba(255,255,255,.88)}.og__logo b{font:600 40px/1 var(--f-disp);color:#fff}
.og__logo .fsn-logo__mark{width:60px;height:60px;border-radius:16px}
.og__mid{gap:14px}
.og__title{display:inline-flex;align-items:center;gap:20px;font-size:72px}
.og__title .h-sym{width:72px;height:62px;border-radius:14px;box-shadow:none}.og__title .h-sym svg{width:32px;height:32px}
.og__big{font-size:200px;margin-top:0}
.og__line{font:600 44px/1.1 var(--f-disp);letter-spacing:-.025em;color:#C4CCFF}
.og__title{font-size:62px}
/* Mobile polish pass */
@media(max-width:720px){
  .fsn-table thead{display:none}
  .fsn-table,.fsn-table tbody,.fsn-table tr,.fsn-table td{display:block;width:100%;box-sizing:border-box}
  .fsn-table tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .fsn-table tr:last-child{border-bottom:0}
  .fsn-table td{display:flex;justify-content:space-between;gap:16px;padding:4px 16px!important;border:0!important;text-align:right!important;white-space:normal!important}
  .fsn-table td[data-label]:before{content:attr(data-label);flex:none;max-width:45%;text-align:left;font:600 9.5px/1.6 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
  .fsn-table td[data-label=""]:before{display:none}
  .fsn-table td[data-label=""]{justify-content:flex-start;text-align:left!important;font-weight:600}
  .tbl,.tbl-wrap{overflow:visible!important}
  .h-pop__row{gap:8px}
  .h-pop__row b{font-size:15px}
  .h-prov-grid .h-prov{padding:10px;gap:8px;letter-spacing:.06em;min-width:0}
  .h-prov-grid .h-prov .h-logo{width:26px;height:26px;flex:none}
  .og-thumb{max-width:100%}
}/*cq*/@container (max-width:720px){
  .fsn-table thead{display:none}
  .fsn-table,.fsn-table tbody,.fsn-table tr,.fsn-table td{display:block;width:100%;box-sizing:border-box}
  .fsn-table tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .fsn-table tr:last-child{border-bottom:0}
  .fsn-table td{display:flex;justify-content:space-between;gap:16px;padding:4px 16px!important;border:0!important;text-align:right!important;white-space:normal!important}
  .fsn-table td[data-label]:before{content:attr(data-label);flex:none;max-width:45%;text-align:left;font:600 9.5px/1.6 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
  .fsn-table td[data-label=""]:before{display:none}
  .fsn-table td[data-label=""]{justify-content:flex-start;text-align:left!important;font-weight:600}
  .tbl,.tbl-wrap{overflow:visible!important}
  .h-pop__row{gap:8px}
  .h-pop__row b{font-size:15px}
  .h-prov-grid .h-prov{padding:10px;gap:8px;letter-spacing:.06em;min-width:0}
  .h-prov-grid .h-prov .h-logo{width:26px;height:26px;flex:none}
  .og-thumb{max-width:100%}
}
@media(max-width:720px){.tbl .fsn-table{min-width:0!important}.fsn-table td{min-width:0;overflow-wrap:anywhere}.h-prov-grid .h-prov{font-size:9px}}/*cq*/@container (max-width:720px){.tbl .fsn-table{min-width:0!important}.fsn-table td{min-width:0;overflow-wrap:anywhere}.h-prov-grid .h-prov{font-size:9px}}
@media(max-width:720px){
  .fsn-table td:first-child{justify-content:flex-start;text-align:left!important;font-weight:600;padding-bottom:8px!important}
  .fsn-table td:first-child:before{display:none}
  .fsn-table td:first-child>*{min-width:0}
  .fsn-table td{font-size:13.5px}
}/*cq*/@container (max-width:720px){
  .fsn-table td:first-child{justify-content:flex-start;text-align:left!important;font-weight:600;padding-bottom:8px!important}
  .fsn-table td:first-child:before{display:none}
  .fsn-table td:first-child>*{min-width:0}
  .fsn-table td{font-size:13.5px}
}
/* Recording */
.p-rec{position:relative;aspect-ratio:3/4;max-height:560px;border-radius:22px;background:linear-gradient(160deg,#1B1660,#0E1038);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:16px}
.p-rec:before{content:"";position:absolute;inset:16%;border:2px solid rgba(196,204,255,.5);border-radius:18px}
.p-rec__top{position:relative;display:flex;justify-content:space-between;align-items:center}
.p-rec__dot{display:inline-flex;align-items:center;gap:8px;font:500 13px var(--f-mono);background:rgba(0,0,0,.35);padding:6px 10px;border-radius:99px}
.p-rec__dot:before{content:"";width:9px;height:9px;border-radius:50%;background:#FF4D5E}
.p-rec__count{font:600 15px var(--f-disp);background:rgba(0,0,0,.35);padding:6px 12px;border-radius:99px}.p-rec__count b{font-family:var(--f-num);font-stretch:125%}
.p-rec__ok{position:relative;align-self:center;display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--ink);font:600 14px var(--f-body);padding:10px 16px;border-radius:99px}
.p-rec__ok svg{color:var(--ok)}
.p-rec__ticks{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.p-rec__ticks i{height:6px;border-radius:99px;background:rgba(255,255,255,.25)}.p-rec__ticks i.on{background:#C4CCFF}.p-rec__ticks i.now{background:#fff}
/* Flow map */
.fm{display:flex;flex-direction:column;gap:14px}
.fm-lane{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:center;padding:18px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.fm-lane__h p{margin-top:4px}
.fm-row{display:flex;align-items:center;gap:0;flex-wrap:wrap;row-gap:12px}
.fm-n{display:flex;flex-direction:column;gap:3px;min-width:120px;max-width:170px;padding:12px 14px;border-radius:14px;background:var(--surf-2);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important}
.fm-n b{font:600 13.5px/1.25 var(--f-body)}.fm-n small{font:var(--t-xs);color:var(--ink-2)}
a.fm-n:hover{border-color:var(--v200)}
.fm-n.is-key{background:var(--deep);border:0;color:#fff!important}.fm-n.is-key small{color:rgba(255,255,255,.8)}
.fm-n.is-start{background:#fff;border:1.5px dashed var(--line-2)}
.fm-n.is-end{background:#E7F5F0;border-color:#BFE3D6}
.fm-n.is-warn{background:#FBF4E6;border-color:#F0DDB4}
.fm-ar{width:26px;height:2px;background:var(--line-2);position:relative;flex:none;margin:0 4px}
.fm-ar:after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--line-2);border-right:0}
@media(max-width:720px){
  .fm-lane{grid-template-columns:1fr;gap:12px;padding:16px}
  .fm-row{flex-direction:column;align-items:stretch}
  .fm-n{max-width:none}
  .fm-ar{width:2px;height:16px;margin:2px auto}
  .fm-ar:after{right:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid var(--line-2);border-bottom:0}
}/*cq*/@container (max-width:720px){
  .fm-lane{grid-template-columns:1fr;gap:12px;padding:16px}
  .fm-row{flex-direction:column;align-items:stretch}
  .fm-n{max-width:none}
  .fm-ar{width:2px;height:16px;margin:2px auto}
  .fm-ar:after{right:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid var(--line-2);border-bottom:0}
}
/* Storyboard row headers */
.fl-h{height:240px;box-sizing:border-box;padding:28px;background:var(--deep);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;border-radius:0}
.fl-h__l{font-family:var(--f-num);font-weight:600;font-stretch:125%;font-size:64px;line-height:1}
.fl-h b{font:600 26px/1.1 var(--f-disp);letter-spacing:-.03em}.fl-h p{margin:0;font:var(--t-s);color:rgba(255,255,255,.8)}
.fm-step{display:inline-flex;align-items:center}
@media(max-width:720px){.fm-step{flex-direction:column;align-items:stretch}}/*cq*/@container (max-width:720px){.fm-step{flex-direction:column;align-items:stretch}}
.h-zero--bad>svg{color:var(--bad)!important}.h-zero--warn>svg{color:var(--warn)!important}.h-zero--neutral>svg{color:var(--accent)!important}
.h-zero .fsn-small+a.fsn-small,.h-zero>a.fsn-small{margin-top:4px}
.h-drop{display:flex;gap:12px;align-items:center;width:100%;padding:16px;border-radius:16px;border:1.5px dashed var(--line-2);background:var(--surf-2);color:var(--accent);text-align:left;cursor:pointer}
.h-drop b{display:block;font:600 14px var(--f-body);color:var(--ink)}.h-drop small{display:block;font:var(--t-xs);color:var(--ink-2)}
.fsn-btn.is-disabled{opacity:.45;pointer-events:none}
/* ===================== Money is green ===================== */
:root{--money:#1C7A4F;--money-ink:#145A3B;--money-tint:#E4F4EB;--money-line:#C5E6D3;--money-grad:linear-gradient(135deg,#134F36 0%,#1B7149 52%,#23875A 100%)}
.mny{background:var(--money-tint);color:var(--money-ink);border-radius:6px;padding:0 .3em;box-shadow:inset 0 0 0 1px var(--money-line);white-space:nowrap;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fsn-btn .mny,.fsn-filter .mny,.fsn-chip .mny,.h-seg .mny,.h-pop--money .mny,.fsn-kpi--money .mny,.fsn-kpi--moneylite .mny,.mini--money .mny,.og .mny,.em-money .mny,.em-btn .mny,.qp-money .mny,.chat .mny,.nt-card .mny,.lp__t .mny,.vf-throw .mny,.em-subj .mny,.em-prev .mny,.h-choice.is-on .mny,.fsn-affix .mny,.h-prog .mny,.fsn-eyebrow .mny{background:none;color:inherit;padding:0;box-shadow:none;border-radius:0}
.h-pop.h-pop--money{background:var(--money-grad)!important;box-shadow:0 18px 40px -22px rgba(19,79,54,.7)!important}
.h-pop--money .fsn-btn--secondary:before{background:#fff}
.fsn-kpi.fsn-kpi--money{background:var(--money-grad)!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px -22px rgba(19,79,54,.7)!important}
.fsn-kpi--money .fsn-eyebrow,.fsn-kpi--money .fsn-kpi__d,.fsn-kpi--money p{color:rgba(255,255,255,.88)!important}
.fsn-kpi--money .fsn-kpi__v,.fsn-kpi--money .fsn-num{color:#fff!important}
.fsn-kpi--money .fsn-btn--secondary:before{background:#fff!important}
.fsn-kpi--money .fsn-btn--secondary{color:var(--money-ink)!important}
.fsn-kpi.fsn-kpi--moneylite{background:var(--money-tint)!important;border:1px solid var(--money-line)!important;box-shadow:none!important}
.fsn-kpi--moneylite .fsn-kpi__v{color:var(--money-ink)!important}
.fsn-kpi--moneylite .fsn-eyebrow{color:var(--money-ink)!important}
.fsn-kpi--moneylite .fsn-kpi__d{color:#3E6B57!important}
.mini.mini--money{background:var(--money-tint);border-color:var(--money-line)}.mini--money b{color:var(--money-ink)}.mini--money .fsn-xs{color:#3E6B57}
.og.og--money{background:var(--money-grad)}
.og.og--money:before{background:repeating-linear-gradient(-60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 30px),radial-gradient(700px 360px at 50% 40%,rgba(132,226,178,.3),transparent 70%)}
.og--money .og__line{color:#CFF0DE}
.t-bal .mny{font-size:inherit}
.h-comp__amt .mny{border-radius:10px;padding:0 .25em}
/* ===================== Footer links ===================== */
.t-foot__links{display:flex;gap:16px;flex-wrap:wrap}
/* ===================== Checkbox choice ===================== */
.h-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none;color:var(--accent)}
.h-check svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.h-choice.is-on .h-check{background:#fff;border-color:#fff}
/* ===================== Waiting and loading ===================== */
.spin{display:block;width:16px;height:16px;border-radius:50%;border:2.5px solid var(--line-2);border-top-color:var(--accent);animation:fsnspin .9s linear infinite}
@keyframes fsnspin{to{transform:rotate(360deg)}}
.h-checks .is-spin .ic{color:var(--accent)}
.h-checks .is-spin b{color:var(--ink)}
.sk{display:block;border-radius:12px;background:linear-gradient(90deg,#E4E4F3 0%,#F2F2FA 50%,#E4E4F3 100%);background-size:200% 100%;animation:fsnsk 1.4s ease-in-out infinite}
.sk--h1{height:40px;width:62%}.sk--line{height:14px;width:86%}.sk--short{height:14px;width:42%}.sk--pop{height:190px;border-radius:var(--r-card)}.sk--card{height:112px;border-radius:var(--r-card)}.sk--row{height:58px}
.sk-chips{display:flex;gap:8px}.sk--chip{height:34px;width:96px;border-radius:99px}
@keyframes fsnsk{0%{background-position:100% 0}100%{background-position:-100% 0}}
/* ===================== Handoff QR ===================== */
.h-qr-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;border-radius:var(--r-card);background:#fff;box-shadow:0 0 0 1px var(--line)}
.qr.qr--lg{width:220px}.qr.qr--xl{width:300px}
.qr--lg i,.qr--xl i{width:52px;height:52px;border-width:9px}
/* ===================== Camera frames per sport ===================== */
.p-cam--basketball:before{inset:10% 22% 26%}.p-cam--lastcup:before{inset:30% 8% 22%}.p-cam--squash:before{inset:12% 10% 34%}.p-cam--cricket:before{inset:12% 32% 10%}
/* ===================== Rating bands ===================== */
.tier-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.tier-row li{padding:10px 12px;border-radius:12px;background:var(--surf-2);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.tier-row b{font:600 13px/1.25 var(--f-body);color:var(--ink)}.tier-row small{font:var(--t-xs);color:var(--ink-2)}
.tier-row li.is-on{background:var(--deep);border-color:transparent}.tier-row li.is-on b{color:#fff}.tier-row li.is-on small{color:rgba(255,255,255,.8)}
@media(max-width:720px){.tier-row{grid-template-columns:repeat(2,minmax(0,1fr))}}/*cq*/@container (max-width:720px){.tier-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===================== Verifier app ===================== */
.vf-video{position:relative;aspect-ratio:16/9;border-radius:18px;background:radial-gradient(120% 90% at 30% 20%,#2a2f6e 0,#131646 70%);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:12px 14px;gap:8px;color:#fff}
.vf-video__tag{position:absolute;left:12px;top:12px;font:500 12px var(--f-body);color:#fff;background:rgba(0,0,0,.35);padding:5px 10px;border-radius:99px}
.vf-video__play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.vf-tl{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.22)}
.vf-tl__head{position:absolute;top:-5px;width:3px;height:18px;border-radius:2px;background:#fff;transform:translateX(-50%)}
.vf-mk{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:#C4CCFF;border:2px solid #131646;transform:translateX(-50%)}
.vf-time{display:flex;justify-content:space-between;font:400 11px var(--f-mono);color:rgba(255,255,255,.75)}
.vf-lease{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;background:#fff;border:1px solid var(--line);font:500 12px var(--f-body);color:var(--ink-2);white-space:nowrap}
.vf-lease b{color:var(--ink)}
.vf-frame{position:relative;aspect-ratio:4/3;border-radius:18px;background:linear-gradient(170deg,#3a3f7a 0%,#1b1f52 45%,#0e1038 100%);overflow:hidden}
.vf-frame:before{content:"";position:absolute;left:10%;right:10%;bottom:0;height:70%;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.12));clip-path:polygon(42% 0,58% 0,100% 100%,0 100%)}
.vf-cross{position:absolute;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px rgba(58,47,214,.6)}
.vf-cross:before,.vf-cross:after{content:"";position:absolute;background:#fff}
.vf-cross:before{left:50%;top:-9px;bottom:-9px;width:2px;transform:translateX(-50%)}
.vf-cross:after{top:50%;left:-9px;right:-9px;height:2px;transform:translateY(-50%)}
.vf-cross--you{border-color:#F2A65A;box-shadow:0 0 0 3px rgba(242,166,90,.35)}.vf-cross--you:before,.vf-cross--you:after{background:#F2A65A}
.vf-cross--big{width:46px;height:46px}
.vf-loupe{position:absolute;right:12px;top:12px;width:112px;height:112px;border-radius:50%;border:3px solid #fff;background:radial-gradient(circle at 50% 50%,#d9d4c0 0 15px,#2c3170 16px);overflow:hidden;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.vf-ticks{display:grid;grid-template-columns:repeat(8,1fr)!important;gap:6px}
.vf-ticks i{height:6px;border-radius:99px;background:var(--line)}.vf-ticks i.on{background:var(--accent)}.vf-ticks i.now{background:var(--v200)}
.vf-key{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--f-body);color:var(--ink-2)}
.vf-key i{width:12px;height:12px;border-radius:50%;border:2px solid var(--accent)}.vf-key i.vf-key--you{border-color:#E08A2E}
.vf-throws{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.vf-throw{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;border:1px solid var(--line-2);background:#fff;cursor:pointer;color:var(--ink)}
.vf-throw small{font:500 10px var(--f-body);color:var(--ink-2)}.vf-throw b{font-size:16px}
.vf-throw.is-on{border-color:var(--accent);box-shadow:var(--ring);background:var(--accent-tint)}
/* ===================== Emails ===================== */
.em-wrap{min-height:100%;box-sizing:border-box;background:#EEF0F5;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:16px}
.em-meta{width:100%;max-width:600px;display:flex;flex-direction:column;gap:6px}
.em-from{display:flex;align-items:center;gap:10px}.em-av{width:36px!important;height:36px!important;border-radius:10px!important}
.em-from b{display:block;font:600 14px var(--f-body);color:var(--ink)}.em-from small{font:var(--t-xs);color:var(--ink-2)}
.em-subj{font:600 20px/1.25 var(--f-disp);color:var(--ink);letter-spacing:-.02em}.em-prev{font:var(--t-s);color:var(--ink-2)}
.em-card{width:100%;max-width:600px;box-sizing:border-box;background:#fff;border-radius:20px;padding:36px 36px 28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 0 var(--line)}
.em-logo{display:flex;align-items:center;gap:10px}.em-logo .fsn-logo__mark{width:36px;height:36px;border-radius:10px}.em-logo b{font:600 22px var(--f-disp);letter-spacing:-.04em;color:var(--ink)}
.em-h1{margin:0;font:600 30px/1.1 var(--f-disp);letter-spacing:-.04em;color:var(--ink)}
.em-p{margin:0;font:400 16px/1.55 var(--f-body);color:var(--ink)}
.em-small{margin:0;font:400 13px/1.5 var(--f-body);color:var(--ink-2)}
.em-btn{align-self:flex-start;display:inline-block;padding:16px 26px;border-radius:12px;background:#3A2FD6;color:#fff!important;text-decoration:none!important;font:600 12px/1 var(--f-caps);letter-spacing:.14em;text-transform:uppercase}
.em-money{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:16px;background:var(--money-grad);color:#fff}
.em-money>span{font:600 10px/1.3 var(--f-caps);letter-spacing:.14em;text-transform:uppercase;opacity:.88}
.em-money b{font-family:var(--f-num);font-weight:600;font-stretch:125%;font-size:44px;line-height:1;letter-spacing:-.03em}
.em-money small{font:var(--t-xs);opacity:.88}
.em-rows{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--f-body)}
.em-rows td{padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink)}.em-rows td:first-child{color:var(--ink-2)}.em-rows td:last-child{text-align:right;font-weight:500}
.em-foot{margin-top:8px;padding-top:16px;border-top:1px solid var(--line);font:400 12px/1.5 var(--f-body);color:var(--ink-3)}
@media(max-width:720px){.em-wrap{padding:16px 0}.em-meta{padding:0 16px;box-sizing:border-box}.em-card{border-radius:0;padding:28px 20px}}/*cq*/@container (max-width:720px){.em-wrap{padding:16px 0}.em-meta{padding:0 16px;box-sizing:border-box}.em-card{border-radius:0;padding:28px 20px}}
/* ===================== Printed QR poster ===================== */
.qp{width:794px;height:1123px;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;overflow:hidden}
.qp-top{position:relative;isolation:isolate;background:var(--deep);color:#fff;padding:48px 56px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.qp-top:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 30px)}
.qp-top .og__logo{font-size:26px;color:#fff}.qp-top .og__logo b{font-size:26px}.qp-top .og__logo .fsn-logo__mark{width:44px;height:44px;border-radius:12px}
.qp-top .og__kind{color:rgba(255,255,255,.85)}
.qp-title{font:600 58px/1 var(--f-disp);letter-spacing:-.045em}
.qp-money{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 44px;border-radius:24px;background:var(--money-grad);box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.qp-money b{font-family:var(--f-num);font-weight:600;font-stretch:125%;font-size:108px;line-height:.9;letter-spacing:-.04em}
.qp-money>span{font:600 15px/1 var(--f-caps);letter-spacing:.16em;text-transform:uppercase}
.qp-terms{margin:0;font:600 26px/1.2 var(--f-disp);color:#C4CCFF}
.qp-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 56px;text-align:center}
.qp-scan{font:600 40px/1 var(--f-disp);letter-spacing:-.04em;color:var(--ink)}
.qp-mid p{margin:0;max-width:440px;font:400 18px/1.45 var(--f-body);color:var(--ink-2)}
.qp-foot{padding:24px 56px 30px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.qp-steps{display:flex;gap:28px;font:600 16px var(--f-body);color:var(--ink)}
.qp-steps span{display:inline-flex;align-items:center;gap:8px}.qp-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-tint);color:var(--accent);font:600 14px var(--f-num)}
.qp-when{margin:0;font:500 16px var(--f-body);color:var(--ink)}
.qp-host{display:inline-flex;align-items:center;gap:10px;font:600 18px var(--f-disp);color:var(--ink)}
.qp-foot small{font:400 11px/1.4 var(--f-body);color:var(--ink-3)}
/* ===================== Notifications ===================== */
.nt-board{padding:40px 32px;display:flex;flex-direction:column;gap:28px;max-width:1100px;margin:0 auto;box-sizing:border-box}
.nt-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.nt-lock{width:340px;box-sizing:border-box;margin:0 auto;border-radius:40px;padding:56px 14px 28px;background:linear-gradient(170deg,#2a2f6e,#131646 60%,#0b0d2e);display:flex;flex-direction:column;gap:10px}
.nt-clock{align-self:center;font:300 64px/1 var(--f-disp);color:#fff;letter-spacing:-.03em}.nt-date{align-self:center;font:500 14px var(--f-body);color:rgba(255,255,255,.8);margin-bottom:18px}
.nt-card{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:18px;background:rgba(255,255,255,.86)}
.nt-ic{width:32px!important;height:32px!important;border-radius:8px!important;flex:none}
.nt-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nt-t small{font:500 11px var(--f-body);color:#555}.nt-t b{font:600 14px/1.25 var(--f-body);color:#111}.nt-t>span{font:400 13px/1.3 var(--f-body);color:#333}
.nt-desk{border-radius:16px;padding:20px;background:linear-gradient(160deg,#E9ECF6,#DADFF0);min-height:320px;display:flex;justify-content:flex-end}
.nt-card--desk{width:340px;background:#fff;border-radius:12px;box-shadow:0 10px 30px -12px rgba(19,22,70,.35)}
@media(max-width:720px){.nt-board{padding:24px 16px}.nt-cols{grid-template-columns:1fr}.nt-lock{width:100%}.nt-desk{display:block}.nt-card--desk{width:auto}}/*cq*/@container (max-width:720px){.nt-board{padding:24px 16px}.nt-cols{grid-template-columns:1fr}.nt-lock{width:100%}.nt-desk{display:block}.nt-card--desk{width:auto}}

.fsn .mny{background:var(--money-tint);color:var(--money-ink);border-radius:6px;padding:0 .3em;box-shadow:inset 0 0 0 1px var(--money-line)}
.h-list__t .mny,.h-checks .mny,.kv .mny{font:inherit}
.fsn-btn .mny,.fsn-filter .mny,.fsn-chip .mny,.h-seg .mny,.h-pop--money .mny,.fsn-kpi--money .mny,.fsn-kpi--moneylite .mny,.mini--money .mny,.og .mny,.em-money .mny,.em-btn .mny,.qp-money .mny,.chat .mny,.nt-card .mny,.lp__t .mny,.vf-throw .mny,.em-subj .mny,.em-prev .mny,.h-choice.is-on .mny,.fsn-affix .mny,.h-prog .mny,.fsn-eyebrow .mny,.fsn .fsn-btn .mny,.fsn .h-pop--money .mny,.fsn .fsn-kpi--money .mny,.fsn .fsn-kpi--moneylite .mny,.fsn .mini--money .mny,.fsn .og .mny,.fsn .em-money .mny,.fsn .qp-money .mny,.fsn .chat .mny,.fsn .nt-card .mny,.fsn .lp__t .mny,.fsn .h-choice.is-on .mny,.fsn .fsn-filter .mny,.fsn .fsn-chip .mny,.fsn .h-seg .mny,.fsn .fsn-affix .mny,.fsn .h-prog .mny,.fsn .fsn-eyebrow .mny,.fsn .em-btn .mny{background:none;color:inherit;padding:0;box-shadow:none;border-radius:0}

.qp .qr.qr--xl{width:340px}
.qp-mid{gap:18px}

/* 13 Verifier Play (FSN Verify, gamified layer) */
.vp .vps-pg{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4cqw,28px)}
.vp .vps-sec{padding:80px 0 0;scroll-margin-top:16px}
.vp .vps-sec>.fsn-eyebrow{color:var(--accent)}
.vp .vps-sh{margin:12px 0 0;font:600 44px/1.02 var(--f-disp);letter-spacing:-.04em}
.vp .vps-sd{margin:14px 0 0;font:400 16px/1.55 var(--f-body);color:var(--ink-2);max-width:720px;text-wrap:pretty}
.vp .vps-sub{margin:40px 0 0;font:600 26px/1.1 var(--f-disp);letter-spacing:-.03em}
.vp .vps-g{display:grid;gap:10px;margin-top:20px}
.vp .vps-g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
.vp .vps-g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.vp .vps-g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.vp .vps-g5{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.vp .vps-c{background:var(--card-light);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-2)}
.vp .vps-cp{padding:20px}
.vp .vps-ct{font:600 15px/1.2 var(--f-body)}
.vp .vps-cn{font:500 11px/1 var(--f-num);font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;color:var(--accent)}
.vp .vps-cd{margin-top:8px;font:400 13px/1.5 var(--f-body);color:var(--ink-2);text-wrap:pretty}
.vp .vps-hd{font:600 19px/1.15 var(--f-disp);letter-spacing:-.02em;margin-top:10px}
.vp .vps-mono{font-family:var(--f-num);font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;font-feature-settings:'tnum'}
.vp .vps-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vp .vps-lst>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:11px 18px;border-top:1px solid var(--line)}
.vp .vps-lst>.vps-lh{padding:16px 18px 10px;border:0;font:600 15px/1 var(--f-body)}
.vp .vps-sw{height:76px}
.vp .vps-swc{overflow:hidden;padding:0}
.vp .vps-swc .vps-t{padding:12px}
.vp .vps-swc b{display:block;font:600 13px/1.2 var(--f-body)}
.vp .vps-swc .vps-h{display:block;margin-top:5px;font:500 10.5px/1.3 var(--f-num);font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;color:var(--ink-2);word-break:break-all}
.vp .vps-swc .vps-u{display:block;margin-top:6px;font:400 12px/1.4 var(--f-body);color:var(--ink-3)}
.vp .vps-band{margin-top:12px;padding:20px 22px;border-radius:22px;background:var(--deep);color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px 24px;font:400 14px/1.5 var(--f-body)}
.vp .vps-band b{color:#C4CCFF;font-weight:600}
.vp .fsn-btn{white-space:nowrap}
@media(max-width:1100px){}/*cq*/@container (max-width:1100px){}
@media(max-width:900px){}/*cq*/@container (max-width:900px){}
.vp .vps-meter{position:relative;height:10px;border-radius:99px;background:var(--line)}
.vp .vps-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--signal)}
.vp .vps-meter b{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--ink);border-radius:2px}
.vp .vp-pal{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-top:18px}
.vp .vp-card{position:relative;border-radius:26px;overflow:hidden;padding:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.vp .vp-hero{background:linear-gradient(150deg,#3A2FD6 0%,#3E7BFF 58%,#5B8CFF 100%);color:#fff;border:0;box-shadow:var(--sh-3)}
.vp .vp-ring{position:relative;width:84px;height:84px;flex:none}
.vp .vp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.vp .vp-ring b{position:absolute;inset:0;display:grid;place-items:center;font:500 22px/1 var(--f-num);font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125}
.vp .vp-xp{height:10px;border-radius:99px;background:rgba(255,255,255,.25);overflow:hidden}
.vp .vp-xp i{display:block;height:100%;width:68%;border-radius:inherit;background:#fff;box-shadow:0 0 12px rgba(255,255,255,.7)}
.vp .vp-stat{display:grid;gap:6px}
.vp .vp-stat b{font:400 26px/1 var(--f-num);font-stretch:125%;font-variation-settings:'wght' 600,'wdth' 125;letter-spacing:-.02em}
.vp .vp-stat span{font:600 9px/1.2 var(--f-caps);font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.vp .vp-stack{position:relative;height:170px}
.vp .vp-stack div{position:absolute;left:50%;width:78%;height:96px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -16px rgba(58,47,214,.45);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:500 13px var(--f-body);transform:translateX(-50%)}
.vp .vp-q{display:grid;gap:14px}
.vp .vp-frame{position:relative;height:170px;border-radius:18px;background:var(--deep);overflow:hidden}
.vp .vp-frame:after{content:"";position:absolute;left:50%;top:18%;bottom:18%;width:2px;background:rgba(255,255,255,.5)}
.vp .vp-ball{position:absolute;left:47%;top:46%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#C4CCFF 60%,#5B8CFF);box-shadow:0 0 0 6px rgba(91,140,255,.18)}
.vp .vp-timer{position:absolute;right:12px;top:12px;width:40px;height:40px}
.vp .vp-timer svg{transform:rotate(-90deg)}
.vp .vp-ans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vp .vp-ans button{height:56px;border-radius:16px;border:1px solid var(--line-2);background:#fff;font:600 16px var(--f-body);color:var(--ink);cursor:pointer;transition:transform .12s,background var(--d-fast),border-color var(--d-fast)}
.vp .vp-ans button:hover{border-color:var(--accent)}
.vp .vp-ans button:active{transform:scale(.97)}
.vp .vp-ans button.is-pick{background:var(--accent);color:#fff;border-color:transparent}
.vp .vp-res{display:none;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--ok-tint);color:#0E7A62;font:500 14px var(--f-body)}
.vp .vp-res.on{display:flex;animation:vpPop .42s cubic-bezier(.25,1.7,.45,1)}
@keyframes vpPop{from{transform:scale(.9);opacity:0}}
.vp .vp-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.vp .vp-strip button{aspect-ratio:3/4;border-radius:10px;border:2px solid transparent;background:var(--deep);cursor:pointer;position:relative;overflow:hidden}
.vp .vp-strip button span{position:absolute;width:10px;height:10px;border-radius:50%;background:#C4CCFF;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%)}
.vp .vp-strip button.is-pick{border-color:#5B8CFF;box-shadow:0 0 0 4px rgba(91,140,255,.25)}
.vp .vp-swipe{position:relative;height:220px}
.vp .vp-swipe div{position:absolute;inset:0 8%;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);display:grid;place-items:center;font:600 20px var(--f-disp);letter-spacing:-.02em;transition:transform .5s var(--ease),opacity .5s}
.vp .vp-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:18px}
.vp .vp-badge{padding:18px 14px;border-radius:22px;background:#fff;border:1px solid var(--line);display:grid;justify-items:center;gap:10px;text-align:center;transition:transform var(--d-med) var(--ease)}
.vp .vp-badge:hover{transform:translateY(-3px) rotate(-1deg)}
.vp .vp-medal{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;transform:rotate(45deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 20px -10px rgba(58,47,214,.5)}
.vp .vp-medal svg{width:28px;height:28px;transform:rotate(-45deg);fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vp .vp-badge.is-locked .vp-medal{background:var(--v100)!important;box-shadow:none}
.vp .vp-badge.is-locked .vp-medal svg{stroke:var(--v300)}
.vp .vp-badge.is-locked{color:var(--ink-3)}
.vp .vp-quest{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-top:1px solid var(--line)}
.vp .vp-quest .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}
.vp .vp-quest .ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vp .vp-lb>div{display:grid;grid-template-columns:36px 36px 1fr auto auto;gap:12px;align-items:center;padding:11px 16px;border-top:1px solid var(--line);font:var(--t-s)}
.vp .vp-lb .me{background:var(--signal);color:#fff;border-radius:16px;border:0;margin:6px;box-shadow:var(--sh-3)}
.vp .vp-av{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;color:#fff;font:600 13px var(--f-body)}
.vp .vp-share{position:relative;border-radius:24px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--sh-3)}
.vp .vp-burst{position:relative;height:240px;border-radius:26px;background:var(--deep);overflow:hidden;display:grid;place-items:center;color:#fff;text-align:center;cursor:pointer}
.vp .vp-burst i{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;opacity:0}
.vp .vp-burst.go i{animation:vpB 1.2s var(--ease) forwards}
@keyframes vpB{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1)}}
.vp .vp-burst .vps-lvl{font:600 56px/1 var(--f-disp);letter-spacing:-.05em}
@media(prefers-reduced-motion:reduce){.vp .vp-burst.go i{animation:none}
.vp .vp-res.on{animation:none}}
.vp .vp-icb{width:34px;height:34px;border-radius:11px;border:1px solid var(--line-2);background:#fff;color:var(--ink-2);display:grid;place-items:center;cursor:pointer;flex:none;transition:background var(--d-fast),color var(--d-fast)}
.vp .vp-icb:hover{background:var(--accent-tint);color:var(--accent)}
.vp .vp-ans button{display:flex;align-items:center;justify-content:center;gap:8px}
.vp .vp-ans button.is-right{background:var(--ok-tint);border-color:var(--ok);color:#0E7A62}
.vp .vp-ans button.is-wrong{background:var(--bad-tint);border-color:var(--bad);color:#A8263C}
.vp .vp-row{display:flex;justify-content:space-between;align-items:center;height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line-2);background:#fff;font:500 14px var(--f-body);color:var(--ink);cursor:pointer;text-align:left}
.vp .vp-row span{opacity:0;color:var(--accent)}
.vp .vp-row.is-on{border-color:var(--accent);background:var(--accent-tint)}
.vp .vp-row.is-on span{opacity:1}
.vp .vp-game{position:relative;height:200px;border-radius:24px;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--sh-3);transition:transform var(--d-med) var(--ease);cursor:pointer}
.vp .vp-game:hover{transform:translateY(-4px)}
.vp .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.vp .reveal.in{opacity:1;transform:none}
@media(max-width:760px){.vp .vps-sh{font-size:34px}}/*cq*/@container (max-width:760px){.vp .vps-sh{font-size:34px}}
:root{--reward-signal:linear-gradient(135deg,#3A2FD6,#3E7BFF 58%,#5B8CFF);--reward-violet:linear-gradient(150deg,#7B5CF0,#2B22B4);--reward-sky:linear-gradient(150deg,#6F9BFF,#2F62E0);--reward-mint:linear-gradient(150deg,#3FBF98,#0E7A62);--reward-rose:linear-gradient(150deg,#9C86F7,#5E44DA);--reward-sun:linear-gradient(150deg,#FFD27A,#F29A2E)}
.vp{position:relative;background:var(--bg);min-height:100%;padding-bottom:80px}
.vp .vps-pg{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4cqw,28px)}
.vp .vps-sec{padding-top:64px}
.vp .vps-mono .mny,.vp .vps-hd .mny{background:none;box-shadow:none;padding:0;color:var(--money)}
.vp .fsn-logo--white{color:#fff}
.fsn .vp.vp-app{background:none;min-height:0;padding:0;display:flex;flex-direction:column;gap:28px;overflow:visible}
.fsn-modal .vp.vp-app{gap:14px}
.vp .vp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(96px,1fr));gap:8px;min-width:880px}
.vp .vp-steps-wrap{overflow:auto}
.vp .vp-step{display:grid;gap:8px;align-content:start}
.vp .vp-step__bar{height:4px;border-radius:99px;background:var(--line)}
.vp .vp-step.is-done .vp-step__bar{background:var(--accent)}
.vp .vp-step.is-now .vp-step__bar{background:var(--signal)}
.vp .vp-step__n{font-size:11px;color:var(--accent)}
.vp .vp-step__t{font:600 13px/1.25 var(--f-body)}
.vp .vp-step__d{font-size:11px;color:var(--ink-3)}
.vp .vp-phone{display:none}
.vp .vp-card{grid-template-columns:minmax(0,1fr);min-width:0}
.vp .vps-g>*{min-width:0}
.vp .vps-g.vp-bento--always{grid-template-columns:1fr 1fr;gap:10px}
.vp .vp-bento--always>.span2{grid-column:1/-1}
@media (max-width:720px){
.vp .vp-steps-wrap{overflow:visible;padding:6px 16px}
.vp .vp-steps{grid-template-columns:1fr;min-width:0;gap:0}
.vp .vp-step{grid-template-columns:4px 26px 1fr auto;align-items:center;gap:0 12px;padding:10px 0;border-top:1px solid var(--line)}
.vp .vp-step:first-child{border-top:0}
.vp .vp-step__bar{width:4px;height:22px}
.vp .vp-step.is-now{background:var(--accent-tint);border-radius:12px;border-top-color:transparent;margin:0 -10px;padding:10px}
.vp .vp-step.is-now+.vp-step{border-top-color:transparent}
.vp .vp-step__d{text-align:right}
.vp .vps-g.vp-bento{grid-template-columns:1fr 1fr;gap:10px}
.vp .vp-bento>.span2{grid-column:1/-1}
.vp .vp-bento>.vp-card{padding:16px}
.vp .vp-phone{display:grid}
.vp .vp-desk{display:none!important}
.vp .vp-burst .vps-lvl{font-size:38px}
.vp .h-actionbar{position:static;margin:0;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
}/*cq*/@container (max-width:720px){
.vp .vp-steps-wrap{overflow:visible;padding:6px 16px}
.vp .vp-steps{grid-template-columns:1fr;min-width:0;gap:0}
.vp .vp-step{grid-template-columns:4px 26px 1fr auto;align-items:center;gap:0 12px;padding:10px 0;border-top:1px solid var(--line)}
.vp .vp-step:first-child{border-top:0}
.vp .vp-step__bar{width:4px;height:22px}
.vp .vp-step.is-now{background:var(--accent-tint);border-radius:12px;border-top-color:transparent;margin:0 -10px;padding:10px}
.vp .vp-step.is-now+.vp-step{border-top-color:transparent}
.vp .vp-step__d{text-align:right}
.vp .vps-g.vp-bento{grid-template-columns:1fr 1fr;gap:10px}
.vp .vp-bento>.span2{grid-column:1/-1}
.vp .vp-bento>.vp-card{padding:16px}
.vp .vp-phone{display:grid}
.vp .vp-desk{display:none!important}
.vp .vp-burst .vps-lvl{font-size:38px}
.vp .h-actionbar{position:static;margin:0;padding:0;background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (max-width:720px){.fsn .vp.vp-app{gap:20px}}/*cq*/@container (max-width:720px){.fsn .vp.vp-app{gap:20px}}
.vp .vp-ans button,.vp .vp-row{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.vp .vp-row{justify-content:space-between}
.vp .vp-ans button svg,.vp .vp-icb svg,.vp .vp-res svg,.vp .vp-row svg,.vp a.vp-card>svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.vp a.vp-card>svg{color:var(--accent)}
.vp .fsn-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0}
.vp .vp-ans button.is-right{border-color:var(--ok);background:var(--ok-tint);color:var(--ok-ink)}
.vp .vp-ans button.is-wrong{border-color:var(--bad);background:var(--bad-tint);color:var(--bad-ink)}
@media (max-width:720px){.vp .vps-sh{font-size:30px}.vp .vps-sec{padding-top:28px}.vp .vps-sub{font-size:22px;margin-top:28px}.vp .vps-lvl{font-size:38px}}/*cq*/@container (max-width:720px){.vp .vps-sh{font-size:30px}.vp .vps-sec{padding-top:28px}.vp .vps-sub{font-size:22px;margin-top:28px}.vp .vps-lvl{font-size:38px}}

/* end 13 Verifier Play */
/* ===== Phone sheets: several phone screens on one board. Each .sh-ph is a size container, so the @container twins of the width rules give it the layout a 390px window gets ===== */
.sh-sheet{display:flex;align-items:flex-start;gap:56px;padding:44px 48px 48px;box-sizing:border-box;min-height:100cqh;background:#E4E5F4;color:var(--ink)}
.sh-col{margin:0;flex:none;width:390px;display:flex;flex-direction:column;gap:14px}
.sh-cap{display:flex;align-items:center;justify-content:center;gap:10px;height:30px;text-align:center}
.sh-cap__k{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;box-sizing:border-box;padding:0 10px;border-radius:999px;background:#fff;color:var(--accent);font-family:var(--f-num);font-weight:600;font-stretch:125%;font-size:12px;letter-spacing:.02em}
.sh-cap b{font:600 16px/1.2 var(--f-disp);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.sh-ph{position:relative;width:390px;container-type:size;overflow:hidden;border-radius:24px;background:var(--bg);box-shadow:0 0 0 1px rgba(19,22,70,.08),0 30px 60px -30px rgba(19,22,70,.35)}
.sh-head{flex:none;width:390px;height:240px;box-sizing:border-box;margin-top:44px;padding:28px;border-radius:24px;background:var(--deep);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.sh-head__l{font-family:var(--f-num);font-weight:600;font-stretch:125%;font-size:64px;line-height:1}
.sh-head b{font:600 26px/1.1 var(--f-disp);letter-spacing:-.03em}
.sh-head p{margin:0;font:var(--t-s);color:rgba(255,255,255,.8)}