/* Landing hero deck.
   The card rules below are a scoped snapshot of the desk's own arb/+EV card CSS (dark theme,
   phone layout), captured by rendering sample plays through desk.html's arbCard()/evCard().
   Everything is prefixed with .mxc so it cannot touch the rest of the landing page.
   If the desk card design changes, re-capture rather than hand-editing these rules. */
.mxc{--grn:#FF6810;--gold:#FF6810;--card2:#151B1F;--t:#F2F0EA;--line2:rgba(242,240,234,.19);--disp:'Aileron',-apple-system,'Segoe UI',Roboto,sans-serif;--lv:#FF6810;--profit:#3FD68A;--profit-bg:rgba(63,214,138,.13);--profit-line:rgba(63,214,138,.30);--t2:#A7B0B7;--t3:#7E888F;--mut:#7E888F;--well:rgba(242,240,234,.03);--cellbg:rgba(242,240,234,.05);--grn2:rgba(255,104,16,.14);--grnd:#C24F0C;--sky-bright:#FF8342;--line:rgba(242,240,234,.11);--t1:#F2F0EA;--input:#151B1F;--card:#1A2024;color:rgb(32, 38, 42);font-family:Aileron, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size:14.5px;line-height:21.025px;font-weight:400;letter-spacing:normal;text-align:left}
.mxc *{box-sizing: border-box;}
.mxc ::-webkit-scrollbar{height: 6px; width: 6px;}
.mxc ::-webkit-scrollbar-thumb{background: rgb(42, 54, 70); border-radius: 3px;}
.mxc :where(a, button, input, select, textarea, [role="button"]):focus-visible{outline-offset: 3px; outline: 2px solid var(--grn) !important;}
.mxc button:focus-visible,.mxc [tabindex]:focus-visible{outline: 2px solid var(--gold); outline-offset: 3px;}
.mxc input{background: var(--card2); color: var(--t); border: 1px solid var(--line2); border-radius: 7px; padding: 6px 8px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12px;}
.mxc .pc{background: rgb(17, 19, 24); border: 1px solid var(--line2); border-radius: 17.5px; margin-bottom: 12px; overflow: hidden; cursor: pointer; content-visibility: auto; contain-intrinsic-size: auto 190px;}
.mxc .pch{min-height: 40px; display: flex; align-items: center; gap: 8px; padding: 6px 16px 4px;}
.mxc .pch .sport{width: 26px; height: 26px; border-radius: 50%; background: rgb(12, 26, 48); display: flex; align-items: center; justify-content: center;}
.mxc .pch .sport svg{width: 20px; height: 20px;}
.mxc .pch .lgn{font-family: var(--disp); font-weight: 900; font-size: 22px; color: var(--t); line-height: 1;}
.mxc .pch .rc{margin-left: auto; display: flex; align-items: center; gap: 8px;}
.mxc .prof{display: flex; align-items: center; gap: 8px;}
.mxc .prof .p{font-family: "Roboto Mono", monospace; font-weight: 700; font-size: 19px; color: var(--lv); letter-spacing: -0.5px;}
.mxc .prof .r{font-family: "Roboto Mono", monospace; font-weight: 700; font-size: 19px; color: var(--lv); background: rgba(74, 222, 128, 0.12); border-radius: 3px; padding: 0px 8px; letter-spacing: -0.5px;}
.mxc .prof.roi .p{color: var(--profit); background: var(--profit-bg); border: 1px solid var(--profit-line); border-radius: 8px; padding: 2px 9px 3px; font-size: 19px; font-variant-numeric: tabular-nums; letter-spacing: -0.5px;}
.mxc .pch .tclock{color: var(--t2); font-size: 12px; font-weight: 600; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; font-family: "Roboto Mono", ui-monospace, monospace;}
.mxc .pch .tclock svg{width: 13px; height: 13px; stroke: var(--t3); flex: 0 0 auto;}
.mxc .pb{display: grid; grid-template-columns: 230px minmax(0px, 1fr); gap: 18px; padding: 0px 16px 14px;}
.mxc .mu .sit{font-size: 11.5px; color: var(--mut); margin-top: 6px;}
.mxc .well{background: var(--well); border-radius: 17.5px; padding: 8px;}
.mxc .wh{display: grid; grid-template-columns: minmax(0px, 1fr) 58px; gap: 12px; padding: 0px 4px 5px; align-items: baseline;}
.mxc .wh span{font-family: var(--disp); font-weight: 800; font-size: 9px; letter-spacing: 0.9px; text-transform: uppercase; color: var(--mut);}
.mxc .wh .c{text-align: center;}
.mxc .wh .subj{display: flex; align-items: center; gap: 0px 7px; min-width: 0px; overflow: hidden; white-space: nowrap;}
.mxc .wh .subj b{font-weight: 800; color: var(--t2); overflow: hidden; text-overflow: ellipsis; min-width: 0px;}
.mxc .wh .subj span{flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; min-width: 0px;}
.mxc .wh .subj .vs{flex: 0 0 auto; width: 1px; height: 0.95em; background: var(--line2); border-radius: 1px; opacity: 0.9;}
.mxc .brow{display: grid; grid-template-columns: minmax(0px, 1fr) 58px; gap: 12px; align-items: start;}
.mxc .brow + .brow{margin-top: 8px;}
.mxc .cell{background: var(--cellbg); border-radius: 12.5px; padding: 7px 10px; display: flex; align-items: flex-start; gap: 10px; min-width: 0px;}
.mxc .cell > img{align-self: center;}
.mxc .cell img{width: 36px; height: 36px; border-radius: 6px; flex: 0 0 auto; object-fit: contain; background: rgb(255, 255, 255);}
.mxc .cell .lb{min-width: 0px; flex: 1 1 0%;}
.mxc .cell .lb .l1{display: flex; align-items: center; gap: 10px; min-width: 0px; min-height: 31px;}
.mxc .cell .lb .a{flex: 1 1 0%; min-width: 0px; font-size: 15.5px; color: var(--t); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mxc .cell .lb .b{font-size: 8.5px; color: var(--mut); margin-top: -6px; display: flex; align-items: center; gap: 7px; justify-content: flex-start; flex-wrap: nowrap; overflow: hidden; white-space: nowrap;}
.mxc .cell .lb .b .evtile{font-family: var(--disp); font-weight: 800; font-size: 8px; letter-spacing: 0.6px; color: var(--profit); background: var(--profit-bg); border: 0px; border-radius: 999px; padding: 2.5px 6.5px; line-height: 1; white-space: nowrap; flex: 0 0 auto;}
.mxc .oz{display: flex; align-items: center; gap: 3px; flex: 0 0 auto;}
.mxc .pc .lk{width: 28px; height: 28px; border-radius: 0px; border: 0px; background: none; color: var(--grn); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; text-decoration: none;}
.mxc .pc .lk.dim svg{stroke: currentcolor;}
.mxc .pc .lk.dim{color: var(--t3); opacity: 0.45;}
.mxc .pc .lk svg{width: 15px; height: 15px;}
.mxc .wgw{display: flex; align-items: center; gap: 4px; height: 45px;}
.mxc .wgs{color: var(--t3); font-family: "Roboto Mono", monospace; font-weight: 600; font-size: 15px; height: 31px; line-height: 31px; flex: 0 0 auto;}
.mxc .wgi{flex: 0 1 auto; min-width: 4ch; height: 31px; border-radius: 0px; background: none; border-width: 0px 0px 1px; border-style: none none dotted; border-color: currentcolor currentcolor transparent; border-image: none; display: flex; align-items: center; justify-content: flex-end; padding: 0px 3px; font-family: "Roboto Mono", monospace; font-weight: 700; font-size: 15px; color: var(--t); letter-spacing: -0.4px;}
.mxc .wgi.ed{flex: 0 1 auto; min-width: 4ch;}
.mxc .wgi:hover,.mxc .wgi:focus-within{border-bottom-color: var(--line2);}
.mxc .odin2{font-family: "Roboto Mono", monospace; font-variant-numeric: tabular-nums; font-weight: 700; font-size: 16px; background: none; border-width: 0px 0px 1px; border-style: none none dotted; border-color: currentcolor currentcolor transparent; border-image: none; color: var(--t); width: 5ch; text-align: right; padding: 0px 0px 1px; letter-spacing: -0.4px; flex: 0 0 auto;}
.mxc .odin2:hover{border-bottom-color: var(--line2);}
.mxc .odin2.p{}
.mxc .odin2:focus{outline: none; border-bottom-color: var(--grn);}
.mxc .odin2::selection{background: var(--grn2);}
.mxc .wgi.ed{padding: 0px;}
.mxc .wgi.ed input{width: 4ch; height: 100%; background: none; border: 0px; color: var(--t); text-align: right; padding: 0px 3px; font-family: "Roboto Mono", monospace; font-weight: 700; font-size: 15px; letter-spacing: -0.4px;}
.mxc .wgi.ed input:focus{outline: none;}
.mxc .wg2{display: grid; grid-template-columns: minmax(0px, 1fr) 26px 58px; gap: 8px; align-items: start;}
.mxc .wg2 .brow{display: contents;}
.mxc .wg2 .cell{grid-column: 1;}
.mxc .wg2 .wgw{grid-column: 3; align-self: start;}
.mxc .wg2 .v2x2{grid-area: 1 / 2 / 3; align-self: stretch; border: 1px solid var(--line2); border-radius: 10px; color: var(--t3); background: var(--cellbg); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: color 0.16s, border-color 0.16s, background 0.16s, transform 0.1s;}
.mxc .wg2 .v2x2 .ic{width: 13px; height: 13px; flex: 0 0 auto;}
.mxc .wg2 .v2x2 b{font-family: var(--disp); font-weight: 800; font-size: 9.5px; letter-spacing: 0.3px; line-height: 1;}
.mxc .wg2 .v2x2:hover{color: var(--grn); border-color: var(--grnd); background: var(--grn2);}
.mxc .wg2 .v2x2:active{transform: scale(0.96);}
.mxc .well.g2 .wh{grid-template-columns: minmax(0px, 1fr) 26px 58px;}
.mxc .well.g2 .wh .c{grid-column: 3;}
.mxc .mu .match{font-size: 15.5px; font-weight: 700; color: var(--t); line-height: 1.35; display: flex; align-items: center; flex-wrap: wrap; gap: 0px 9px;}
.mxc .mu .match .tm{font-weight: 800; color: var(--t);}
.mxc .mu .match .vs{flex: 0 0 auto; width: 1px; height: 1.05em; background: var(--line2); border-radius: 1px; display: inline-block; opacity: 0.9;}
.mxc .mu .plyr{font-size: 12.5px; font-weight: 600; color: var(--t2); margin-top: 6px; line-height: 1.55;}
.mxc .mu .plyr b{color: var(--sky-bright,#7dd3fc); font-weight: 700;}
.mxc .mu .plyr,.mxc .mu .plyr *{font-family: var(--disp);}
.mxc .mu .plyr .ou{font-size: 12.5px; color: var(--t3); margin: 0px 2px; letter-spacing: 0px;}
.mxc .mu .plyr .tag{font-size: 9.5px; letter-spacing: 0.3px; font-weight: 700;}
.mxc .tag{font-family: var(--disp); font-weight: 800; font-size: 8.5px; letter-spacing: 0.5px; text-transform: uppercase; border: 1px solid var(--line2); border-radius: 5px; padding: 2px 5px; color: var(--t3); vertical-align: middle; white-space: nowrap;}
.mxc .tag.prop{color: rgb(199, 169, 78); border-color: rgb(92, 77, 36); margin-left: 3px;}
.mxc .pb{align-items: start;}
.mxc .mu{padding-top: 8px;}
.mxc .pb{grid-template-columns: minmax(0px, 1fr); gap: 8px;}
.mxc .brow,.mxc .wh{grid-template-columns: minmax(0px, 1fr) 52px; gap: 6px;}
.mxc .wg2{grid-template-columns: minmax(0px, 1fr) 22px 52px; gap: 6px;}
.mxc .well.g2 .wh{grid-template-columns: minmax(0px, 1fr) 22px 52px;}
.mxc .wg2 .v2x2{border-radius: 9px; gap: 4px;}
.mxc .wg2 .v2x2 .ic{width: 11px; height: 11px;}
.mxc .wg2 .v2x2 b{font-size: 8.5px;}
.mxc .mu{display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 6px; padding-top: 2px;}
.mxc .mu .plyr{flex-basis: 100%; margin-top: 2px;}
.mxc .mu .sit{flex-basis: 100%; margin-top: 1px;}
.mxc .pch{padding: 6px 11px 4px;}
.mxc .pch .lgn{font-size: 18px;}
.mxc .pb{padding: 0px 11px 12px;}
.mxc .well{padding: 7px; border-radius: 14px;}
.mxc .cell{padding: 6px 7px; gap: 7px; border-radius: 11px;}
.mxc .cell img{width: 30px; height: 30px;}
.mxc .pc .cell{padding: 6px 8px; gap: 7px;}
.mxc .pc .cell .lb .l1{gap: 6px; min-height: 29px;}
.mxc .pc .cell .lb .a{min-width: 74px; font-size: 13.5px; white-space: normal; line-height: 1.25; word-break: normal; overflow-wrap: break-word; hyphens: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: clip;}
.mxc .pc .cell .lb .b{font-size: 8.5px; min-width: 0px; flex-wrap: nowrap; overflow: hidden; white-space: nowrap;}
.mxc .pc .lk,.mxc .pc .lk.dim{width: 26px; height: 26px;}
.mxc .oz{gap: 3px;}
.mxc .pc .lk{width: 24px; height: 24px;}
.mxc .pc .lk svg{width: 14px; height: 14px;}
.mxc .wgi{height: 29px; font-size: 13.5px; padding: 0px 3px;}
.mxc .wgw{height: 41px;}
.mxc .wgi.ed input{font-size: 13px; padding: 0px 3px; width: 4ch;}
.mxc .pch .prof .p{font-size: 16.5px;}
.mxc .pch .prof .r{font-size: 19px;}
.mxc .pch .prof.roi .r{font-size: 12px; padding-left: 7px; margin-left: 6px;}
.mxc .pch{gap: 6px;}
.mxc .wgs{height: 29px; line-height: 29px; min-width: 0px; font-size: 13.5px;}
.mxc button:focus-visible,.mxc input:focus-visible{outline: 2px solid var(--grn); outline-offset: 2px;}
.mxc .em{width: 28px; height: 28px; border-radius: 50%; background: rgb(12, 26, 48); color: rgb(255, 255, 255); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;}
.mxc .em svg{width: 19px; height: 19px;}
.mxc .subj{color: var(--t3); font-size: 12px;}
.mxc .evc .mu .plyr{display: block; font-size: 11.5px; font-weight: 500; color: var(--t2); margin-top: 3px;}
.mxc .evc .mu .plyr b{font-weight: 700;}
.mxc .evc .mu .plyr .tag.prop{display: none;}
.mxc .evrow{display: flex; align-items: center; gap: 10px; background: var(--cellbg); border-radius: 12px; padding: 9px 10px; margin-top: 9px; max-width: 760px;}
.mxc .evrow > img{width: 30px; height: 30px; border-radius: 8px; object-fit: contain; flex: 0 0 auto;}
.mxc .evmid{flex: 1 1 0%; min-width: 0px;}
.mxc .evmid .a{font-size: 14.5px; font-weight: 600; color: var(--t); line-height: 1.25;}
.mxc .evfv{font-family: "Roboto Mono", monospace; font-size: 10.5px; color: var(--t3); margin-top: 2px; display: flex; align-items: center; gap: 5px;}
.mxc .evrt{text-align: right; flex: 0 0 auto;}
.mxc .evrt .odin2{font-size: 15px; width: 5ch;}
.mxc .evbk{font-size: 11px; color: var(--t3); margin-top: 1px;}
.mxc .evfoot{display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 6px 12px; margin-top: 8px; padding: 0px 3px; font-size: 12px; color: var(--t2); max-width: 760px;}
.mxc .evbet{grid-area: 1 / 1; display: flex; align-items: baseline; gap: 4px; white-space: nowrap;}
.mxc .evbet .wgs{height: auto; line-height: 1; font-size: 12px;}
.mxc .evstake{min-width: 4ch; width: 6ch; border-width: 0px 0px 1px; border-style: none none dotted; border-color: currentcolor currentcolor transparent; border-image: none; background: none; color: var(--t); padding: 0px 2px 1px; text-align: right; font: 700 12px "Roboto Mono", monospace;}
.mxc .evstake:hover{border-bottom-color: var(--line2);}
.mxc .evstake:focus{outline: none; border-bottom-color: var(--grn);}
.mxc .evnote{grid-column: 1 / -1; font-size: 10.5px; color: var(--t3); display: flex; gap: 7px; flex-wrap: wrap; justify-content: space-between;}
.mxc .evnote .win{color: var(--t2); font-family: "Roboto Mono", monospace;}
.mxc .takebet{grid-area: 3 / 1 / auto / -1; display: flex; align-items: center; justify-content: flex-end; gap: 6px; padding-top: 7px; border-top: 1px solid var(--line);}
.mxc .takebet button{border: 1px solid var(--grnd); background: var(--grn2); color: var(--grn); border-radius: 8px; padding: 6px 10px; font-family: var(--disp); font-size: 11px; font-weight: 800; cursor: pointer;}
.mxc .takebet button:hover{background: var(--grn); color: rgb(4, 18, 31);}
.mxc .takebet button:disabled{opacity: 0.5; cursor: wait;}
.mxc .took-btn{display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap;}
.mxc .took-box{display: grid; place-items: center; width: 16px; height: 16px; flex: 0 0 16px; border: 1px solid; border-radius: 5px; transition: background-color 0.16s, border-color 0.16s, transform 0.16s;}
.mxc .took-box svg{width: 11px; height: 11px; opacity: 0; transform: scale(0.65); transition: opacity 0.14s, transform 0.18s cubic-bezier(0.2, 0.9, 0.3, 1.25);}
.mxc .took-btn:hover .took-box svg{opacity: 0.3;}
.mxc .takebet{gap: 5px;}
.mxc .takebet button{min-height: 38px; padding: 8px 10px;}
.mxc .evfoot{gap: 7px 10px;}
.mxc .evnote{font-size: 9.5px; gap: 4px;}
.mxc .edgechip{font-family: "Roboto Mono", monospace; font-size: 15px; font-weight: 700; color: var(--grn); background: var(--grn2); border: 1px solid var(--grnd); border-radius: 8px; padding: 3px 9px; display: inline-flex; align-items: baseline; gap: 4px; white-space: nowrap;}
.mxc .edgechip i{font-style: normal; font-family: var(--disp); font-size: 9px; font-weight: 800; letter-spacing: 0.8px; opacity: 0.8;}
.mxc .prof.roi{gap: 0px; flex: 0 0 auto;}
.mxc .prof.roi .r{position: relative; background: none; border-radius: 0px; font-size: 13px; color: var(--profit); padding: 0px 0px 0px 8px; margin-left: 7px; opacity: 0.75; letter-spacing: -0.2px;}
.mxc .pch .lgn{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mxc .prof.roi .r::before{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 1px; height: 11px; background: currentcolor; opacity: 0.5;}
.mxc ::selection{background: color-mix(in srgb,var(--grn) 26%,transparent); color: var(--t1);}
.mxc :focus-visible{outline: 2px solid var(--grn); outline-offset: 2px; border-radius: 6px;}
.mxc .mu .plyr b{color: var(--t1) !important; font-weight: 700;}
.mxc .em,.mxc .pch .sport{background: var(--well) !important; color: var(--t1) !important;}
.mxc .em,.mxc .pch .sport{background: var(--input) !important; color: var(--t1) !important;}
.mxc .swap-choices{display: inline-flex; align-items: center; gap: 6px; max-width: 100%;}
.mxc .swap-symbol{display: flex; align-items: center; color: var(--t3); flex: 0 0 auto;}
.mxc .swap-symbol svg{width: 17px; height: 17px;}
.mxc .swap-choice{display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; min-width: 44px; min-height: 40px; padding: 5px 7px; border: 1px solid var(--line2); border-radius: 9px; color: var(--t2); background: var(--card); cursor: pointer; font: 600 11px var(--mono,monospace);}
.mxc .swap-choice img{min-width: 24px; max-width: none; flex: 0 0 24px; object-fit: contain; border-radius: 5px; background: rgb(255, 255, 255); display: block !important; width: 24px !important; height: 24px !important; margin: 0px !important; opacity: 1 !important;}
.mxc .pc .cell .lb .b:has(.swap-choices){margin-top: 0px; min-height: 24px; gap: 5px;}
.mxc .pc .cell .swap-choices{gap: 4px; flex: 0 0 auto;}
.mxc .pc .cell .swap-symbol svg{width: 13px; height: 13px;}
.mxc .pc .cell .swap-choice{min-width: 24px; min-height: 24px; height: 24px; padding: 3px 5px; gap: 4px; border-radius: 6px; font-size: 10px; line-height: 1;}
.mxc .pc .cell .swap-choice img{min-width: 16px; flex-basis: 16px; border-radius: 3px; width: 16px !important; height: 16px !important;}
.mxc .swap-choice.hedge{border-style: dashed;}
.mxc .swap-choice:focus-visible{outline: 2px solid var(--grn); outline-offset: 2px;}
.mxc .pc .cell .swap-choice{width: 24px; min-width: 24px; padding: 3px;}
.mxc .pc .cell .swap-choice span{display: none;}

/* display-only snapshot: dark text base, no pointer interaction, no lazy rendering */
.mxc{color:#F2F0EA}
.mxc .pc{cursor:default;content-visibility:visible;contain-intrinsic-size:none;margin-bottom:0}
.mxc input,.mxc button{pointer-events:none}
/* landing.html has a global .b button class; the card has its own .b row. Undo the leak. */
.mxc .b{padding:0;border-radius:0;justify-content:flex-start;font-weight:inherit;transition:none;border:0;background:none}

/* deck: real cards stacked in depth, front one ticks, then flicks away */
.hero-deck{position:relative;padding-top:52px}
.hero-deck .deck{position:relative;display:grid;margin-bottom:4px}
.hero-deck .deck>.pc{grid-area:1/1;align-self:start;transform-origin:50% 0;
  transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s ease,filter .5s ease;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.hero-deck .deck>.pc[data-d="0"]{z-index:3;transform:none}
.hero-deck .deck>.pc[data-d="1"]{z-index:2;transform:translateY(-24px) scale(.94);filter:brightness(.62)}
.hero-deck .deck>.pc[data-d="2"]{z-index:1;transform:translateY(-46px) scale(.88);filter:brightness(.4)}
.hero-deck .deck>.pc[data-d="3"]{z-index:0;transform:translateY(-46px) scale(.88);opacity:0}
.hero-deck .deck>.pc.gone{z-index:4;transform:translate(30px,60px) rotate(4deg) scale(.96);opacity:0}
/* cards behind the front one only peek out the top, whatever their own height */
.hero-deck .deck>.pc:not([data-d="0"]){max-height:var(--fh,none);overflow:hidden}
.hero-deck .deck-note{font-size:.62rem;letter-spacing:.02em;color:rgba(242,240,234,.4);text-align:right;margin-top:8px}
@media(max-width:640px){
  .hero-deck{padding-top:30px}
  .hero-deck .deck>.pc[data-d="1"]{transform:translateY(-16px) scale(.95)}
  .hero-deck .deck>.pc[data-d="2"],.hero-deck .deck>.pc[data-d="3"]{transform:translateY(-30px) scale(.9)}
  .hero-deck .deck-note{text-align:center}
}
@media(prefers-reduced-motion:reduce){.hero-deck .deck>.pc{transition:none}}