/* The opt-in pick flow shares Home's illustrated ink, cream and gold. */
.pick-beta-active .topbar{min-height:78px;padding-bottom:0}.pick-beta-active .topbar .brand{height:76px;width:192px;flex-basis:192px}
.pick-beta-active .app{padding-bottom:100px}.pick-beta-active .app-footer{display:none}
.pc-flow{margin:0;padding:0;animation:none;--pc-cut:polygon(2% 0,97% 1%,100% 5%,99% 95%,96% 100%,1% 98%,0 92%,1% 5%)}
.pc-flow button,.pc-flow summary{touch-action:manipulation}.pc-flow button:focus-visible,.pc-flow summary:focus-visible,.pc-lock:has(input:focus-visible){outline:3px solid #fff1b6;outline-offset:5px}
.pc-flow button{font-family:HomeComic,Impact,sans-serif}.pc-flow button:disabled{cursor:not-allowed}
.pc-back-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 5px}.pc-back-row>span{font:10px/1.3 var(--body,system-ui);letter-spacing:1.25px;color:#b3d2eb}
.pc-flow .pc-text{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 2px;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font:15px/1.1 HomeComic,Impact,sans-serif;letter-spacing:.4px}
.pc-progress{margin:0 -3px 18px}.pc-progress ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;gap:2px}
.pc-progress ol:before{content:'';position:absolute;left:10%;right:10%;top:19px;height:5px;background:#071322;border:1px solid #618ba8;box-shadow:0 2px #000}
.pc-progress li{min-width:0;position:relative}.pc-progress button{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-height:66px;padding:5px 0;border:0;background:transparent;color:#b9c6d1;font:14px/1 HomeComic,Impact,sans-serif;letter-spacing:.4px;position:relative;isolation:isolate;opacity:1!important}
.pc-step-number{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#112e4b;border:2px solid #94a8b7;color:#cfdae4;position:relative;z-index:1;box-shadow:1px 2px #020d17;font-size:16px}
.pc-progress .is-done .pc-step-number{background:#ffd33b;color:#07182b;border-color:#020e1c}.pc-progress .is-done button{color:#fff1cb}
.pc-progress .is-current button{color:#061426;gap:3px;font-size:16px}.pc-progress .is-current .pc-step-number{border:0;background:transparent;box-shadow:none;color:#071426;font-size:21px;height:24px}
.pc-progress svg{position:absolute;inset:-8px -8px;width:calc(100% + 16px);height:80px;z-index:-1;fill:#ffd438;stroke:#020e1d;stroke-width:2.5;filter:drop-shadow(2px 4px #020916)}
.pc-heading{display:flex;align-items:center;justify-content:space-between;gap:1px;margin:0 0 21px;position:relative}.pc-heading>div{min-width:0}.pc-heading img{width:67px;height:78px;object-fit:contain;margin-right:-6px;transform:rotate(8deg);filter:drop-shadow(3px 4px #0007)}
.pc-eyebrow{font:11px/1.2 var(--body,system-ui);letter-spacing:1.4px;color:#f5cf50;margin:0 0 7px;font-weight:800}
.pc-heading h1{font:400 clamp(29px,9cqw,44px)/1 HomeComic,Impact,sans-serif;letter-spacing:.7px;color:#fff0cf;text-shadow:2px 3px 0 #020812;margin:0 0 8px;transform:rotate(-1deg)}
.pc-heading p:not(.pc-eyebrow){font:12px/1.4 var(--body,system-ui);color:#d8e6ec;margin:0}.pc-pane{min-width:0}.pc-footnote{font:11px/1.65 var(--body,system-ui);text-align:center;color:#ccdfec;margin:21px 6px 8px}
.pc-weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.pc-week{--plate:#fff0cc;--edge:#a59c81;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;padding:15px 15px 19px;background:var(--plate) url('assets/home-comic/ink-grain.svg') center/260px;color:#061427;border:3px solid #020b14;border-radius:2px;box-shadow:inset 3px 3px #fffbde,inset -4px -5px var(--edge),4px 6px #020912;transform:rotate(.8deg);min-height:204px}
.pc-week-0{--plate:#ffd336;--edge:#ae800f;transform:rotate(-1.2deg)}.pc-week-2{--plate:#137acd;--edge:#003d72;color:#fff0cf;box-shadow:inset 3px 3px #4caeef,inset -4px -5px var(--edge),4px 6px #020912;transform:rotate(-.6deg)}
.pc-week-tag{font:13px/1 HomeComic,Impact,sans-serif;letter-spacing:.7px;background:#061324;color:#fff0cb;padding:5px 8px;transform:rotate(-3deg);box-shadow:1px 2px #020c18;margin:-5px -5px 16px}.pc-week-0 .pc-week-tag{background:#d93429;border:1px solid #081725;color:#fff2dc}
.pc-week-word{font:20px/1 HomeComic,Impact,sans-serif;letter-spacing:2px}.pc-week strong{font:68px/.98 HomeComic,Impact,sans-serif;margin:1px 0 10px;letter-spacing:-1px;text-shadow:1px 2px #a27d2650}
.pc-week-count{font:11px/1.4 var(--body,system-ui);font-weight:800}.pc-special-tag{font:12px/1.2 HomeComic,Impact,sans-serif;margin-top:6px}.pc-week-arrow{position:absolute;right:13px;top:103px;width:26px}.pc-week-arrow svg{width:100%}.pc-week:disabled{filter:grayscale(1);opacity:.65}
.pc-subhead{display:flex;align-items:center;justify-content:space-between;margin:-10px 0 12px}.pc-subhead>span{font:21px/1 HomeComic,Impact,sans-serif;letter-spacing:1px;color:#ffda4e}.pc-games{display:grid;gap:24px}.pc-slate+.pc-slate{margin-top:24px}.pc-slate-title{font:25px/1 HomeComic,Impact,sans-serif;transform:rotate(-1deg);color:#ffd345;margin:16px 0}
.pc-game{display:block;width:100%;min-width:0;position:relative;padding:0 10px 11px;background:#fff0cd url('assets/home-comic/ink-grain.svg') center/300px;color:#061426;border:3px solid #020a13;border-radius:2px;box-shadow:inset 3px 3px #fffbee,inset -4px -4px #b4ab90,4px 7px #010812;text-align:center;isolation:isolate;transition:transform 120ms ease,box-shadow 120ms ease}
.pc-game:before{content:'';position:absolute;inset:40px 3px 42px;pointer-events:none;z-index:-1;background:radial-gradient(#0d3658 1px,transparent 1.5px) 0 0/5px 5px;mask-image:linear-gradient(115deg,#0009,transparent 26%,transparent 77%,#0006);opacity:.33}
.pc-game-time{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#fff0cc;background:#062748;border-bottom:2px solid #06101b;margin:0 -10px 12px;padding:9px 10px;text-align:right;box-shadow:inset 1px 2px #386484}
.pc-game-time b{font:17px/1.2 HomeComic,Impact,sans-serif;letter-spacing:.5px;text-align:left;color:#ffdb4d;max-width:85px}.pc-game-time>span{font:11px/1.4 var(--body,system-ui);font-weight:650}
.pc-teams{display:grid;grid-template-columns:minmax(0,1fr) 49px minmax(0,1fr);align-items:center;gap:0}.pc-team{display:flex;flex-direction:column;align-items:center;min-width:0;align-self:start}
.pc-team-logo{width:65px;height:60px;object-fit:contain;display:block;filter:drop-shadow(1px 2px #fff9);flex-shrink:0}.pc-city{font:10px/1.3 var(--body,system-ui);color:#4c5866;margin:5px 0 2px;min-height:13px}.pc-team-name{font:clamp(20px,6.2cqw,29px)/1.06 HomeComic,Impact,sans-serif;letter-spacing:.25px;overflow-wrap:anywhere;max-width:100%;min-height:32px}
.pc-vs{font:44px/1 HomeComic,Impact,sans-serif;letter-spacing:-2px;color:#ffd435;-webkit-text-stroke:1.5px #061323;paint-order:stroke fill;text-shadow:2px 3px #030912,4px 4px #ce3a24;transform:rotate(-10deg);margin-top:-48px;position:relative}
.pc-vs:before,.pc-vs:after{content:'';position:absolute;left:20px;width:3px;height:27px;background:#08223a;transform:rotate(20deg);top:-29px;opacity:.25}.pc-vs:after{top:auto;bottom:-55px;height:39px}
.pc-market-number{display:flex;flex-direction:column;align-items:center;padding:7px 6px 6px;background:#ffd747 url('assets/home-comic/ink-grain.svg') center/180px;border:2px solid #091727;box-shadow:2px 3px #0b2233;transform:rotate(-2deg);min-width:90px;margin:5px 0 3px}.pc-team:last-child .pc-market-number{transform:rotate(2deg)}
.pc-market-number>span{font:11px/1 HomeComic,Impact,sans-serif;letter-spacing:1px}.pc-market-number b{font:33px/1 HomeComic,Impact,sans-serif;letter-spacing:.2px;margin-top:3px}.pc-market-number small{font:9px/1.2 var(--body,system-ui);margin-top:4px}.pc-market-number.pc-unavailable{background:#d9d8cd;color:#6b6e71;border-color:#777e81;box-shadow:2px 3px #91938b;filter:grayscale(1)}
.pc-total-burst{display:flex;align-items:center;justify-content:center;position:relative;width:178px;height:66px;isolation:isolate;margin:8px auto 0;transform:rotate(-2deg)}.pc-total-burst>svg{position:absolute;inset:0;width:100%;height:100%;fill:#fff9e5;stroke:#061324;stroke-width:2.5;filter:drop-shadow(2px 3px #020c17);z-index:-1}.pc-total-burst>span{font:21px/1 HomeComic,Impact,sans-serif;letter-spacing:.4px}.pc-total-burst b{font:32px/1 HomeComic,Impact,sans-serif}
.pc-game-hint{display:flex;align-items:center;justify-content:flex-end;gap:5px;font:11px/1 HomeComic,Impact,sans-serif;letter-spacing:.6px;color:#536174;margin:3px 3px 0}.pc-game-hint svg{width:16px;height:13px}.pc-game:disabled{filter:grayscale(1);opacity:.6}
.pc-matchup-strip{padding:11px 10px 0;color:#07182a;background:#fff0cb url('assets/home-comic/ink-grain.svg') center/280px;border:3px solid #061221;box-shadow:3px 5px #020913;transform:rotate(-.6deg);margin-bottom:24px;text-align:center}.pc-strip-meta{display:block;font:10px/1.5 var(--body,system-ui);color:#45556a}.pc-strip-teams{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px}.pc-strip-teams .pc-team-logo{width:31px;height:31px}.pc-strip-teams b{font:clamp(17px,5.4cqw,26px)/1.1 HomeComic,Impact,sans-serif;min-width:0;overflow-wrap:anywhere}.pc-strip-teams i{font:19px/1 HomeComic,Impact,sans-serif;transform:rotate(-10deg);color:#c92d24;margin:0 2px}.pc-matchup-strip .pc-text{font-size:12px;min-height:33px}
.pc-call-groups{display:grid;gap:22px}.pc-call-group{background:#fff0cc;border:3px solid #020d1a;box-shadow:3px 5px #010a14;position:relative;border-radius:2px;padding:7px;color:#071626}
.pc-group-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;background:#06315a;color:#fff0cc;margin:-7px -7px 9px;padding:7px 10px;border-bottom:2px solid #051424;box-shadow:inset 1px 2px #315d83}.pc-group-heading h2{font:24px/1 HomeComic,Impact,sans-serif;letter-spacing:.6px;margin:0}.pc-group-heading>span{font:10px/1.3 var(--body,system-ui);text-align:right;color:#c8deed}
.pc-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pc-choice{min-width:0;display:grid;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:4px 5px;position:relative;padding:10px 8px 8px;background:#fffbed url('assets/home-comic/ink-grain.svg') center/230px;border:2px solid #17283a;border-radius:1px;box-shadow:inset 2px 2px #fff,inset -2px -3px #c6b999,1px 2px #25303e;text-align:center;color:#061426;min-height:104px}
.pc-choice .pc-team-logo{width:35px;height:32px}.pc-choice-name{font:clamp(17px,5.2cqw,24px)/1.05 HomeComic,Impact,sans-serif;min-width:0;overflow-wrap:anywhere}.pc-choice>strong{grid-column:1/-1;font:39px/1 HomeComic,Impact,sans-serif}.pc-choice-arrow{position:absolute;right:7px;bottom:9px;width:14px;height:14px}.pc-choice-arrow svg{width:100%;height:100%}.pc-choice small{grid-column:1/-1;font:9px/1.3 var(--body,system-ui);color:#4f5c66}
.pc-group-total .pc-group-heading{background:#ffd13b;color:#071426;box-shadow:inset 1px 2px #fff19b}.pc-group-total .pc-group-heading>span{color:#4e4021}.pc-group-total .pc-total-choice{background-color:#ffdb57;grid-template-columns:1fr;min-height:98px}.pc-total-choice .pc-choice-name{font-size:22px}.pc-total-choice>strong{font-size:38px}.pc-total-choice:first-child .pc-choice-name:before{content:'↗ ';color:#09513a}.pc-total-choice:last-child .pc-choice-name:before{content:'↘ ';color:#87362a}
.pc-group-dawg .pc-group-heading{background:#e75532;color:#fff6df;box-shadow:inset 1px 2px #f3a886}.pc-group-dawg .pc-group-heading>span{color:#fff4dc}.pc-dawg-choice:only-child{grid-column:1/-1;grid-template-columns:44px minmax(0,1fr) auto;min-height:72px;padding:10px 16px;text-align:left}.pc-dawg-choice:only-child>strong{grid-column:auto;font-size:37px;margin-right:12px}.pc-dawg-choice:only-child small{grid-column:2/-1}.pc-choice:disabled,.pc-prop-choice:disabled{background:#dadad2;color:#747776;border-color:#8d969b;box-shadow:inset -2px -2px #b8bcb9;filter:grayscale(1);opacity:1}
.pc-no-offers{grid-column:1/-1;font:12px/1.6 var(--body,system-ui);color:#546170;margin:8px;min-height:30px}.pc-refresh{margin:7px 0 3px}.pc-props{border:3px solid #020c18;box-shadow:3px 5px #010b17;background:#fff0ce;color:#071426;margin:5px 0 12px}.pc-props summary{display:flex;align-items:center;gap:8px;padding:13px 10px;cursor:pointer;list-style:none}.pc-props summary::-webkit-details-marker{display:none}.pc-props summary>span{font:24px/1 HomeComic,Impact,sans-serif;flex:1}.pc-props summary small{font:11px/1.3 var(--body,system-ui);color:#576277}.pc-props summary>b{font:28px/1 HomeComic,Impact,sans-serif}.pc-props[open] summary{border-bottom:2px solid #091b30}.pc-prop-body{padding:4px 10px 12px}.pc-prop-body>p{font:12px/1.5 var(--body,system-ui);color:#4c5866}
.pc-prop-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 7px;background:#fffae8;border:2px solid #122438;box-shadow:2px 3px #354055;color:#071526;margin-bottom:10px;text-align:left}.pc-prop-choice>span{min-width:0;display:flex;flex-direction:column;gap:5px}.pc-prop-choice b{font:22px/1.15 HomeComic,Impact,sans-serif;overflow-wrap:anywhere}.pc-prop-choice small,.pc-prop-choice>span>span{font:11px/1.4 var(--body,system-ui);overflow-wrap:anywhere}.pc-prop-choice>strong{font:29px/1 HomeComic,Impact,sans-serif;white-space:nowrap}
.pc-small-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffd641;color:#071629;border:2px solid #061322;box-shadow:2px 3px #071222;padding:10px 13px;min-height:44px;font-size:18px;letter-spacing:.5px}.pc-small-button svg{width:20px;height:20px}
.pc-receipt{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff0cb url('assets/home-comic/ink-grain.svg') center/280px;color:#061426;border:3px solid #020b17;box-shadow:inset 3px 3px #fffbe3,inset -4px -5px #b5aa8a,4px 7px #010a16;padding:25px 20px 2px;margin:0 0 26px;transform:rotate(.7deg);text-align:center}.pc-receipt:after,.pc-receipt:before{content:'';position:absolute;top:56%;width:17px;height:29px;border:3px solid #041322;background:#052744;border-radius:50%}.pc-receipt:before{left:-12px;clip-path:inset(0 0 0 50%)}.pc-receipt:after{right:-12px;clip-path:inset(0 50% 0 0)}
.pc-receipt-kicker{position:absolute;left:11px;top:-12px;background:#ffd330;color:#061626;box-shadow:2px 3px #05121c;border:2px solid #071726;padding:5px 11px;font:15px/1 HomeComic,Impact,sans-serif;letter-spacing:1px;transform:rotate(-4deg)}.pc-receipt-type{font:16px/1 HomeComic,Impact,sans-serif;letter-spacing:1.5px;color:#5c6671;margin:8px 0}.pc-receipt h2{font:34px/1.1 HomeComic,Impact,sans-serif;margin:0 0 5px;overflow-wrap:anywhere;max-width:100%;letter-spacing:.5px}.pc-receipt-line{font:61px/1 HomeComic,Impact,sans-serif;letter-spacing:.4px;color:#073d68;margin:0 0 9px;text-shadow:1px 2px #d8b845}.pc-receipt p{font:12px/1.6 var(--body,system-ui);margin:0 0 8px}.pc-receipt .pc-text{margin-top:5px;align-self:stretch;border-top:2px dashed #b6a990}.pc-receipt-locked{background-color:#ffdf6b;border-color:#000b17}
.pc-lock{display:flex;align-items:center;gap:8px;position:relative;padding:13px 10px;background:#fff0cc url('assets/home-comic/ink-grain.svg') center/240px;border:3px solid #061321;box-shadow:3px 5px #010a16;color:#07192a;cursor:pointer;margin-bottom:22px}.pc-lock input{position:absolute;opacity:0;width:1px;height:1px}.pc-lock img{width:49px;height:56px;object-fit:contain;flex-shrink:0}.pc-lock>span{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.pc-lock strong{font:22px/1.1 HomeComic,Impact,sans-serif;letter-spacing:.3px}.pc-lock span span{font:11px/1.4 var(--body,system-ui)}.pc-lock small{font:9px/1.5 var(--body,system-ui);color:#536071}.pc-lock-check{border:2px solid #071525;background:#fff8e0;font:23px/1 HomeComic,Impact,sans-serif;display:grid;place-items:center;width:26px;height:29px;flex-shrink:0;box-shadow:1px 2px #5f675d}.pc-lock.selected{background-color:#ffdb4c;box-shadow:3px 5px #010a16,inset 0 0 0 2px #fff096}.pc-lock.selected .pc-lock-check{background:#074e3b;color:#fff0cc}.pc-lock-disabled{cursor:default;background:#d5d7d0;filter:grayscale(1)}
.pc-flow .pc-confirm{width:100%;display:flex;align-items:center;justify-content:center;gap:15px;padding:17px 12px;background:#ffd330 url('assets/home-comic/ink-grain.svg') center/270px;color:#061426;font:29px/1 HomeComic,Impact,sans-serif;border:3px solid #020b18;border-radius:2px;box-shadow:inset 3px 3px #fff29b,inset -4px -5px #ad7e12,4px 7px #010912;transform:rotate(-1deg);letter-spacing:.5px;min-height:69px}.pc-confirm svg{width:29px;height:27px}.pc-notice{font:12px/1.6 var(--body,system-ui);background:#fff0ce;color:#12283a;border:2px solid #0b1c2a;padding:13px;box-shadow:2px 4px #010b18;margin:10px 0 18px}.pc-alert{border-color:#7d241c;background:#fff0ce;color:#751f17}.pc-flow .replacement-note{font:12px/1.6 var(--body,system-ui);color:#fff0ce;background:#082d4b;padding:13px;border:1px solid #91a8b8}
/* One continuous illustrated rail; destinations share a surface and quiet seams. */
.pc-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:0;isolation:isolate;overflow:visible;background:radial-gradient(ellipse at 50% 0,#17629688,transparent 65%),linear-gradient(#123f62,#092d4a 60%,#061d33);border:3px solid #020b16;border-bottom:0;box-shadow:0 -2px 0 #d5b366,0 -5px 0 #020b16,inset 0 1px #ffffff21;padding:6px 4px max(7px,env(safe-area-inset-bottom));z-index:20}
.pick-beta-active:not(.hb-review) .pc-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:580px}
.pc-nav .pc-nav-link{display:flex;position:relative;flex-direction:column;gap:2px;align-items:center;justify-content:flex-end;min-width:0;min-height:66px;padding:4px 1px 7px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff6de;touch-action:manipulation;transition:color 120ms ease,filter 120ms ease;isolation:isolate}
.pc-nav .pc-nav-link:not(:first-child)::after{content:"";position:absolute;left:0;bottom:10px;height:43px;width:1px;background:linear-gradient(transparent,#d5b36670 35%,#d5b36670 65%,transparent);pointer-events:none}
.pc-nav .pc-nav-link>img{width:38px;height:36px;max-width:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #020b1680);pointer-events:none}
.pc-nav .pc-nav-link>span{font:400 13px/1.15 HomeComic,Impact,sans-serif;letter-spacing:.4px;text-shadow:0 1px #020b16;white-space:nowrap}
.pc-nav .pc-nav-link[aria-current="page"]{color:#ffe278;background:transparent;box-shadow:none}
.pc-nav .pc-nav-link[aria-current="page"]::before{content:"";position:absolute;inset:0 0 -7px;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#e7bc4530,transparent 75%);pointer-events:none}
.pc-nav .pc-nav-link[aria-current="page"]>span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.pc-nav .pc-nav-home{min-height:86px;margin-top:-20px;padding-top:0;background:transparent;border:0;box-shadow:none}
.pc-nav .pc-nav-home>img{width:72px;height:74px;margin-top:-2px;max-width:calc(100% + 4px);flex-shrink:0;filter:drop-shadow(0 2px 1px #020b1680)}
.pc-nav .pc-nav-home>span{position:relative;z-index:1;margin-top:0}
.pc-nav .pc-nav-link:focus-visible{outline:3px solid #51ddec;outline-offset:-3px;z-index:2}
.pc-nav .pc-nav-link:active:not(:disabled){filter:brightness(1.15)}
.pc-nav .pc-nav-link:disabled{opacity:.45;cursor:default}
.pick-beta-active .app,.current-beta-active .app{padding-bottom:calc(126px + env(safe-area-inset-bottom))}
html:has(.pc-nav){scroll-padding-bottom:calc(126px + env(safe-area-inset-bottom))}
@media(max-width:350px){.pc-nav{padding-left:3px;padding-right:3px}.pc-nav .pc-nav-link>span{font-size:12px;letter-spacing:.2px}.pc-nav .pc-nav-link>img{width:34px;height:34px}.pc-nav .pc-nav-home>img{width:66px;height:72px}}
@media(prefers-reduced-motion:reduce){.pc-nav .pc-nav-link{transition:none}}
.hb-review.pick-beta-active .app{padding-bottom:0}.hb-review .pc-nav{position:sticky;bottom:0;margin:28px -15px 0}.hb-review .pc-sample-done{padding:24px;background:#fff0ce;border:3px solid #071626;box-shadow:4px 6px #010b18;color:#07192c}.pc-sample-done h1{font:39px/1 HomeComic,Impact,sans-serif;color:#07192c}.pc-sample-done p{font:14px/1.6 var(--body,system-ui)}
@media(hover:hover){.pc-game:not(:disabled):hover,.pc-week:not(:disabled):hover,.pc-choice:not(:disabled):hover{transform:translateY(-3px);box-shadow:3px 8px #010a16}.pc-confirm:hover{transform:translateY(-2px) rotate(-1deg)}}
.pc-game:not(:disabled):active,.pc-week:not(:disabled):active,.pc-choice:not(:disabled):active,.pc-confirm:active{transform:translate(2px,3px);box-shadow:1px 2px #010b16}
@container(max-width:310px){.pc-heading img{width:48px;height:62px}.pc-heading h1{font-size:28px}.pc-back-row>span{font-size:8px}.pc-progress button{font-size:13px}.pc-progress .is-current button{font-size:14px}.pc-choice{grid-template-columns:27px minmax(0,1fr);padding:9px 4px}.pc-choice .pc-team-logo{width:27px}.pc-choice-name{font-size:17px}.pc-lock{padding:11px 7px;gap:6px}.pc-lock img{width:40px}.pc-lock strong{font-size:20px}.pc-week{padding-left:12px;padding-right:10px}.pc-week-count{font-size:10px}.pc-teams{grid-template-columns:minmax(0,1fr) 37px minmax(0,1fr)}.pc-vs{font-size:38px}.pc-market-number{min-width:80px}.pc-team-name{font-size:21px}.pc-strip-teams{gap:3px}.pc-strip-teams .pc-team-logo{width:26px}.pc-strip-teams b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.pc-flow *{transition:none!important;animation:none!important}}

/* Matchup-only refinement: approximately 12–15% less card height, same width. */
.pc-game{padding-bottom:9px}
.pc-game-time{padding:8px 10px;margin-bottom:9px}
.pc-game-time b{font-size:15px}.pc-game-time>span{font-size:10px}
.pc-game .pc-team-logo{width:57px;height:52px}
.pc-game .pc-city{font-size:9px;min-height:12px;margin-top:4px}
.pc-game .pc-team-name{font-size:clamp(18px,5.5cqw,25px);min-height:28px}
.pc-game .pc-vs{font-size:39px}
.pc-game .pc-market-number{padding:6px 6px 5px;margin-top:4px;min-width:80px}
.pc-game .pc-market-number>span{font-size:10px}.pc-game .pc-market-number b{font-size:29px}
.pc-game .pc-market-number small{font-size:9px}
.pc-game .pc-total-burst{width:159px;height:56px;margin-top:6px}
.pc-game .pc-total-burst>span{font-size:18px}.pc-game .pc-total-burst b{font-size:28px}
.pc-game .pc-game-hint{font-size:10px}
/* Selected Lock: green neon fill, ink border and hard shadow stay intact. */
.pc-lock.selected{background-color:#70ed76;background-image:url('assets/home-comic/ink-grain.svg');border-color:#051b16;box-shadow:inset 0 0 0 2px #caffbd,inset 0 0 20px #27f87bb3,3px 5px #010a16,0 0 9px #4aff81b3,0 0 19px #2fff6659;color:#062718}
.pc-lock.selected small{color:#174c30}.pc-lock.selected .pc-lock-check{background:#075632;border-color:#032919;color:#e3ffd5;box-shadow:0 0 7px #82ff99}


/* Approved full-height Home house. Roof eaves meet the rail; art keeps its ratio.
   Safe-area space remains below the controls, as required on iPhone. */
.pc-nav{--nav-body:clamp(76px,19vw,88px);--home-art-height:calc((var(--nav-body) + 2px)/.667);grid-template-columns:minmax(0,1fr) minmax(0,1fr) calc(var(--home-art-height)*.878) minmax(0,1fr) minmax(0,1fr);padding:0 4px env(safe-area-inset-bottom,0px);border-top:0}
.pc-nav .pc-nav-link{min-height:var(--nav-body);height:var(--nav-body);padding-bottom:12px}
.pc-nav .pc-nav-home{height:var(--nav-body);min-height:var(--nav-body);margin:0;padding:0;z-index:2}
.pc-nav .pc-nav-home>img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:var(--home-art-height);width:auto;max-width:none;margin:0;object-fit:contain}
.pc-nav .pc-nav-home>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pc-nav .pc-nav-home::before{content:"";position:absolute;inset:calc(var(--nav-body) - var(--home-art-height)) 0 0;clip-path:polygon(50% 0,100% 33%,100% 100%,0 100%,0 33%);z-index:0}
.pc-nav .pc-nav-home[aria-current="page"]>img{filter:drop-shadow(0 0 3px #ffe278)}
.pc-nav .pc-nav-home:focus-visible{outline-offset:-3px}
@media(max-width:350px){.pc-nav .pc-nav-link>span{font-size:11px;letter-spacing:0}.pc-nav .pc-nav-link>img{width:32px;height:34px}.pc-nav .pc-nav-home>img{width:auto;height:var(--home-art-height)}}