@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101012;--surface:#18181b;--border:#303034;--muted:#a1a1aa;--red:#f03542;--white:#f3f1ef;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.5 var(--body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--red)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.skip{position:absolute;top:-60px;background:var(--red);padding:12px;z-index:100}.skip:focus{top:0}.site-header{height:86px;max-width:1440px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font:italic 900 34px/.9 var(--display);letter-spacing:-1px}.wordmark span{color:var(--red-text)}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover,footer a:hover{color:var(--red-text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px;border:1px solid #48484e;background:transparent;color:var(--white);font-size:14px;font-weight:700;border-radius:3px}.button:hover{background:#27272c}.watch span{color:var(--red-text)}.notice{min-height:33px;padding:7px 20px;text-align:center;background:#231518;color:#dbabb0;font-size:12px;font-weight:600;letter-spacing:.8px}.notice span{padding:0 10px;color:var(--red-text)}main{max-width:1440px;margin:auto;padding:0 48px}.hero{position:relative;isolation:isolate;min-height:440px;border-bottom:1px solid var(--border);overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;z-index:-2;inset:0 -2% 0 24%;background-image:linear-gradient(90deg,#101012 0%,#101012aa 30%,#10101211 70%),linear-gradient(0deg,#101012 0%,transparent 55%),url('/assets/brand-reference.png');background-size:cover,cover,auto 145%;background-position:center,center,70% top;opacity:.75;filter:saturate(.8)}.hero-copy{padding:38px 0 42px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;margin:0 0 14px;color:var(--muted)}.slash{color:var(--red-text);margin-right:8px}.hero h1{font:900 clamp(62px,7.2vw,104px)/.84 var(--display);letter-spacing:-1.5px;margin:25px 0 22px;position:relative}.hero h1 em{font-style:normal;color:var(--red-text)}.hero h1 sup{font:600 18px var(--body);vertical-align:top;margin:5px 0 0 12px;color:#c0bcc0;letter-spacing:2px}.hero-intro{font-size:17px;color:#c4c1c3;margin-bottom:27px}.hero-bottom{display:flex;gap:35px;align-items:center}.date-tag{font:700 22px var(--display);border-left:3px solid var(--red);padding-left:12px;line-height:1}.date-tag small{display:block;font:600 10px var(--body);letter-spacing:1px;color:var(--muted);margin-top:7px}.text-link{font-size:14px;font-weight:600}.hero-side{position:absolute;right:0;bottom:38px;font:600 12px var(--body);letter-spacing:3px;writing-mode:vertical-rl;color:#aaa5a8}.dashboard{display:grid;grid-template-columns:1.35fr .7fr 1.2fr;gap:16px;margin-top:24px}.dashboard article{padding:23px 25px;border:1px solid var(--border);background:linear-gradient(120deg,#202023,#171719);border-radius:4px}.timer-panel{border-top:2px solid var(--red)!important}.panel-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:1.2px;color:#b7b4ba}.badge{font-size:10px;letter-spacing:.6px;background:#343439;padding:3px 7px;border-radius:3px;white-space:nowrap}.timer{font:700 clamp(50px,5.3vw,76px)/1.3 var(--display);font-variant-numeric:tabular-nums;letter-spacing:2px}.panel-foot{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}.panel-foot strong{color:#dedade;font-weight:500}.total{font:700 70px/1.4 var(--display)}.red{color:var(--red-text)}.next-panel h2{font:700 28px/1.1 var(--display);margin:20px 0 22px}progress{width:100%;height:5px;border:0;appearance:none;background:#39393e;display:block;margin-bottom:14px}progress::-webkit-progress-bar{background:#39393e}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}.time-rules{display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:15px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:32px 0 64px;padding:24px 0}.time-title .eyebrow{font-size:10px;margin-bottom:4px}.time-title h2{font:700 24px/.95 var(--display);margin:0}.rate{border-left:1px solid var(--border);padding-left:24px;display:flex;flex-direction:column;justify-content:center}.rate>span{font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--muted)}.rate strong{font:700 36px/1.3 var(--display)}.rate small{font-size:14px;color:var(--red-text)}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:54px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-heading .eyebrow{margin-bottom:8px}h2{font:700 42px/1.04 var(--display);margin:0}.muted{color:var(--muted);font-size:13px}.section-intro{color:var(--muted);margin:16px 0 28px;font-size:15px}.milestone{display:flex;align-items:center;gap:22px;padding:21px 16px;border-bottom:1px solid var(--border);position:relative}.milestone:first-child{border-top:1px solid var(--border)}.goal-number{font:700 30px var(--display);min-width:78px;color:#9e9aa1;font-variant-numeric:tabular-nums}.milestone h3{font-size:16px;font-weight:600;margin:0 0 3px}.milestone p{font-size:13px;color:var(--muted);margin:0}.goal-state{font:600 10px var(--body);color:#77727b;letter-spacing:.8px;margin-left:auto;white-space:nowrap}.milestone.next{background:linear-gradient(90deg,#451b21,#22171b);border-left:3px solid var(--red);padding-left:13px}.milestone.next .goal-number,.milestone.next .goal-state{color:var(--red-text)}.milestone.done .goal-number{color:#efeded}.milestone.done .goal-state{color:#d5d0d4}.milestone.major{background:#1d1d20}.side-column{padding-top:0}.repeat-card{background:#1d1d20;border:1px solid var(--border);border-top:3px solid var(--red);padding:30px}.repeat-card h2{font-size:40px;margin-bottom:30px}.repeat-item{padding:24px 0;border-top:1px solid #38383d;display:flex;gap:20px}.repeat-number{font:700 36px/1 var(--display);min-width:70px;color:var(--red-text)}.repeat-number small{display:block;font:600 10px var(--body);color:#99959d;margin-top:7px;letter-spacing:1px}.repeat-item h3{font-size:15px;margin:0 0 8px}.repeat-item p,.fine{font-size:13px;color:var(--muted);margin:0}.fine{padding-top:16px;border-top:1px solid var(--border)}.join-card{padding:32px;border:1px solid var(--border);margin-top:20px;background:linear-gradient(130deg,#20171b,#171719)}.join-card h2{font-size:36px}.join-card p:not(.eyebrow){color:var(--muted);font-size:15px}.wheels-section{margin-top:72px;border-top:1px solid var(--border);padding-top:48px}.wheel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wheel-card{background:#1a1a1d;border:1px solid var(--border);border-radius:4px;overflow:hidden}.wheel-visual{height:210px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#442129,#19191c 68%);position:relative;overflow:hidden}.wheel-disc{width:165px;height:165px;border-radius:50%;background:repeating-conic-gradient(from -15deg,#bb2936 0deg 30deg,#27272e 30deg 60deg,#e4dedd 60deg 90deg,#681d29 90deg 120deg);border:5px solid #444047;box-shadow:0 0 0 1px #77717c,0 12px 35px #0008;display:grid;place-items:center;transform:rotate(-10deg)}.wheel-disc:after{content:'H';display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#111113;border:3px solid #77717c;color:white;font:italic 800 36px var(--display)}.wheel-pointer{position:absolute;left:calc(50% + 65px);top:97px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:23px solid white;filter:drop-shadow(0 2px 4px #000)}.wheel-visual>small{position:absolute;bottom:8px;font-size:10px;color:#aaa1aa;letter-spacing:1.5px}.wheel-body{padding:25px}.wheel-body .eyebrow{color:var(--red-text);font-size:10px}.wheel-body h3{font:700 29px var(--display);margin:0 0 12px}.wheel-body p{font-size:14px;color:var(--muted);min-height:42px}.wheel-body details{border-top:1px solid var(--border);font-size:13px;margin-top:20px;padding-top:14px}.wheel-body summary{cursor:pointer;font-weight:600}.wheel-body ul{padding-left:18px;color:var(--muted)}.rules-section{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding:65px 0;margin-top:60px;border-top:1px solid var(--border)}.rules-section h2{font-size:46px}.red-button{background:var(--red);border-color:var(--red)}.red-button:hover{background:#c82430}.faq details{border-bottom:1px solid var(--border);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:18px}.faq summary:after{content:'+';color:var(--red-text);font-size:23px;line-height:1}.faq details[open] summary:after{content:'−'}.faq p{font-size:15px;color:var(--muted);margin:12px 0 0}footer{border-top:1px solid var(--border);max-width:1440px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .wordmark{font-size:26px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}footer p span{margin:0 10px}.toast{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);padding:14px 20px;background:#f0eeee;color:#18181b;box-shadow:0 4px 24px #0008;z-index:100;display:none}.toast.visible{display:block}.admin-wrap{max-width:1040px;padding:45px 32px;margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-card{padding:28px;border:1px solid var(--border);background:var(--surface);margin-bottom:20px;border-radius:4px}.control-card h2{font-size:28px;margin-bottom:20px}.control-card p{color:var(--muted)}.control-card form{display:grid;gap:12px;margin:18px 0}.control-card label{display:grid;gap:7px;font-size:14px;color:#c9c5cc}input,select{width:100%;padding:11px 12px;background:#111113;color:var(--white);border:1px solid #4b4851;border-radius:3px}input[type=checkbox]{width:auto}.control-row{display:flex;gap:10px;flex-wrap:wrap}.control-row>*{flex:1}.status-box{padding:15px;background:#22191c;border-left:3px solid var(--red);font-size:14px;margin:20px 0}.audit-list{list-style:none;padding:0;margin:0}.audit-list li{padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}.audit-list small{display:block;color:var(--muted);font-size:12px}.hidden{display:none!important}.error{color:#ff8c98}.connection{font-size:13px;color:var(--muted)}.admin-clock{font:700 60px var(--display);font-variant-numeric:tabular-nums}.overlay{background:transparent!important}.overlay-box{margin:20px;width:640px;max-width:calc(100vw - 40px);padding:20px 28px;border-left:5px solid var(--red);background:#111113ed;border-radius:4px}.overlay-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.overlay-clock{font:800 95px/1.15 var(--display);font-variant-numeric:tabular-nums}.overlay-bottom{display:flex;justify-content:space-between;gap:20px;font-size:16px}.overlay-box progress{margin-top:16px}.overlay .connection{font-size:12px;margin-top:10px}
@media(min-width:1600px){.hero-art{background-size:cover,cover,auto 160%}}@media(max-width:1050px){main{padding:0 28px}.site-header{padding:0 28px}.dashboard{grid-template-columns:1.2fr .75fr}.next-panel{grid-column:1/-1}.next-panel h2{margin:12px 0}.hero-side{display:none}.content-grid{gap:26px;grid-template-columns:1.5fr 1fr}.rate{padding-left:12px}.repeat-card{padding:22px}.repeat-item{display:block}.repeat-number{display:block;margin-bottom:12px}.repeat-number small{display:inline;margin-left:8px}.rules-section{gap:35px}.goal-state{font-size:9px}.milestone{gap:12px}.goal-number{min-width:64px}}
@media(max-width:700px){.site-header{height:72px;padding:0 20px}.wordmark{font-size:30px}nav{display:none}.button{padding:10px 14px}.notice{font-size:10px;letter-spacing:.3px}main{padding:0 20px}.hero{min-height:420px}.hero h1{font-size:70px;line-height:.91;letter-spacing:-1px}.hero h1 sup{font-size:12px;margin-left:7px}.hero-art{inset:0 -150px 0 0;opacity:.43;background-position:center,center,80% top;background-size:cover,cover,auto 115%}.hero-bottom{gap:20px;align-items:flex-start}.hero-bottom .text-link{max-width:160px;font-size:13px}.hero-intro{font-size:16px}.dashboard{grid-template-columns:1fr .66fr;gap:10px;margin-top:18px}.dashboard article{padding:16px}.panel-label{font-size:10px;letter-spacing:.5px;flex-wrap:wrap}.timer{font-size:47px;letter-spacing:0;line-height:1.6}.total{font-size:51px;line-height:1.6}.panel-foot{font-size:11px;flex-wrap:wrap}.badge{font-size:9px}.next-panel h2{font-size:26px;margin:12px 0 18px}.time-rules{grid-template-columns:repeat(3,1fr);margin:26px 0 44px;gap:22px 8px}.rate{padding-left:13px}.time-title h2{font-size:24px}.rate strong{font-size:31px}.rate>span{font-size:9px}.content-grid{display:block}.section-heading{gap:12px}.section-heading h2{font-size:36px}.section-heading .muted{font-size:11px;white-space:nowrap}.section-intro{font-size:14px}.milestone{padding:19px 10px;gap:12px}.milestone h3{font-size:14px}.milestone p{font-size:12px}.goal-number{font-size:27px;min-width:60px}.goal-state{font-size:8px;white-space:normal;max-width:46px;text-align:right}.side-column{margin-top:30px}.repeat-item{display:flex}.repeat-number{font-size:32px;min-width:73px}.repeat-number small{display:block;margin-left:0}.repeat-card h2 br,.join-card h2 br{display:none}.repeat-card h2,.join-card h2{font-size:33px}.wheel-grid{grid-template-columns:1fr}.wheels-section{margin-top:45px;padding-top:35px}.wheels-section .section-heading{align-items:flex-start;flex-direction:column}.wheel-visual{height:195px}.wheel-body p{min-height:0}.rules-section{grid-template-columns:1fr;gap:32px;padding:42px 0;margin-top:42px}.rules-section h2{font-size:40px}footer{padding:24px 20px;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}.admin-wrap{padding:25px 20px}.admin-grid{grid-template-columns:1fr}.admin-top{align-items:flex-start}.control-card{padding:20px}.overlay-clock{font-size:64px}.overlay-bottom{font-size:13px}.overlay-heading .wordmark{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Readable labels and a tighter crop of the supplied banner reference. */
.hero-art{background-position:center,center,70% -48px}
.notice,.panel-label,.badge,.panel-foot,.eyebrow,.date-tag small,.rate>span,.time-title .eyebrow,.goal-state,.repeat-number small,.wheel-body .eyebrow,.wheel-visual>small,footer p,footer>a:last-child{font-size:12px}
.milestone p,.repeat-item p,.fine,.wheel-body details,.muted{font-size:14px}
.section-intro,.wheel-body p{font-size:16px}
.goal-state{letter-spacing:.3px;min-width:68px;text-align:right}
.panel-label{letter-spacing:.8px}.rate>span{letter-spacing:.2px}
@media(max-width:700px){.hero-art{background-position:center,center,80% -40px}.notice{font-size:12px;line-height:1.5}.hero h1{font-size:clamp(54px,15vw,70px)}.goal-state{font-size:12px;min-width:60px;max-width:60px}.milestone h3{font-size:16px}.milestone p{font-size:14px}.goal-number{min-width:55px;font-size:25px}.milestone{gap:10px}.rate>span{font-size:12px}.time-title .eyebrow{font-size:12px}.panel-label,.badge,.panel-foot{font-size:12px}.timer{font-size:clamp(33px,10vw,47px)}.section-heading .muted{font-size:12px;white-space:normal}.overlay-clock{font-size:clamp(44px,13vw,64px)}}
.wheel-visual{height:230px;padding-bottom:28px}.wheel-visual>small{bottom:12px}.wheel-pointer{top:91px}
@media(max-width:700px){.repeat-card h2 br,.join-card h2 br{display:initial}}
.hero{min-height:360px}.hero-copy{padding:42px 0}.hero h1{margin:0 0 24px}
@media(max-width:700px){.hero{min-height:350px}.hero-copy{padding:38px 0}.hero h1{margin-bottom:28px}}
.wheel-embed{margin-top:24px;border:1px solid var(--border);background:#18181b;overflow:hidden;border-radius:4px;aspect-ratio:16/8.3}.wheel-embed iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:700px){.wheel-embed{aspect-ratio:4/5;min-height:620px}}
.repeat-card>h2{margin-bottom:30px}.repeat-events>h3{margin:0 0 14px;font:700 22px var(--display)}.repeat-card>.faq{margin-top:10px;border-top:1px solid var(--border)}.repeat-card>.faq details:first-child{padding-top:20px}.repeat-card>.red-button{margin-top:28px;width:100%}
.recurring-section{margin:22px 0 34px;border:1px solid var(--border);border-top:3px solid var(--red);background:#1d1d20}.recurring-section>h3{margin:0;padding:17px 24px 15px;border-bottom:1px solid #38383d;font:700 22px var(--display)}.recurring-grid{display:grid;grid-template-columns:1fr 1fr}.recurring-grid .repeat-item{padding:22px 24px;border-top:0}.recurring-grid .repeat-item+ .repeat-item{border-left:1px solid #38383d}
@media(max-width:700px){.recurring-section{margin:18px 0 28px}.recurring-grid{grid-template-columns:1fr}.recurring-grid .repeat-item+ .repeat-item{border-left:0;border-top:1px solid #38383d}}
.content-grid{height:920px;align-items:stretch}.content-grid>#milestones{display:flex;min-height:0;flex-direction:column}.content-grid .milestones{min-height:0;overflow-y:auto;scrollbar-color:var(--scrollbar-red) #202023;scrollbar-width:thin}.content-grid .side-column,.content-grid .repeat-card{height:100%;min-height:0}.content-grid .repeat-card{display:flex;flex-direction:column}.repeat-number>small:first-child{margin:0 0 5px}.repeat-card .time-rules{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 12px;padding:0;border:1px solid var(--border);border-top:3px solid var(--red)}.repeat-card .time-title{grid-column:1/-1;padding:15px 18px;border-bottom:1px solid var(--border)}.repeat-card .time-title h3{margin:0;font:700 22px var(--display)}.repeat-card .rate{min-height:91px;padding:13px 16px;border:0;border-bottom:1px solid var(--border)}.repeat-card .rate:nth-child(even){border-right:1px solid var(--border)}.repeat-card .rate:last-child{grid-column:1/-1;border-bottom:0;border-right:0}.repeat-card .rate strong{font-size:31px}.repeat-card>.faq{min-height:0;overflow-y:auto}.repeat-card>.red-button{flex:0 0 auto}
@media(max-width:700px){.content-grid{height:auto}.content-grid .milestones,.repeat-card>.faq{overflow:visible}.content-grid .side-column,.content-grid .repeat-card{height:auto}.repeat-card .time-rules{grid-template-columns:1fr 1fr}.repeat-card .rate{padding:13px}.repeat-card .rate strong{font-size:29px}}
.content-grid{margin-top:64px}.content-grid .milestones{flex:1}@media(max-width:700px){.content-grid{margin-top:44px}}
/* Matching content panels and compact support rates. */
.content-grid{gap:24px;height:860px;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr)}
.content-grid>#milestones,.content-grid .repeat-card{padding:28px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--red)}
.content-grid h2{font-size:36px}.content-grid .section-heading{flex-shrink:0}.recurring-section{flex-shrink:0;background:#202023;border-top:1px solid var(--border);margin-bottom:22px}.recurring-section>h3{font-size:20px;padding:12px 18px}.recurring-grid .repeat-item{padding:18px;display:flex}.repeat-number small{display:block;margin-left:0}.repeat-number{font-size:32px}.repeat-item p{font-size:13px}
.repeat-card .time-rules{display:flex;flex-direction:column;flex-shrink:0;border:0;margin:0 0 16px}.repeat-card .time-title{padding:0 0 10px}.repeat-card .rate{display:flex;flex-direction:row;align-items:center;justify-content:space-between;min-height:46px;padding:8px 0;border:0;border-bottom:1px solid var(--border)}.repeat-card .rate:nth-child(even){border-right:0}.repeat-card .rate strong{font-size:26px}.repeat-card>.faq{flex:1}.repeat-card>h2{margin-bottom:24px}.repeat-card>.red-button{margin-top:18px}
.milestone-scroll{position:relative;flex:1;min-height:0}.content-grid .milestones{height:100%;overflow-y:scroll;padding-right:18px;scrollbar-width:none}.milestones::-webkit-scrollbar{display:none}.scroll-track{position:absolute;right:0;top:0;bottom:0;width:6px;border-radius:4px;background:#343439;pointer-events:none}.scroll-thumb{width:6px;border-radius:4px;background:#a1a1aa}.milestone-scroll:before,.milestone-scroll:after{content:'';position:absolute;left:0;right:14px;height:34px;pointer-events:none;z-index:2;opacity:0}.milestone-scroll:before{top:0;background:linear-gradient(var(--surface),transparent)}.milestone-scroll:after{bottom:0;background:linear-gradient(transparent,var(--surface))}.milestone-scroll.above:before,.milestone-scroll.below:after{opacity:1}.milestone{padding:18px 10px}.goal-number{font-size:28px;min-width:66px}.milestone p{font-size:13px}
.home-main{position:relative;isolation:isolate;min-height:calc(100vh - 86px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.home-main h1{font:italic 900 clamp(80px,14vw,180px)/1 var(--display);margin:0}.home-main h1 span{color:var(--red-text)}.home-main p{font-size:22px;color:var(--muted);margin:18px 0 32px}.home-main .hero-art{opacity:.35}
@media(max-width:1050px) and (min-width:701px){.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr)}.content-grid>#milestones,.content-grid .repeat-card{padding:20px}.recurring-grid{grid-template-columns:1fr}.recurring-grid .repeat-item+.repeat-item{border-left:0;border-top:1px solid var(--border)}}
@media(max-width:700px){.content-grid{height:auto;display:block}.content-grid>#milestones,.content-grid .repeat-card{padding:20px}.content-grid .milestones{height:450px}.milestone-scroll{flex:auto}.content-grid .side-column{margin-top:24px}.recurring-grid{grid-template-columns:1fr}.home-main{padding:0 24px}}
.scroll-track{pointer-events:auto;cursor:pointer;touch-action:none}
/* Scroll tracks sit outside the content so FAQ controls stay clear. */
.scroll-thumb{background:var(--red)}.faq-scroll{position:relative;flex:1;min-height:0;margin-top:10px;border-top:1px solid var(--border)}.repeat-card .faq-scroll>.faq{height:100%;overflow-y:scroll;padding-right:24px;scrollbar-width:none}.faq-scroll>.faq::-webkit-scrollbar{display:none}.faq-scroll .faq details:first-child{padding-top:20px}.faq-scroll .faq summary:after{flex:0 0 16px;text-align:center}.lock-icon{width:17px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;vertical-align:middle}.goal-state:has(.lock-icon){min-width:20px}.wheel-embed{position:relative}.fullscreen-button{position:absolute;right:12px;top:12px;z-index:3;background:#101012ec}.wheel-embed:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;max-width:none;margin:0;border:0;border-radius:0}.wheel-embed:fullscreen iframe{height:100%}
.hero-art{inset:0;background-image:linear-gradient(90deg,#101012 0%,#10101288 30%,transparent 70%),linear-gradient(0deg,#101012,transparent 55%),url('/assets/axe-hero.png');background-size:cover;background-position:center;opacity:.95;filter:none}.home-main .hero-art{opacity:.8}.date-tag{border:0;padding-left:32px;position:relative}.date-tag:before{content:'';position:absolute;left:0;top:-4px;width:24px;height:28px;background:url('/assets/axe-mark.svg') center/contain no-repeat}.wheels-section> .section-heading h2{display:flex;align-items:center;gap:12px}.wheels-section> .section-heading h2:before{content:'';width:29px;height:34px;background:url('/assets/axe-mark.svg') center/contain no-repeat}
@media(max-width:700px){.faq-scroll{flex:auto;height:360px}.hero-art{inset:0;background-size:cover;background-position:65% center}.fullscreen-button{font-size:12px;padding:8px 10px}}
.wheel-embed.expanded{position:fixed;inset:0;width:100vw;height:100vh;aspect-ratio:auto;max-width:none;min-height:0;margin:0;border:0;border-radius:0;z-index:1000}.wheels-expanded{overflow:hidden}
.hero h1{position:relative;padding-right:0}.hero-year{display:block;font:700 30px/1 var(--display);letter-spacing:6px;color:#c6c2c5;margin-top:18px}.hero-bottom{gap:28px;align-items:center}.hero-watch{padding:16px 28px;font-size:17px}.date-tag{padding-left:14px;border-left:3px solid var(--red)}.date-tag:before,.wheels-section>.section-heading h2:before{display:none}.milestone:not(.done):not(.next){background:#111113;color:#95919a}.milestone:not(.done):not(.next) p,.milestone:not(.done):not(.next) .goal-number{color:#8d8993}.milestone.done{background:#24362e;border-left:3px solid #74b28f;padding-left:7px}.milestone.done .goal-number,.milestone.done .goal-state{color:#a4ddba}.milestone.next{background:#491e28}.wheel-reload{position:absolute;right:180px;top:12px;z-index:3;background:#101012ec}.repeat-card .rate:first-child{border-top:1px solid var(--border)}
@media(max-width:700px){.hero-year{font-size:25px;margin-top:14px}.hero-watch{padding:13px 18px;font-size:15px}.hero-bottom{gap:20px}.wheel-reload{right:130px;font-size:12px;padding:8px 10px}}
/* Unified borders, selected artwork, and support CTA in the dashboard. */
.hero-art{background-image:linear-gradient(90deg,#101012 0%,#10101288 30%,transparent 70%),linear-gradient(0deg,#101012,transparent 55%),url('/assets/background-a-abstract.webp')}
.dashboard{grid-template-columns:minmax(0,1.2fr) minmax(0,.6fr) minmax(0,1.1fr) auto;align-items:stretch}.dashboard-watch{align-self:center;padding:18px 24px;font-size:16px;white-space:nowrap}.dashboard .timer-panel{border-top:1px solid var(--border)!important}.content-grid>#milestones,.content-grid .repeat-card{border-top:1px solid var(--border)}.date-tag{border:0;padding:0;font-size:26px;white-space:nowrap}
.milestone.done{background:#232326;border-left:0;padding-left:10px}.milestone.done .goal-number,.milestone.done .goal-state{color:var(--white)}.milestone:not(.done):not(.next){background:#111113;color:#88848c}.milestone:not(.done):not(.next) p,.milestone:not(.done):not(.next) .goal-number{color:#817d86}
@media(max-width:1100px){.dashboard{grid-template-columns:minmax(0,1.2fr) minmax(0,.75fr)}.next-panel{grid-column:1}.dashboard-watch{grid-column:2}}
@media(max-width:700px){.dashboard{grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}.dashboard-watch{font-size:13px;padding:14px 10px;white-space:normal;text-align:center}.date-tag{font-size:24px}}
/* Ink-inspired details and a full-height Twitch panel. */
.dashboard-watch{align-self:stretch;min-width:172px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;font:700 27px/1.05 var(--display);white-space:normal;background:#d52e3c;border-color:#e54a55;border-radius:4px;position:relative;overflow:hidden}.dashboard-watch:after{content:'';position:absolute;width:120px;height:120px;border:1px solid #ffffff24;border-radius:50%;right:-50px;bottom:-55px;pointer-events:none}.watch-arrow{align-self:flex-end;font:400 32px/1 var(--body)}.dashboard-watch:hover{background:#e03745}.dashboard article{box-shadow:inset 0 1px 0 #ffffff05}.content-grid>#milestones,.content-grid .repeat-card{border-radius:6px}.content-grid .section-heading h2,.repeat-card>h2{position:relative;padding-left:17px}.content-grid .section-heading h2:before,.repeat-card>h2:before{content:'';position:absolute;left:0;top:4px;width:5px;height:28px;background:var(--red);transform:skew(-14deg)}.recurring-section{border-radius:4px;overflow:hidden}.date-tag{display:flex;align-items:center;gap:14px;letter-spacing:.5px}.date-tag:after{content:'';width:60px;height:2px;background:linear-gradient(90deg,var(--red),transparent)}.wheels-section{border-top-color:#ffffff20}.faq summary:hover{color:#fff}.milestone{transition:background-color .15s}.milestone:not(.next):hover{background:#242427}.hero-art{opacity:.85}.hero{border-bottom-color:#ffffff18}
@media(max-width:700px){.dashboard-watch{min-width:0;padding:16px;font-size:24px;gap:20px}.watch-arrow{font-size:26px}.content-grid .section-heading h2,.repeat-card>h2{padding-left:14px}.content-grid .section-heading h2:before,.repeat-card>h2:before{width:4px;height:25px}}
/* Transparent character layer over the ink, behind the title. */
.hero{min-height:400px}.hero-draven{position:absolute;z-index:-1;right:-8px;bottom:-85px;width:min(64%,740px);height:auto;pointer-events:none;filter:saturate(1) drop-shadow(-8px 10px 8px #000b) drop-shadow(0 4px 18px #0009);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}.hero-copy{position:relative;z-index:1}.hero .hero-art{opacity:.7}
@media(max-width:1050px){.hero-draven{width:70%;right:-65px;bottom:-30px}.hero-copy{max-width:65%}.hero h1{font-size:clamp(60px,8vw,90px)}}
@media(max-width:700px){.hero{min-height:420px;align-items:flex-start}.hero-copy{padding-top:30px;max-width:100%}.hero h1{font-size:clamp(48px,12vw,70px)}.hero-draven{width:440px;max-width:none;right:-100px;bottom:-65px;opacity:.8}.hero-bottom{position:relative}.hero .hero-art{opacity:.55}}

.hero-draven-splashes{filter:none;opacity:.8}

/* Full first-screen overview, followed by the details section. */
html{scroll-behavior:smooth}
.landing{min-height:calc(100svh - 72px);display:flex;flex-direction:column;gap:24px}
.landing .hero{flex:1;min-height:390px}
.landing .dashboard{flex:none}
.details-arrow{align-self:center;display:grid;place-items:center;width:42px;height:38px;margin:0 auto 8px;color:var(--red-text);text-decoration:none;transition:color .2s,transform .2s}
.details-arrow svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.details-arrow:hover{color:#f06470;transform:translateY(3px)}
.details{scroll-margin-top:24px;padding-top:24px;border-top:1px solid #ffffff20}
@media(max-width:1100px){.landing{min-height:calc(100svh - 72px)}.landing .hero{min-height:390px}}
@media(max-width:700px){.landing{min-height:calc(100svh - 68px);gap:16px}.landing .hero{flex:none;min-height:390px}.details-arrow{width:46px;height:46px;margin-bottom:12px}.details{padding-top:20px}}
@media(max-height:680px){.landing .hero{min-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.details-arrow{transition:none}}
/* Match the header's actual height so the down cue remains on the first screen. */
.landing{min-height:calc(100svh - 86px);gap:16px}.details-arrow{width:42px;height:38px;margin-bottom:0}
@media(max-width:700px){.landing{min-height:calc(100svh - 68px)}}
/* Give the overview a clear lower margin and rebalance the character. */
.landing{box-sizing:border-box;padding-bottom:34px}
.landing .hero{min-height:0}
.landing .hero-draven{width:min(72%,900px);right:22px;bottom:8px;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}
.landing .hero-draven-splashes{width:min(72%,900px);right:22px;bottom:8px}
@media(max-width:1050px){.landing .hero-draven,.landing .hero-draven-splashes{width:77%;right:0;bottom:4px}}
@media(max-width:700px){.landing{padding-bottom:20px}.landing .hero{min-height:390px}.landing .hero-draven,.landing .hero-draven-splashes{width:520px;right:-70px;bottom:4px}}
/* Final character balance in the taller splash hero. */
.landing .hero-draven,.landing .hero-draven-splashes{width:min(67%,840px);right:-18px;bottom:-22px}
@media(max-width:1050px){.landing .hero-draven,.landing .hero-draven-splashes{width:72%;right:-26px;bottom:-16px}}
@media(max-width:700px){.landing .hero-draven,.landing .hero-draven-splashes{width:470px;right:-105px;bottom:-10px}}
/* Stronger splash hierarchy with a red drawn from the ink palette. */
:root{--red:#d52e3c;--red-text:#ff7061}
.landing .hero h1{font-size:clamp(88px,9.3vw,142px);line-height:.82;letter-spacing:-2.6px;margin-bottom:30px}
.landing .hero h1 em{color:var(--red)}
.landing .hero .hero-art{opacity:.53;filter:saturate(.82) brightness(.82)}
.landing .hero-draven{opacity:.80;filter:saturate(.82) brightness(.82) drop-shadow(-8px 10px 8px #000b)}
.landing .hero-draven-splashes{opacity:.52}
@media(max-width:1050px){.landing .hero h1{font-size:clamp(80px,10vw,118px)}}
@media(max-width:700px){.landing .hero h1{font-size:clamp(66px,14vw,90px);letter-spacing:-1.4px}.landing .hero-draven{opacity:.72}}

.details{scroll-margin-top:0;padding-top:8px;border-top:0}
.details .content-grid{margin-top:8px}
@media(max-width:700px){.landing .hero-draven:not(.hero-draven-splashes){--rest-opacity:.72}}
@media(prefers-reduced-motion:reduce){.landing .hero .hero-art,.landing .hero-draven,.landing .hero-copy,.landing .dashboard,.landing .details-arrow{animation:none}}

/* Keep navigation visible and reserve its height for section links. */
html{scroll-padding-top:98px}
.site-header{position:sticky;top:0;z-index:50;background:#101012f5;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}
@media(max-width:700px){html{scroll-padding-top:84px}}
.site-header .header-twitch{gap:0;min-height:48px;padding:11px 18px;background:#1e1e22;border-color:#505058;color:var(--white);font-size:15px;transition:background-color .2s,border-color .2s,box-shadow .2s}
.site-header .header-twitch .header-live-indicator,.site-header .header-twitch .header-twitch-label,.site-header .header-twitch .watch-prefix{color:#fff}
.site-header .header-twitch:hover{background:#2a2a2e;border-color:#797981}
.header-live-indicator{display:none;align-items:center;gap:8px;margin-right:12px;padding-right:12px;border-right:1px solid #ffffff5c;font-size:12px;font-weight:900;letter-spacing:.8px;white-space:nowrap}
.header-live-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ffffff35,0 0 12px #fff}
.header-twitch-label{white-space:nowrap}
.site-header .header-twitch.is-live{background:#b72432;border-color:#ee4a58;box-shadow:0 0 0 1px #ffffff15 inset,0 4px 20px #b7243240}
.site-header .header-twitch.is-live:hover{background:#cf2c3b;border-color:#ff6470}
.header-twitch.is-live .header-live-indicator{display:inline-flex}
@media(max-width:700px){.site-header .header-twitch{min-height:42px;padding:8px 12px;font-size:13px}.header-live-indicator{gap:6px;margin-right:8px;padding-right:8px;font-size:11px}.header-twitch.is-live .watch-prefix{display:none}}
@media(min-width:701px){.details .content-grid{height:min(860px,calc(100svh - 138px))}}
.details{padding-bottom:64px}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;flex-wrap:initial}
footer .copyright{grid-column:2;justify-self:center;color:var(--muted);font-size:13px;white-space:nowrap}
footer a{grid-column:3;justify-self:end}
@media(max-width:700px){.details{padding-bottom:40px}footer{padding:22px 20px}footer .copyright,footer a{font-size:12px}}
.faq-scroll:not(.scrollable) .scroll-track{display:none}

/* A compact relief cue on the splash links to the full explanation below. */
.relief-strip{display:flex;align-items:center;gap:18px;min-height:76px;padding:12px 20px;border:1px solid #733840;border-left:4px solid var(--red);border-radius:4px;background:linear-gradient(110deg,#2d1c22,#1c1b1e 70%);transition:background .2s,border-color .2s;cursor:pointer}
.relief-strip:hover,.relief-strip:focus-visible{border-color:#b44b58;background:linear-gradient(110deg,#382228,#242126 70%)}
.relief-heart,.relief-panel-heart{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:#a92f3d;color:#fff;font:600 27px/1 var(--body)}
.relief-strip-copy{display:flex;align-items:baseline;gap:16px;min-width:0}
.relief-strip-copy strong{font:italic 900 22px/1 var(--display);text-transform:uppercase;white-space:nowrap}
.relief-strip-copy>span{color:#c9bdc0;font-size:14px}
.relief-heart svg,.relief-panel-heart svg{display:block;width:29px;height:25px;fill:currentColor}
.relief-panel-heart svg{width:38px;height:32px}
.relief-more{margin-left:4px;color:#f2e8ea;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px;white-space:nowrap}
.relief-panel{display:flex;align-items:flex-start;gap:26px;margin-top:64px;padding:30px 36px;border:1px solid #58353b;border-left:4px solid var(--red);border-radius:6px;background:linear-gradient(120deg,#272024,#1b1b1e 72%)}
.relief-panel-heart{width:58px;height:58px;font-size:34px}
.relief-label{color:#e46873;font-size:11px;font-weight:700;letter-spacing:1.6px}
.relief-panel h2{font-size:40px;margin:8px 0 12px}
.relief-panel p{max-width:840px;margin:0;color:#d1c7ca;font-size:17px;line-height:1.55}
@media(max-width:900px){.relief-strip-copy{display:block}.relief-strip-copy>span{display:block;margin-top:5px}}
@media(max-width:700px){.relief-strip{align-items:flex-start;min-height:0;padding:14px;gap:12px}.relief-heart{width:34px;height:34px}.relief-heart svg{width:23px;height:20px}.relief-strip-copy strong{font-size:20px}.relief-strip-copy>span{font-size:13px}.relief-more{align-self:center;font-size:12px}.relief-panel{gap:14px;margin-top:44px;padding:22px}.relief-panel-heart{width:40px;height:40px}.relief-panel-heart svg{width:28px;height:24px}.relief-panel h2{font-size:30px}.relief-panel p{font-size:15px}}
@media(max-width:700px){.landing .details-arrow{display:none}.landing{padding-bottom:24px}}
.content-grid .section-heading h2,.repeat-card>h2,.wheels-section>.section-heading h2,.relief-panel h2{font-family:var(--display);font-style:italic;font-weight:900}
.content-grid .section-heading h2,.repeat-card>h2{text-transform:uppercase}
.stream-section{margin-top:64px;padding:28px 30px 30px;background:linear-gradient(130deg,#1d1d20,#141416);border:1px solid var(--border);border-radius:6px}
.stream-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.stream-heading h2{display:flex;align-items:center;gap:16px;font:italic 900 42px/1 var(--display);text-transform:uppercase}
.stream-dot{width:12px;height:12px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px #f0354224,0 0 16px #f0354280;flex:none}
.stream-frame{width:100%;max-width:1080px;margin:auto;aspect-ratio:16/9;min-height:300px;background:#09090b;border:1px solid #404047;overflow:hidden}
.stream-frame iframe{display:block;width:100%;height:100%;border:0}
.stream-mobile-link{display:none}
@media(max-width:700px){.stream-section{margin-top:44px;padding:22px}.stream-heading{margin-bottom:0}.stream-heading h2{font-size:32px}.stream-heading .text-link,.stream-frame{display:none}.stream-mobile-link{display:flex;align-items:center;justify-content:center;margin-top:18px;min-height:52px;background:var(--red);border-radius:3px;font-weight:700}}
.goal-copy{min-width:0;flex:1}.goal-actions{display:flex;align-items:flex-end;flex-direction:column;gap:7px;margin-left:auto;min-width:90px}.goal-actions .goal-state{margin:0}
.milestone-dialog{width:min(580px,calc(100vw - 32px));max-height:min(80vh,760px);padding:38px 42px;background:#1c1c1f;color:var(--white);border:1px solid #555056;border-top:4px solid var(--red);border-radius:5px;box-shadow:0 28px 90px #000d;overflow-y:auto}.milestone-dialog::backdrop{background:#050507c9;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:16px;right:17px;width:32px;height:32px;border:0;background:none;color:var(--white);font:32px/1 var(--body)}.dialog-close:hover{color:var(--red-text)}.dialog-threshold{color:var(--red-text);font:700 16px var(--display);letter-spacing:1px}.milestone-dialog h2{margin:8px 28px 16px 0;font:italic 900 46px/1 var(--display)}.dialog-description{margin:0 0 18px;color:#c9c5c8}.dialog-section{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.dialog-section h3{margin:0 0 8px;font:700 22px var(--display)}.dialog-section p{margin:0;white-space:pre-line;color:#d3ced1}.dialog-replay{margin-top:24px}.dialog-status{display:block;margin-top:24px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.control-card textarea{width:100%;padding:11px 12px;background:#111113;color:var(--white);border:1px solid #4b4851;border-radius:3px;resize:vertical;font:inherit}.control-card textarea:focus-visible{outline:2px solid var(--red)}
.dialog-status .lock-icon{display:block;width:18px;height:18px}
.milestone{width:100%;border-left:0;border-right:0;border-top:0;border-radius:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.milestone:focus-visible{outline:2px solid var(--red);outline-offset:-2px;z-index:3}.goal-title{display:block;font-size:16px;font-weight:700;line-height:1.35}.goal-description{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.45}.milestone:not(.done):not(.next) .goal-description{color:#817d86}.milestone-chevron{display:block;color:#9f999f;font:700 19px/1 var(--body);transition:transform .15s,color .15s}.milestone:hover .milestone-chevron,.milestone:focus-visible .milestone-chevron{color:var(--red-text);transform:translateX(3px)}
.milestone.done.completed{background:#2a2729;border-left:3px solid #b8414b;padding-left:7px}.milestone.done.completed .goal-state{color:#f4cdd0}.control-card .goal-completed-control{display:flex;align-items:center;gap:10px}.goal-completed-control input{accent-color:var(--red)}
@media(max-width:700px){.milestone{gap:8px}.goal-number{min-width:56px}.goal-actions{min-width:76px}.milestone-dialog{padding:30px 25px}.milestone-dialog h2{font-size:39px}}
@media(max-width:700px){.goal-title{font-size:16px}.goal-description{font-size:13px}.milestone-chevron{font-size:17px}}
.landing .hero-draven:not(.hero-draven-splashes){opacity:1;filter:saturate(.72) brightness(.70) drop-shadow(-6px 10px 10px #000c);--rest-opacity:1}
.landing .hero{overflow:visible;border-bottom:0}
.landing .hero .hero-art{inset:0 calc(50% - 50vw);background-size:cover,cover,cover;background-position:center,center,center}
.relief-strip .relief-more{font-size:inherit;align-self:auto}.relief-strip .relief-more:hover{text-decoration-thickness:2px}
.site-header .header-twitch{width:250px;flex:none}
@media(max-width:700px){.site-header .header-twitch{width:158px}}
.goal-actions{min-width:72px}.goal-actions .lock-icon{width:21px;height:23px;stroke-width:1.9}.milestone.done .goal-actions .lock-icon{color:#f3f1ef}
.dialog-status{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:18px}.dialog-lock{display:inline-flex;align-items:center;gap:7px;color:#ded8dc}.dialog-lock .lock-icon{width:21px;height:23px;stroke-width:1.9;color:#f3f1ef}.dialog-completion{padding:5px 9px;border:1px solid #68636b;border-radius:3px;color:#bcb6bc}.dialog-completion.complete{border-color:#a74b53;background:#45242a;color:#f4d4d7}
.dashboard article{position:relative;overflow:hidden;isolation:isolate;border-color:#49494e;box-shadow:inset 0 1px 0 #ffffff10,0 12px 32px #0003}
.dashboard article::before{content:'';position:absolute;inset:0;z-index:0;background:url('/assets/background-a-abstract.webp') 76% 48%/auto 320% no-repeat;opacity:.10;filter:grayscale(1) contrast(1.2) brightness(.65);pointer-events:none}
.dashboard article>*{position:relative;z-index:1}
.dashboard .timer-panel{background:linear-gradient(125deg,#222225,#19191c 70%,#1d1d20);border-color:#48484d}
.dashboard .total-panel{background:linear-gradient(135deg,#27272a,#1d1d20 65%,#18181b);border-color:#4d4d52}
.dashboard .total-panel::before{opacity:.12;background-position:88% 62%}
.dashboard .next-panel{background:linear-gradient(125deg,#222225,#19191c 64%,#202023);border-color:#48484d}
.dashboard .next-panel::before{opacity:.11;background-position:64% 30%}

/* Entrance motion stays on artwork and copy; live metrics never move. */
@keyframes splash-title-enter{from{opacity:0;transform:translate(-64px,24px)}to{opacity:1;transform:translate(0,0)}}
@keyframes splash-character-enter{from{opacity:0;transform:translateX(var(--character-enter-x,96px))}to{opacity:var(--character-opacity,1);transform:translateX(0)}}
@keyframes splash-background-enter{from{opacity:0}to{opacity:.53}}
@keyframes splash-panel-enter{from{opacity:0}to{opacity:1}}
@keyframes splash-banner-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.landing .hero .hero-art{animation:splash-background-enter 1.55s ease-out both}
.landing .hero-draven:not(.hero-draven-splashes){--character-opacity:1;animation:splash-character-enter 1.85s cubic-bezier(.2,.7,.2,1) .14s both}
.landing .hero-draven-splashes{--character-opacity:.52;--character-enter-x:118px;animation:splash-character-enter 1.85s cubic-bezier(.2,.7,.2,1) .04s both}
.landing .hero-copy{animation:splash-title-enter 1.85s cubic-bezier(.2,.7,.2,1) .26s both}
.landing .relief-strip{animation:splash-banner-enter 1.45s cubic-bezier(.2,.7,.2,1) .48s both}
.landing .dashboard article{animation:splash-panel-enter 1.05s ease-out .64s both}
.landing .dashboard article:nth-child(2){animation-delay:.80s}
.landing .dashboard article:nth-child(3){animation-delay:.96s}
.landing .dashboard-watch{animation:splash-panel-enter 1.05s ease-out 1.12s both}
@media(prefers-reduced-motion:reduce){.landing .hero .hero-art,.landing .hero-draven,.landing .hero-copy,.landing .relief-strip,.landing .dashboard article,.landing .dashboard-watch{animation:none}}

/* The sticky header rule and hero artwork both finish beyond the content width. */
.site-header{border-bottom:0}
.site-header::after{content:'';position:absolute;left:50%;bottom:0;width:100vw;transform:translateX(-50%);border-bottom:1px solid #ffffff18;pointer-events:none}
.landing .hero .hero-art{mask-image:linear-gradient(to bottom,#000 0%,#000 58%,#000c 68%,transparent 100%)}
.home-main{overflow:visible;min-height:100vh;min-height:100dvh}
.home-main .hero-art{inset:0 calc(50% - 50vw)}
.home-socials{display:flex;align-items:center;gap:12px;margin:24px 0 32px}
.home-socials a{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff61;border-radius:3px;background:#15151799;color:var(--white);transition:color .2s,border-color .2s,background .2s,transform .2s}
.home-socials a:is(:hover,:focus-visible){color:var(--red-text);border-color:var(--red);background:#21181b;transform:translateY(-2px)}
.home-social-icon{display:block;width:23px;height:23px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}
.social-twitch{mask-image:url('/assets/social-twitch.svg')}
.social-youtube{mask-image:url('/assets/social-youtube.svg')}
.social-tiktok{mask-image:url('/assets/social-tiktok.svg')}
.social-instagram{mask-image:url('/assets/social-instagram.svg')}
.social-x{mask-image:url('/assets/social-x.svg')}
.home-subathon-link{font:italic 900 20px/1 var(--display);letter-spacing:.02em;padding:16px 24px}
@media(max-width:700px){.home-socials{gap:8px;margin:20px 0 28px}.home-socials a{width:44px;height:44px}.home-social-icon{width:21px;height:21px}.home-subathon-link{font-size:18px}}
@media(prefers-reduced-motion:reduce){.home-socials a{transition:none}}
.dashboard-watch{justify-content:flex-end;gap:10px;font:italic 900 32px/.90 var(--display);text-transform:uppercase}
.dashboard-watch-label{display:block;align-self:flex-end;text-align:right}
.dashboard-watch-label span{display:block}
.dashboard-watch .watch-arrow{flex:none;align-self:flex-end;width:76px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.dashboard-watch{font-size:clamp(22px,6vw,29px);gap:7px;padding:16px}.dashboard-watch .watch-arrow{width:55px;height:17px}}
.landing .hero h1,.landing .hero h1 em{font-style:italic}

/* Show that milestone rows open details without keeping arrows on every row. */
.milestone{transition:background-color .18s ease}
.milestone.done:is(:hover,:focus-visible){background:#39393d}
.milestone.next:is(:hover,:focus-visible){background:#61303a}
.milestone:not(.done):not(.next):is(:hover,:focus-visible){background:#29292d}
.goal-actions{position:relative;min-width:108px}
.goal-actions::after{content:'→';position:absolute;right:0;top:50%;color:var(--white);font:700 23px/1 var(--body);opacity:0;transform:translate(-10px,-50%);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
.goal-actions>.goal-state{transition:transform .18s ease}
.milestone:is(:hover,:focus-visible) .goal-actions::after{opacity:1;transform:translate(0,-50%)}
.milestone:is(:hover,:focus-visible) .goal-actions>.goal-state{transform:translateX(-38px)}
@media(max-width:700px){.goal-actions{min-width:86px}}

.goal-copy{display:flex;align-items:center;gap:9px}
.goal-copy-text{min-width:0}
.goal-copy>.lock-icon{flex:none;width:18px;height:20px;color:#99959e}
.milestone:not(.done):not(.next):is(:hover,:focus-visible) .goal-copy>.lock-icon{color:#ddd8de}

.faq details{transition:background-color .18s ease,box-shadow .18s ease}
.faq details:is(:hover,:has(summary:focus-visible)){background:#2c2c30;box-shadow:inset 3px 0 var(--red)}
.faq details:is(:hover,:has(summary:focus-visible)) summary{color:#fff}
.faq details:is(:hover,:has(summary:focus-visible)) summary::after{transform:scale(1.15)}
.faq summary::after{transition:transform .18s ease}
.faq-scroll .faq details{position:relative;padding:14px 16px}
.faq-scroll .faq details:first-child{padding-top:14px}
.faq details:is(:hover,:has(summary:focus-visible)){box-shadow:none}
.faq details:is(:hover,:has(summary:focus-visible))::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}
.goal-actions::after{color:var(--red-text)}
@media(prefers-reduced-motion:reduce){.milestone,.goal-actions::after,.goal-actions>.goal-state,.faq details,.faq summary::after{transition:none}}

.goal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.goal-heading h2{margin:0}
.goal-form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.goal-form-actions .goal-remove{margin-left:auto;border-color:#a4424a;color:#f5b6bb}
.goal-form-actions .goal-remove:hover{background:#55252b;color:#fff}
@media(max-width:520px){.goal-heading{align-items:flex-start}.goal-heading .button{padding:9px 12px}.goal-form-actions .goal-remove{margin-left:0}}

.relief-panel h2{text-transform:uppercase}
.wheels-section{border-top:0}
.wheels-section .wheels-heading{display:flex;justify-content:flex-end;align-items:center;flex-direction:row}
.wheels-section .wheel-embed{margin-top:16px}
.recurring-grid .repeat-item{position:relative;width:100%;min-width:0;text-align:left;border:0;background:transparent;color:var(--white);cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}
.recurring-grid .repeat-item:hover,.recurring-grid .repeat-item:focus-visible{background:#2d2d31;box-shadow:inset 3px 0 var(--red)}
.recurring-grid .repeat-item .repeat-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.recurring-grid .repeat-item .repeat-copy strong{font-weight:800;font-size:15px}
.recurring-grid .repeat-item .repeat-copy span{color:var(--muted);font-size:13px}
.recurring-grid .repeat-item .repeat-open{margin-left:auto;align-self:center;color:var(--red-text);font-size:24px;opacity:0;transform:translateX(-8px);transition:opacity .18s,transform .18s}
.recurring-grid .repeat-item:hover .repeat-open,.recurring-grid .repeat-item:focus-visible .repeat-open{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.recurring-grid .repeat-item,.recurring-grid .repeat-item .repeat-open{transition:none}}

body:has(.admin-wrap){min-height:100vh;display:flex;flex-direction:column}
body:has(.admin-wrap) .site-header,body:has(.admin-wrap) footer{width:100%}
main.admin-wrap{width:100%;flex:1}
.admin-back{display:inline-block;margin-bottom:22px;font-size:14px;font-weight:700}
.admin-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:36px}
.admin-top h1,.admin-top .admin-back{margin:0}
.admin-top #logout{justify-self:end}
@media(max-width:700px){.admin-top{grid-template-columns:auto 1fr auto;gap:12px}.admin-top h1{font-size:26px;text-align:center}.admin-top .admin-back{font-size:12px}.admin-top #logout{padding:8px 10px;font-size:12px}}
#login{border:0;background:transparent;padding:0;margin:0 0 36px}
#login .error:empty{display:none}
#login .error:not(:empty){margin:0 0 16px}

.relief-panel{scroll-margin-top:52px}
.relief-panel-heart{margin-top:24px}
.details .content-grid{height:auto;align-items:start}
.details .content-grid>#milestones,.details .content-grid .side-column,.details .content-grid .repeat-card{height:auto}
.details .milestone-scroll{flex:none;height:520px}
.repeat-card .time-rules{display:block;margin:0 0 12px;border:0;background:transparent;overflow:visible}
.repeat-card .rate-group{margin:0 0 12px;border:1px solid #3a3a40;border-radius:4px;overflow:hidden;background:#202024}
.repeat-card .rate-group h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 14px;border-bottom:1px solid #3a3a40;color:#f4f1f1;font:italic 800 21px/1 var(--display);text-transform:uppercase}
.repeat-card .rate-group h3 small{color:#aaa5aa;font:700 11px/1.2 var(--body);font-style:normal;letter-spacing:.4px;text-transform:uppercase;text-align:right}
.repeat-card .rate{min-height:58px;padding:8px 14px;border-bottom:1px solid #3a3a40}
.repeat-card .rate-group .rate:last-child{border-bottom:0}
.repeat-card .rate>span{color:#e4e0e3;font:800 15px/1.2 var(--body);letter-spacing:.2px}
.repeat-card .rate strong{font-size:32px;white-space:nowrap}
.repeat-card .rate small{font-size:14px}
.repeat-card .faq-scroll{flex:none;height:auto;margin-top:5px}
.repeat-card .faq-scroll>.faq{height:auto;max-height:400px;overflow-y:auto}
@media(max-width:700px){.relief-panel-heart{margin-top:14px}.details .content-grid{height:auto}.repeat-card .faq-scroll{height:auto}.repeat-card .faq-scroll>.faq{height:auto;max-height:none;overflow:visible;padding-right:0}}

/* Fill the laptop view when the splash chevron jumps to the details. */
@media(min-width:701px){
  html{scroll-padding-top:86px}
  .details{min-height:calc(100svh - 86px);padding:28px 0}
  .details .content-grid{height:calc(100svh - 142px);margin-top:0;align-items:stretch}
  .details .content-grid>#milestones,.details .content-grid .side-column,.details .content-grid .repeat-card{height:100%;min-height:0}
  .details .milestone-scroll{flex:1;height:auto}
  .repeat-card .faq-scroll{flex:1;min-height:0;height:auto}
  .repeat-card .faq-scroll>.faq{height:100%;max-height:none;overflow-y:auto}
}
@media(min-width:701px) and (max-height:980px){
  .repeat-card>h2{margin-bottom:14px}
  .repeat-card .rate-group h3{padding:7px 12px;font-size:18px}
  .repeat-card .rate{min-height:44px;padding:5px 12px}
  .repeat-card .rate strong{font-size:28px}
  .faq-scroll .faq details,.faq-scroll .faq details:first-child{padding:8px 12px}
}
@media(min-width:701px) and (max-height:800px){
  .details .content-grid{height:auto}
  .details .content-grid>#milestones,.details .content-grid .side-column,.details .content-grid .repeat-card{height:auto}
  .details .milestone-scroll{flex:none;height:520px}
  .repeat-card .faq-scroll{flex:none;height:auto}
  .repeat-card .faq-scroll>.faq{height:auto;max-height:none;overflow:visible}
}

/* The Yemen flag gets a dedicated field at the left of each cause panel. */
.relief-strip,.relief-panel{position:relative;isolation:isolate;overflow:hidden}
.relief-strip::before,.relief-panel::before{content:'';position:absolute;inset:0;width:100%;border-radius:inherit;background:linear-gradient(to bottom,#bd293b 0 33.33%,#f2f0f0 33.33% 66.66%,#050506 66.66% 100%);mask-image:linear-gradient(to right,#0008 0%,transparent 78%);pointer-events:none}
.relief-strip::before{mask-image:linear-gradient(to right,#0006 0%,transparent 35%)}
.relief-strip>* , .relief-panel>*{position:relative;z-index:1}
.relief-heart,.relief-panel-heart{border:0;background:#a92f3d;color:#fff;box-shadow:0 5px 14px #0008,inset 0 1px 0 #ffffff20}
.relief-heart{width:42px;height:42px}
.relief-heart svg{width:27px;height:23px}
.relief-panel-heart{width:80px;height:80px;margin-top:12px}
.relief-panel-heart svg{width:44px;height:38px}
.relief-strip:hover::before,.relief-strip:focus-visible::before{mask-image:linear-gradient(to right,#0008 0%,transparent 35%)}
@media(min-width:901px){.relief-strip{padding-left:44px;gap:62px}.relief-panel{padding-left:70px;gap:125px}}
@media(min-width:701px) and (max-width:900px){.relief-strip{padding-left:32px;gap:26px}.relief-panel{padding-left:36px;gap:38px}}
@media(max-width:700px){.relief-strip{padding-left:22px;gap:14px}.relief-panel{padding-left:24px;gap:16px}.relief-heart{width:36px;height:36px}.relief-heart svg{width:23px;height:20px}.relief-panel-heart{width:48px;height:48px;margin-top:12px}.relief-panel-heart svg{width:32px;height:27px}}
.site-header .header-twitch:not(.is-live){display:none}
.landing .hero{align-items:flex-end}
.landing .hero-copy{padding:0 0 34px}
@media(max-width:700px){.landing .hero{align-items:flex-end}.landing .hero-copy{padding:0 0 26px}}
.dashboard article{border-left:3px solid #c72e3d;box-shadow:inset 0 1px 0 #ffffff14,0 12px 32px #0003}
.dashboard article .panel-label{color:#e4e0e2}
.dashboard .timer-panel,.dashboard .total-panel,.dashboard .next-panel{border-left-color:#c72e3d}
.dashboard-watch{background:#c92d3b;border-color:#d7424f}
.dashboard-watch:hover{background:#da3341}
.landing .hero .hero-art{background-attachment:scroll,scroll,fixed}
.subathon-page::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:url('/assets/background-a-abstract.webp') center center/cover no-repeat;opacity:.16;filter:grayscale(.25) saturate(.65) brightness(.58);mask-image:linear-gradient(to bottom,#000b,transparent 100%)}
.subathon-page main,.subathon-page footer{position:relative;z-index:1}
.subathon-page .site-header{isolation:isolate;background:transparent;backdrop-filter:none}
.subathon-page .site-header::before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#101012f5;backdrop-filter:blur(12px);pointer-events:none}
.repeat-card .rate-group h3{font:700 20px/1.2 var(--display);text-transform:none}
@media(max-width:700px){.repeat-card .rate-group h3{font-size:18px}}
.wheels-section{margin-top:64px;padding-top:0}
@media(max-width:700px){.wheels-section{margin-top:44px;padding-top:0}}
.faq-scroll .faq details,.faq-scroll .faq details:first-child{padding:0}
.faq-scroll .faq summary{align-items:center;padding:14px 16px}
.faq-scroll .faq details>p{margin:0;padding:8px 16px 14px}
@media(min-width:701px) and (max-height:980px){.faq-scroll .faq summary{padding:8px 12px}.faq-scroll .faq details>p{padding:8px 12px}}
.relief-panel{display:grid;grid-template-columns:275px minmax(0,1fr);gap:0;align-items:center;padding-left:0}
.relief-panel-heart{justify-self:center;align-self:center;margin-top:0}
@media(min-width:701px) and (max-width:900px){.relief-panel{grid-template-columns:154px minmax(0,1fr)}}
@media(max-width:700px){.relief-panel{grid-template-columns:88px minmax(0,1fr)}}
.landing{padding-bottom:25px}
.landing .details-arrow{margin-top:9px}
.milestone-dialog:has(.dialog-video){width:min(720px,calc(100vw - 32px));max-height:min(90vh,900px)}
.dialog-video{margin-top:24px;border:1px solid #4b454c;border-radius:3px;overflow:hidden;background:#101012}
.dialog-video iframe{display:block;width:100%;height:max(300px,calc((100vw - 116px)*.5625));max-height:380px;border:0}
.dialog-completion.complete{display:inline-flex;align-items:center;gap:7px}
.completion-check{width:16px;height:16px;flex:none;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.dialog-video iframe{height:300px}}
.goal-actions{position:relative;display:block;flex:none;align-self:center;min-width:108px;height:24px;margin-left:auto}
.goal-actions:has(.goal-state){min-width:145px}
.goal-actions>.lock-icon{position:absolute;right:42px;top:50%;width:20px;height:22px;transform:translateY(-50%);color:#99959e}
.goal-actions>.goal-state{position:absolute;right:83px;top:50%;margin:0;transform:translateY(-50%);white-space:nowrap}
.milestone:is(:hover,:focus-visible) .goal-actions>.goal-state{transform:translateY(-50%)}
.milestone:not(.done):not(.next):is(:hover,:focus-visible) .goal-actions>.lock-icon{color:#ddd8de}
@media(max-width:700px){.goal-actions{min-width:78px}.goal-actions:has(.goal-state){min-width:122px}.goal-actions>.lock-icon{right:31px}.goal-actions>.goal-state{right:64px}}
.goal-actions:has(.goal-complete-badge){min-width:148px}
.goal-complete-badge{position:absolute;right:37px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid #bc626a;border-radius:3px;background:#683039;color:#fff;font:800 11px/1 var(--body);letter-spacing:.6px;white-space:nowrap}
.goal-complete-badge .completion-check{width:13px;height:13px}
@media(max-width:700px){.goal-actions:has(.goal-complete-badge){min-width:122px}.goal-complete-badge{right:29px;font-size:9px;gap:4px;padding:4px 5px}.goal-complete-badge .completion-check{width:11px;height:11px}}
.milestone.done.completed{background:#232326;border-left:0;padding-left:10px}
.milestone.done.completed:is(:hover,:focus-visible){background:#39393d}
.goal-actions:has(.goal-complete-badge){display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;min-width:0;height:auto;padding-right:37px}
.goal-actions .goal-complete-badge{position:static;transform:none}
.goal-video-cue{flex:none;display:inline-flex;align-items:center;gap:5px;color:#e8a3aa;font:800 11px/1 var(--body);letter-spacing:.6px;white-space:nowrap}
.goal-video-play{font-size:10px;line-height:1}
@media(max-width:700px){.goal-actions:has(.goal-complete-badge){min-width:0;gap:6px;padding-right:28px}.goal-video-cue{font-size:9px;gap:3px}.goal-video-play{font-size:8px}}
@media(min-width:701px){.landing{padding-bottom:11px}.landing .details-arrow{margin-top:23px}}
.goal-actions>.lock-icon{right:0;transition:transform .18s ease,color .18s ease}
.goal-actions>.goal-state{right:42px}
.milestone:is(:hover,:focus-visible) .goal-actions>.lock-icon,.milestone:is(:hover,:focus-visible) .goal-actions>.goal-state{transform:translate(-37px,-50%)}
.goal-actions:has(.goal-complete-badge){padding-right:0}
.goal-actions .goal-complete-badge,.goal-actions .goal-video-cue{transition:transform .18s ease}
.milestone:is(:hover,:focus-visible) .goal-actions .goal-complete-badge,.milestone:is(:hover,:focus-visible) .goal-actions .goal-video-cue{transform:translateX(-37px)}
.goal-video-cue{padding:5px 8px;border:1px solid #68676c;border-radius:3px;background:#28282c;color:#f3f1ef}
.goal-video-play{color:var(--red-text)}
@media(max-width:700px){.goal-actions>.lock-icon{right:0}.goal-actions>.goal-state{right:33px}.milestone:is(:hover,:focus-visible) .goal-actions>.lock-icon,.milestone:is(:hover,:focus-visible) .goal-actions>.goal-state{transform:translate(-29px,-50%)}.milestone:is(:hover,:focus-visible) .goal-actions .goal-complete-badge,.milestone:is(:hover,:focus-visible) .goal-actions .goal-video-cue{transform:translateX(-29px)}.goal-video-cue{padding:4px 5px}}
@media(prefers-reduced-motion:reduce){.goal-actions>.lock-icon,.goal-actions .goal-complete-badge,.goal-actions .goal-video-cue{transition:none}}
.dialog-clip-choices{display:flex;gap:8px;overflow-x:auto;margin-top:24px;padding-bottom:2px}
.dialog-clip-choice{flex:none;padding:8px 12px;border:1px solid #5c5359;border-radius:3px;background:#292629;color:#d7d2d4;font-size:12px;font-weight:800;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialog-clip-choice[aria-pressed=true]{border-color:#db6873;background:#5d2c34;color:#fff}
.dialog-clip-choices+.dialog-video{margin-top:12px}
.clip-editor{margin:18px 0}.clip-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.clip-editor-heading strong{font-size:14px}.clip-editor-heading .button{padding:7px 11px}
.clip-fields{display:grid;gap:10px}.clip-field{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr) auto;gap:8px;align-items:end;padding:10px;border:1px solid #484247;border-radius:3px;background:#242124}
.clip-field label{min-width:0}.clip-field input{width:100%}.clip-remove{padding:9px 10px}
@media(max-width:700px){.clip-field{grid-template-columns:1fr}.clip-remove{justify-self:start}}
.admin-wrap{max-width:1120px}
.admin-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.admin-top h1{margin:0;font:700 36px/1.1 var(--display)}
.admin-top #logout{justify-self:end}
.admin-session{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:12px 16px;border:1px solid var(--border);background:var(--surface);font-size:13px}
.admin-session #operator-status{font-weight:700}
.admin-session #integration-state{color:var(--muted);margin-right:auto}
.admin-session .button{padding:7px 12px}
#issue-count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:var(--red);color:#fff;font-size:11px}
.admin-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.admin-dashboard .control-card{margin-bottom:20px}
.admin-dashboard .control-card h2{font-size:25px;margin-bottom:10px}
.admin-dashboard .admin-clock{font-size:clamp(45px,6vw,74px);line-height:1.1}
.admin-dashboard .control-card form{margin:12px 0 0}
.admin-dashboard .control-card p{margin:10px 0}
.admin-goal-links .admin-launchers{display:flex;gap:10px;flex-wrap:wrap}
.admin-goal-links .admin-launchers .button{flex:1;white-space:nowrap}
.admin-dialog{width:min(680px,calc(100vw - 32px));max-height:min(88vh,900px);padding:0;border:1px solid #575158;border-top:3px solid var(--red);border-radius:4px;background:var(--surface);color:var(--white);overflow:auto;box-shadow:0 25px 80px #000a}
.admin-dialog::backdrop{background:#080809c9;backdrop-filter:blur(3px)}
.admin-dialog-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;background:var(--surface);border-bottom:1px solid var(--border)}
.admin-dialog-head h2{font-size:30px}
.admin-dialog>.control-card{margin:0;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:18px 26px 26px}
.admin-dialog>.control-card:last-child{border-bottom:0}
.admin-dialog .goal-heading{display:flex;justify-content:flex-end}
.admin-dialog .goal-heading .button{padding:8px 12px}
.admin-dialog .control-card form{margin-top:0}
.admin-dialog .control-card h2{font-size:24px;margin-bottom:10px}
.admin-dialog .audit-list{max-height:350px;overflow:auto}
@media(max-width:700px){.admin-top{grid-template-columns:1fr auto;row-gap:10px}.admin-top h1{grid-column:1;grid-row:2}.admin-top #logout{grid-column:2;grid-row:2}.admin-session{gap:8px}.admin-session #integration-state{width:100%}.admin-dashboard{grid-template-columns:1fr}.admin-dialog-head,.admin-dialog>.control-card{padding-left:18px;padding-right:18px}}
.admin-dashboard .admin-goal-links .button{width:100%;padding:11px 12px}
.admin-dashboard .admin-goal-links .admin-launchers .button{width:auto}
.admin-demo-launch{margin-top:12px}
/* Admin workspace: operational controls first, one page scroll. */
.admin-page .admin-wrap{max-width:1120px;padding-top:28px}
.admin-page .control-card{padding:24px;margin-bottom:20px}
.admin-page .control-card h2{font:700 25px/1.2 var(--body);margin:0}
.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.admin-live-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.admin-live-row .admin-clock{font-size:64px;line-height:1.15}
.admin-live-row p{font-size:13px;margin:8px 0 0}
.admin-sub-count{display:grid;gap:2px}.admin-sub-count strong{font-size:32px;line-height:1.2}.admin-sub-count span{font-size:13px;color:var(--muted)}
.admin-live-row .control-row{margin-left:auto}.admin-live-row .control-row>*{flex:none}
.admin-goal-toolbar{display:flex;gap:16px;margin-bottom:12px}.admin-goal-toolbar label{flex:1;min-width:0}
.admin-goal-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid var(--border)}
.admin-goal-row strong{font-size:16px}.admin-goal-row small{display:block;margin-top:5px;font-size:13px;color:var(--muted)}
.admin-row-actions{display:flex;gap:8px;flex-shrink:0}.admin-row-actions .button{padding:9px 12px}
.admin-setup>summary{cursor:pointer;font-size:20px;font-weight:700;padding:4px 0}
.admin-setup form{grid-template-columns:1fr auto;align-items:end;padding-top:18px;border-top:1px solid var(--border)}
.admin-feedback{position:sticky;top:83px;z-index:2;margin:0;padding:14px 26px;background:#48282d;color:#fff;border-bottom:1px solid #a95460;font-size:14px}
.admin-page .goal-form-actions{position:sticky;bottom:-26px;padding:16px 0;background:var(--surface);border-top:1px solid var(--border);display:flex;gap:10px;flex-wrap:wrap;z-index:1}
.admin-page .button:focus-visible,.admin-page summary:focus-visible{outline:2px solid #f08b94;outline-offset:3px}
.admin-page .button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.admin-page .admin-wrap{padding:20px 16px}.admin-page .control-card{padding:18px}.admin-live-row{gap:20px}.admin-live-row .admin-clock{font-size:48px}.admin-live-row .control-row{margin-left:0;width:100%}.admin-live-row .control-row>*{flex:1}.admin-section-heading{gap:10px;flex-wrap:wrap}.admin-goal-toolbar{flex-direction:column}.admin-goal-row{align-items:flex-start;flex-direction:column;gap:12px}.admin-row-actions{flex-wrap:wrap}.admin-setup form{grid-template-columns:1fr}.admin-page .goal-form-actions{bottom:-26px}.admin-feedback{padding:12px 18px}}
.admin-page .needs-review{border-color:#c5954b;color:#f4cc91}
.admin-page .admin-feedback .button{margin:8px 0 0;padding:8px 12px}
/* Replay dialogs keep dismissal outside the scrolling content. */
.milestone-dialog,.milestone-dialog:has(.dialog-video){padding:0;overflow:hidden;max-height:90dvh}
.milestone-dialog[open]{display:flex;flex-direction:column}
.milestone-dialog-toolbar{display:flex;justify-content:flex-end;flex:none;padding:10px 14px;background:#1c1c1f;border-bottom:1px solid var(--border)}
.milestone-dialog-toolbar .dialog-close{position:static;width:40px;height:40px;display:grid;place-items:center}
#milestone-dialog-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:24px 36px 32px}
.milestone-dialog .dialog-video{width:100%;aspect-ratio:16/9;min-height:300px}
.milestone-dialog .dialog-video iframe{width:100%;height:100%;min-height:300px;max-height:none;border:0}
.replay-footer{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;padding-top:12px}
.replay-loading{font-size:12px;color:var(--muted)}
.replay-external{flex-shrink:0;text-decoration:underline;text-underline-offset:4px}
.dialog-clip-choice:focus-visible,.milestone-dialog .dialog-close:focus-visible,.replay-external:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:700px){#milestone-dialog-body{padding:18px 20px 24px}.milestone-dialog,.milestone-dialog:has(.dialog-video){max-height:94dvh;width:calc(100vw - 16px)}.milestone-dialog h2{font-size:34px;overflow-wrap:anywhere}}
/* Details follow the document flow rather than matching viewport-sized panels. */
.subathon-page .details .content-grid{display:grid;grid-template-columns:minmax(0,1fr);height:auto;gap:36px;align-items:start}
.subathon-page .details .content-grid>#milestones,.subathon-page .details .content-grid .side-column,.subathon-page .details .content-grid .repeat-card{height:auto;min-height:0}
.subathon-page .details .content-grid>#milestones,.subathon-page .details .content-grid .repeat-card{padding:28px}
.subathon-page .details .milestone-scroll,.subathon-page .details .milestones{height:auto;max-height:none;overflow:visible;flex:none;padding-right:0}
.subathon-page .details .milestone-scroll::before,.subathon-page .details .milestone-scroll::after{display:none}
.milestone-heading-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.subathon-page .details .side-column{margin-top:0;scroll-margin-top:24px}
.support-intro{max-width:760px;color:#c9c5cc;margin:0 0 24px;line-height:1.6}
.support-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:36px;align-items:start}
.subathon-page .support-layout .time-rules{margin:0;padding:0}
.subathon-page .support-layout .rate-group:last-child{margin-bottom:0}
.subathon-page .support-layout .rate-group h3{padding:12px 16px;font-size:20px}
.subathon-page .support-layout .rate{min-height:54px;padding:8px 16px}
.subathon-page .support-layout .rate strong{font-size:30px}
.subathon-page .support-layout .faq-scroll,.subathon-page .support-layout .faq{height:auto;max-height:none;min-height:0;overflow:visible;flex:none;padding-right:0;margin-top:0}
.subathon-page .support-layout .faq details,.subathon-page .support-layout .faq details:first-child{padding:0}
.subathon-page .support-layout .faq summary{padding:18px 16px;font-size:17px;line-height:1.4;min-height:60px}
.subathon-page .support-layout .faq details>p{padding:0 16px 20px;margin:0;line-height:1.65;font-size:15px}
@media(max-width:800px){.support-layout{grid-template-columns:minmax(0,1fr);gap:24px}.subathon-page .details .content-grid>#milestones,.subathon-page .details .content-grid .repeat-card{padding:20px}.milestone-heading-links{gap:8px;align-items:flex-end;flex-direction:column}.subathon-page .details .section-heading{align-items:center}.subathon-page .details .content-grid{gap:24px}}
.milestone-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.milestone-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:5px;background:#111113}
.milestone-filters button{padding:9px 18px;border:1px solid transparent;border-radius:3px;background:transparent;color:#bab5bd;font-size:14px;font-weight:700}
.milestone-filters button:hover{color:#fff;background:#29292d}
.milestone-filters button[aria-pressed=true]{background:#44212a;border-color:#ad4553;color:#fff}
#milestone-next-distance{margin:0;color:#f0bdc3;font-size:15px;font-weight:600}
.milestone-filter-description{margin:12px 0 18px;font-size:13px;color:var(--muted)}
.milestone-empty{padding:28px 16px;border-top:1px solid var(--border);color:var(--muted)}
@media(max-width:700px){.milestone-filters{width:100%}.milestone-filters button{flex:1;padding:9px 10px}.milestone-navigation{gap:12px}#milestone-next-distance{font-size:14px}}
/* Keep the character inside the hero on short laptop viewports. */
@media(min-width:701px){
 .subathon-page .landing .hero{min-height:320px}
 .subathon-page .landing .hero-draven,.subathon-page .landing .hero-draven-splashes{top:12px;bottom:auto;right:-18px;width:72%;height:calc(100% - 12px);object-fit:contain;object-position:right top}
 .subathon-page .landing .hero-copy{padding-bottom:28px}
}
@media(min-width:701px) and (max-height:800px){
 .subathon-page .landing .hero h1{font-size:clamp(76px,8vw,110px);margin-top:24px;margin-bottom:22px}
 .subathon-page .landing .hero-copy{padding-bottom:24px}
}
@media(min-width:701px) and (max-width:1050px){
 .subathon-page .landing .hero-draven,.subathon-page .landing .hero-draven-splashes{right:-12px;width:74%}
}
.recurring-grid .repeat-item .repeat-copy .repeat-progress{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:8px;font-size:13px;line-height:1.4}
.recurring-grid .repeat-progress b{color:#efb8c0;font-weight:600}
.recurring-grid .repeat-item .repeat-progress>span{font-size:12px;color:var(--muted)}
/* Compact event context appears only after the overview has scrolled away. */
.header-event-status{display:flex;align-items:center;gap:28px;min-width:0;margin-left:auto;margin-right:auto}
.header-stat{display:flex;flex-direction:column;gap:2px;min-width:0}
.header-stat>span{font:600 10px/1.2 var(--body);letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.header-stat>strong{font:700 18px/1.2 var(--body);font-variant-numeric:tabular-nums;white-space:nowrap}
.header-next{max-width:260px}.header-next>strong{overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#efb8c0}
.header-next:hover>strong{color:#fff}
.subathon-page #milestones{scroll-margin-top:24px}
@media(max-width:1100px){.header-event-status{gap:18px}.header-next{max-width:175px}.subathon-page .has-event-status .header-twitch{width:auto}.subathon-page .has-event-status .watch-prefix{display:none}}
@media(max-width:900px){.header-next{display:none}}
@media(max-width:700px){.subathon-page .has-event-status{gap:12px}.subathon-page .has-event-status .wordmark{font-size:24px;flex:none}.header-event-status{gap:14px;margin-right:0}.header-stat>span{font-size:9px;letter-spacing:0}.header-stat>strong{font-size:16px}.subathon-page .has-event-status .header-twitch{width:auto;min-height:36px;padding:8px}.has-event-status .header-twitch-label{display:none}.has-event-status .header-live-indicator{padding:0;margin:0;border:0;font-size:10px;gap:5px}}

/* Event-only recognition beside goals; both panels retain natural height. */
.gifter-panel{min-width:0;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:6px}
.gifter-panel>.section-heading{margin-bottom:8px}
.gifter-scope{color:var(--muted);font-size:13px;margin:0 0 20px}
.gifter-list{list-style:none;margin:0;padding:0}
.gifter-list li{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--border)}
.gifter-rank{color:var(--red-text);font-weight:700;font-variant-numeric:tabular-nums;width:18px;flex:none}
.gifter-name{min-width:0;overflow-wrap:anywhere;font-weight:600;flex:1}
.gifter-list strong{font-size:24px;text-align:right;font-variant-numeric:tabular-nums}
.gifter-list small{display:block;color:var(--muted);font:400 11px var(--body)}
#gifter-empty{font-size:14px;line-height:1.6;margin:0}
#gifter-empty[hidden]{display:none}
.subathon-page .details .content-grid>#rules{grid-column:1/-1}
@media(min-width:1200px){
 .subathon-page .details .content-grid{grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:28px}
 .subathon-page .details .recurring-grid{grid-template-columns:1fr}
}
@media(max-width:800px){.gifter-panel{padding:20px}}

/* Recurring activities share the goal views instead of occupying a separate card. */
.subathon-page .details .recurring-goal-list{grid-template-columns:minmax(0,1fr)}
.recurring-goal-list .repeat-item{gap:20px;padding:18px 12px;border-top:1px solid var(--border);align-items:center}
.recurring-goal-list .repeat-item+.repeat-item{border-left:0;border-top:1px solid var(--border)}
.recurring-goal-list .repeat-number{margin:0;min-width:80px;font-size:30px}
.recurring-goal-list .repeat-item .repeat-copy strong{font-size:17px}
.recurring-goal-list .repeat-item .repeat-copy .repeat-progress{margin-top:0}
.recurring-goal-list .repeat-item .repeat-copy .recurring-clip-cue{color:#efb8c0;font-size:12px;font-weight:700}
@media(max-width:700px){.recurring-goal-list .repeat-item{gap:12px}.recurring-goal-list .repeat-number{min-width:66px;font-size:27px}.recurring-goal-list .repeat-item .repeat-copy strong{font-size:15px}}
.subathon-page #milestones>.section-heading{margin-bottom:20px}


/* Clip moving stats at the viewport edge, not at their layout slot. */
.subathon-page .site-header{clip-path:inset(-20px calc((100% - 100vw)/2) -20px)}
.header-status-slot{display:flex;justify-content:flex-end;flex:1;min-width:0;overflow:visible;padding:6px 3px}
.header-status-slot .header-event-status{margin-left:auto;margin-right:0;flex-shrink:1;transform:translateX(calc(100% + var(--header-edge-gap, 60px)));visibility:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s .55s}
.has-event-status .header-event-status{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s}

@media(prefers-reduced-motion:reduce){.header-status-slot .header-event-status{transition:none}}

.support-essentials{display:grid;gap:20px;margin-bottom:26px}
.support-essentials h3,.support-faq-title{font:700 19px var(--body);margin:0 0 6px}
.support-essentials p{font-size:15px;line-height:1.6;color:#c9c5cc;margin:0}
.support-faq-title{font-size:15px;color:var(--muted);margin-bottom:8px}

#milestone-next-distance{color:var(--white)}
.milestone-heading-links .how-it-works-button{background:#27272c;border-color:#686870;min-height:42px;padding:10px 14px;gap:12px;white-space:nowrap}
.milestone-heading-links .how-it-works-button>span{color:var(--red-text);font-size:18px;line-height:1}
.milestone-heading-links .how-it-works-button:hover{background:#36363c;border-color:var(--red);color:#fff}

.next-goal-link{border:0;background:transparent;color:var(--white);font:inherit;padding:0;text-decoration:underline;text-decoration-color:#77717c;text-underline-offset:4px;cursor:pointer;text-align:left}
.next-goal-link:hover{text-decoration-color:var(--red)}
.recurring-goal-list .repeat-number{color:var(--white)}
.recurring-goal-list .repeat-item .repeat-copy .repeat-progress strong{font-size:13px;font-weight:600;color:var(--white)}
.recurring-goal-list .repeat-item .repeat-copy .repeat-progress b{color:var(--red-text)}

/* A brief celebration that never interrupts scrolling or opens a modal itself. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.unlock-notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:90;width:min(520px,calc(100vw - 32px));display:flex;align-items:flex-start;background:linear-gradient(115deg,#402127,#1c1c20 65%);border:1px solid #a73b48;border-top:3px solid var(--red);border-radius:7px;box-shadow:0 12px 48px #0009;overflow:hidden;animation:unlock-arrive .4s ease-out}
.unlock-open{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding:22px;text-align:left;border:0;background:transparent;color:var(--white)}
.unlock-symbol{font-size:40px;color:var(--red-text);animation:unlock-spark .8s ease-out}
.unlock-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.unlock-eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:11px;font-weight:700;color:#fff}
.unlock-copy strong{font:700 27px/1.15 var(--display);overflow-wrap:anywhere}
#unlock-detail{font-size:13px;color:#d3ced2}
#unlock-dismiss{border:0;background:transparent;color:#fff;font-size:26px;min-width:44px;min-height:44px;padding:4px;margin:5px}
.unlock-open:hover{background:#ffffff06}.unlock-open:focus-visible{outline-offset:-5px}
.milestone.just-unlocked{animation:unlock-row 3s ease-out}
@keyframes unlock-arrive{from{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes unlock-spark{from{transform:scale(.6) rotate(-35deg)}to{transform:scale(1) rotate(0)}}
@keyframes unlock-row{0%,25%{background:#632530;box-shadow:inset 4px 0 var(--red)}100%{box-shadow:inset 0 0 transparent}}
@media(max-width:700px){.unlock-notice{bottom:16px}.unlock-open{padding:16px;gap:12px}.unlock-copy strong{font-size:23px}.unlock-symbol{font-size:30px}}
@media(prefers-reduced-motion:reduce){.unlock-notice,.unlock-symbol,.milestone.just-unlocked{animation:none}}

.header-next>strong{color:var(--white)}
.header-goal-title{text-decoration:underline;text-decoration-color:#77717c;text-underline-offset:3px}
.header-next:hover .header-goal-title{text-decoration-color:var(--red)}
.header-event-status{align-items:flex-start}
.header-stat>strong{line-height:24px}
.header-next>strong{font-size:18px}
@media(max-width:700px){.header-stat>strong{line-height:21px}}

.wordmark span,.hero h1 em{color:var(--red)}

/* Matching desktop panels retain context while their lists scroll independently. */
@media(min-width:1200px) and (min-height:600px){
 .subathon-page .details .content-grid>#milestones,.subathon-page .details .content-grid>.gifter-panel{height:calc(100dvh - 142px);min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .subathon-page .details .content-grid>#milestones>.section-heading,.milestone-navigation,.milestone-filter-description,.gifter-panel>.section-heading,.gifter-scope,#gifter-empty{flex-shrink:0}
 .subathon-page .details .milestone-scroll,.subathon-page .details .recurring-goal-list,.gifter-panel>.gifter-list{flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable;padding-right:10px;scrollbar-width:auto;scrollbar-color:auto}
 .subathon-page .details .recurring-goal-list{align-content:start}
 .milestone-scroll::-webkit-scrollbar,.recurring-goal-list::-webkit-scrollbar,.gifter-panel>.gifter-list::-webkit-scrollbar{width:8px;display:block}
 .milestone-scroll::-webkit-scrollbar-track,.recurring-goal-list::-webkit-scrollbar-track,.gifter-panel>.gifter-list::-webkit-scrollbar-track{background:#303034;border-radius:8px}
 .milestone-scroll::-webkit-scrollbar-thumb,.recurring-goal-list::-webkit-scrollbar-thumb,.gifter-panel>.gifter-list::-webkit-scrollbar-thumb{background:var(--scrollbar-red);border-radius:8px}
}

:root{--scrollbar-red:#8e2632}
.subathon-page .details-arrow{color:var(--scrollbar-red)}

/* Phone layouts keep content readable without nested page scrolling. */
@media(max-width:700px){
 .subathon-page main{padding-inline:16px}
 .subathon-page .site-header{padding-inline:16px;gap:12px}
 .subathon-page .header-status-slot{padding-inline:0}
 .subathon-page .has-event-status .header-event-status{gap:12px}
 .subathon-page .has-event-status .header-twitch{min-height:44px}
 .subathon-page .has-event-status .header-live-indicator{font-size:0;gap:0}
 .subathon-page .has-event-status .header-live-dot{width:8px;height:8px}
 .subathon-page .landing .hero{min-height:350px}
 .subathon-page .landing .hero h1{font-size:clamp(58px,16vw,90px)}
 .subathon-page .landing .dashboard{margin-top:0}
 .subathon-page .dashboard{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
 .subathon-page .dashboard article{padding:14px 12px;min-width:0}
 .subathon-page .timer{font-size:clamp(30px,9vw,48px)}
 .subathon-page .total{font-size:clamp(34px,10vw,51px)}
 .subathon-page .panel-label{font-size:10px;letter-spacing:.3px}
 .subathon-page .panel-label .badge{font-size:10px}
 .subathon-page .next-panel h2{font-size:24px}
 .subathon-page .relief-strip{padding:16px 12px;gap:12px;align-items:center}
 .subathon-page .relief-strip-copy strong{white-space:normal;line-height:1.1}
 .subathon-page .details .content-grid>#milestones,.subathon-page .details .content-grid .repeat-card,.subathon-page .gifter-panel{padding:18px 14px}
 .subathon-page #milestones>.section-heading{flex-wrap:wrap;gap:14px}
 .subathon-page .milestone-heading-links{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 .subathon-page .milestone-heading-links .how-it-works-button{min-height:44px}
 .subathon-page .milestone-filters button{min-height:44px;padding:9px 6px;font-size:13px;min-width:0}
 .subathon-page .milestone{display:grid;grid-template-columns:70px minmax(0,1fr) 22px;gap:6px 10px;padding:16px 10px;align-items:center}
 .subathon-page .milestone .goal-number{min-width:0;font-size:27px;align-self:start;grid-column:1;grid-row:1 / span 2}
 .subathon-page .milestone .goal-copy{grid-column:2;grid-row:1}
 .subathon-page .milestone:has(.goal-state,.goal-complete-badge) .goal-copy{grid-column:2 / -1}
 .subathon-page .goal-title{overflow-wrap:anywhere;line-height:1.3}
 .subathon-page .goal-description{line-height:1.45}
 .subathon-page .milestone .goal-actions{grid-column:3;grid-row:1;min-width:0;width:100%;height:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:0}
 .subathon-page .milestone .goal-actions:has(.goal-state,.goal-complete-badge){grid-column:2 / -1;grid-row:2;justify-content:flex-start;flex-wrap:wrap;margin-top:4px}
 .subathon-page .milestone .goal-actions>.lock-icon,.subathon-page .milestone .goal-actions>.goal-state{position:static;transform:none;min-width:0;max-width:none}
 .subathon-page .milestone .goal-actions>.lock-icon{margin-left:auto;flex:none}
 .subathon-page .milestone .goal-actions::after{display:none}
 .subathon-page .milestone .goal-actions .goal-complete-badge,.subathon-page .milestone .goal-actions .goal-video-cue{transform:none;font-size:10px;padding:6px;letter-spacing:.3px}
 .subathon-page .recurring-goal-list .repeat-item{padding:16px 10px;gap:12px}
 .subathon-page .recurring-goal-list .repeat-number{min-width:62px}
 .subathon-page .support-layout .rate-group h3{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
 .subathon-page .support-layout .rate-group h3 small{white-space:normal}
 .subathon-page .relief-panel{display:block;padding:22px 18px;margin-top:28px}
 .subathon-page .relief-panel-heart{float:left;width:44px;height:44px;margin:0 14px 12px 0}
 .subathon-page .relief-panel h2{font-size:28px;line-height:1.1;margin-bottom:20px}
 .subathon-page .relief-panel p{clear:both}
 .subathon-page .wheel-embed:not(:fullscreen):not(.expanded){width:100%;min-width:0;aspect-ratio:auto;height:620px;min-height:0}
 .subathon-page .milestone-dialog-toolbar .dialog-close{width:44px;height:44px}
 .subathon-page #milestone-dialog-body{padding:18px 16px 24px}
 .subathon-page .dialog-clip-choice{min-height:44px}
 .subathon-page .dialog-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
}

/* Clip off-screen entrance animation without widening the document. */
.subathon-page{overflow-x:clip}
/* Restore the brand red; a restrained edge highlight keeps small accents crisp. */
:root{--red-text:var(--red)}
.subathon-page .red,
.subathon-page .gifter-rank,
.subathon-page .dialog-threshold,
.subathon-page .recurring-goal-list .repeat-item .repeat-copy .repeat-progress b{
 font-weight:700;
 text-shadow:0 1px 1px #000,0 0 1px #ffb3b34d;
}
/* A viewport-wide clipping box preserves the full slide-in without horizontal overflow. */
.subathon-page .site-header{max-width:none;padding-inline:max(48px,calc((100% - 1344px)/2));overflow:clip;clip-path:none}
@media(max-width:1050px){.subathon-page .site-header{padding-inline:28px}}
@media(max-width:700px){.subathon-page .site-header{padding-inline:16px}}
@media(max-width:700px){.subathon-page .landing .hero{overflow:clip}}

/* The compact header joins the page only after the overview scrolls away. */
.subathon-page .site-header{
 position:fixed;inset:0 0 auto;width:100%;margin:0;
 transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;
 transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .4s ease,visibility 0s .55s;
}
.subathon-page .site-header.has-event-status{
 transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;
}
.subathon-page .landing{min-height:100svh}
@media(prefers-reduced-motion:reduce){.subathon-page .site-header{transition:none}}

.subathon-page .event-wordmark{flex:none;white-space:nowrap;font-size:30px;letter-spacing:-.6px}
.subathon-page .event-wordmark .event-wordmark-subathon{color:var(--red)}
.subathon-page .event-wordmark .event-wordmark-year{color:var(--white)}
@media(max-width:1100px){.subathon-page .event-wordmark{font-size:25px}.subathon-page .header-next{display:none}}
@media(max-width:700px){
 .subathon-page .has-event-status .event-wordmark{font-size:19px;line-height:1;white-space:normal;max-width:110px}
 .subathon-page .event-wordmark-subathon{display:block}
 .subathon-page .event-wordmark .event-wordmark-year{font-size:13px}
 .subathon-page .has-event-status{gap:8px}
 .subathon-page .has-event-status .header-event-status{gap:8px}
}

/* Lower the character composition alongside the title and date. */
@media(min-width:701px){
 .subathon-page .landing .hero-draven,
 .subathon-page .landing .hero-draven-splashes{top:clamp(90px,12vh,160px);height:calc(100% - clamp(90px,12vh,160px));object-position:right bottom}
}
@media(min-width:701px){
 .subathon-page .landing .hero-draven,
 .subathon-page .landing .hero-draven-splashes{top:calc(clamp(90px,12vh,160px) + 55px)}
 .subathon-page .landing .dashboard{position:relative;z-index:2}
}

/* The year identifies the edition without competing with the event name. */
.subathon-page .landing .hero h1 .hero-edition{display:block;font:italic 900 .6em/.82 var(--display);letter-spacing:-.02em;color:var(--white);margin-bottom:0}
.event-start{margin:0;font-size:13px;font-weight:600;color:var(--muted)}

.subathon-page .landing .hero-copy{padding-bottom:0}
.subathon-page .landing .hero h1{margin-bottom:8px}

/* Equal breathing room around the desktop scroll cue. */
@media(min-width:701px){
 .subathon-page .landing{padding-bottom:25px}
 .subathon-page .landing .details-arrow{margin-top:9px;margin-bottom:0;flex-shrink:0}
}

/* Keep the full top-50 list contained on smaller screens too. */
@media(max-width:1199px),(max-height:599px){.subathon-page .gifter-panel>.gifter-list{max-height:560px;overflow-y:auto;overscroll-behavior:auto;scrollbar-gutter:stable;scrollbar-color:var(--scrollbar-red) #303034;padding-right:10px}}

/* Rate headings sit outside the bordered rows and explain each section's purpose. */
.subathon-page #rules-title{margin-bottom:32px}
.subathon-page .support-layout{align-items:stretch}
.subathon-page .support-layout .time-rules{display:flex;flex-direction:column;gap:26px;height:100%;border:0}
.subathon-page .support-layout .rate-group{display:flex;flex-direction:column;flex:3;min-height:0;margin:0;border:0;background:none;overflow:visible}
.subathon-page .support-layout .rate-group:last-child{flex:2}
.subathon-page .support-layout .rate-group h3{flex:none;margin:0 0 14px;padding:0;border:0;font:700 23px/1.2 var(--display);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.subathon-page .support-layout .rate-group h3 small{text-align:left}
.subathon-page .support-layout .rate-rows{display:flex;flex-direction:column;flex:1;border:1px solid #3a3a40;border-radius:4px;overflow:hidden;background:#202024}
.subathon-page .support-layout .rate-rows .rate{flex:1;min-height:64px;padding:14px 16px;border-right:0}
@media(max-width:800px){
 .subathon-page .support-layout .time-rules{height:auto}
 .subathon-page .support-layout .rate-group{flex:none}
 .subathon-page .support-layout .rate-group:last-child{flex:none}
 .subathon-page #rules-title{margin-bottom:28px}
}

.subathon-page .support-essentials h3{color:var(--red)}

.subathon-page .wheels-section{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:6px;scroll-margin-top:24px}
.wheels-heading{justify-content:flex-start;align-items:center;gap:14px;margin-bottom:24px}
.wheels-heading h2{position:relative;padding-left:17px;font:italic 900 36px/1.04 var(--display);text-transform:uppercase}
.wheels-heading h2::before{content:'';position:absolute;left:0;top:4px;width:5px;height:28px;background:var(--red);transform:skew(-14deg)}
.wheel-info-button{width:44px;height:44px;border:1px solid #66616a;border-radius:50%;background:transparent;color:var(--white);font:700 20px Georgia,serif;flex:none}
.wheel-info-button:hover{background:#303034;border-color:var(--red)}
.wheels-heading>.text-link{margin-left:auto}
.wheel-copy-link{text-decoration:underline;text-decoration-color:#77717c;text-underline-offset:3px;color:inherit}
.wheel-copy-link:hover{color:var(--red);text-decoration-color:var(--red)}
.wheels-dialog-body{overflow-y:auto;padding:24px 28px 32px}
.wheels-dialog-body section{margin-top:24px}
.wheels-dialog-body h3{font:700 21px var(--body);color:var(--red);margin:0 0 8px}
.wheels-dialog-body p{margin:0;color:#c9c5cc;line-height:1.6}
@media(max-width:700px){.subathon-page .wheels-section{padding:20px 14px}.wheels-heading{flex-direction:row!important;flex-wrap:wrap}.wheels-heading h2{font-size:30px}.wheels-heading>.text-link{width:100%;margin:0}.wheels-dialog-body{padding:18px 20px 24px}}

/* Quiet, consistent subsection hierarchy for explanations and wheel information. */
.subathon-page .support-essentials{gap:0;margin-bottom:0}
.subathon-page .support-essentials h3,.subathon-page .wheels-dialog-body h3{color:var(--white);font:800 19px/1.3 var(--body);margin:0 0 10px}
.support-essentials>section+section,.wheels-dialog-body section+section{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}
.subathon-page .wheel-info-button{width:28px;height:28px;font-size:16px;position:relative;margin-bottom:15px;display:grid;place-items:center;padding:0;line-height:1}
.wheel-info-button::after{content:'';position:absolute;inset:-8px}
.subathon-page .wheels-section>.section-heading h2::before{display:block;width:5px;height:28px;background:var(--red);position:absolute;left:0;top:4px;transform:skew(-14deg)}
.subathon-page .wheels-section .wheels-heading{justify-content:flex-start}
.subathon-page footer{border-top:0}
.subathon-page .details .content-grid>.relief-panel{grid-column:1/-1;margin:0}

/* One spacing rhythm between every main content panel. */
.subathon-page{--section-gap:32px}
.subathon-page .details{padding-top:var(--section-gap)}
.subathon-page .details .content-grid{gap:var(--section-gap);margin-top:0}
.subathon-page .details>.stream-section,.subathon-page .details>.wheels-section{margin-top:var(--section-gap)}
.subathon-page .details .content-grid>#rules{margin:0;padding:0}
@media(max-width:700px){.subathon-page{--section-gap:24px}}

#wheels-dialog .milestone-dialog-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:14px 20px}
#wheels-dialog-title{margin:0;font-size:30px;line-height:1.1}
#wheels-guide>section:first-child{margin-top:0}
#wheels-close{flex:none}

/* Yemen flag occupies its own panel, leaving all copy on solid charcoal. */
.subathon-page .relief-panel{display:grid;grid-template-columns:210px minmax(0,1fr);padding:0;gap:0;background:#1b1b1e;border:1px solid #444047;overflow:hidden}
.subathon-page .relief-panel::before{display:none}
.relief-flag{display:grid;place-items:center;align-self:stretch;background:linear-gradient(to bottom,#c92c3a 0 33.333%,#f3f1ef 33.333% 66.666%,#09090b 66.666% 100%)}
.subathon-page .relief-panel .relief-panel-heart{float:none;margin:0;width:72px;height:72px;background:#bc2d3c;box-shadow:0 5px 18px #0006}
.subathon-page .relief-panel-heart svg,.subathon-page .relief-panel-heart svg path{fill:#fff;stroke:none}
.subathon-page .relief-panel-copy{padding:34px 40px}
.subathon-page .relief-panel p{color:#dedade;max-width:100%;line-height:1.65}
.subathon-page .relief-panel h2{margin-top:0}
@media(max-width:700px){
 .subathon-page .relief-panel{grid-template-columns:minmax(0,1fr)}
 .relief-flag{min-height:120px}
 .subathon-page .relief-panel-copy{padding:24px}
 .subathon-page .relief-panel .relief-panel-heart{width:60px;height:60px}
}

/* One symbol combines the heart with Yemen's three flag bands. */
.subathon-page .relief-flag{background:none;padding:24px}
.subathon-page .yemen-heart{display:block;width:150px;height:150px;overflow:visible;filter:drop-shadow(0 5px 10px #0005)}
.subathon-page .yemen-heart .flag-red{fill:#ce293b;stroke:none}
.subathon-page .yemen-heart .flag-white{fill:#f3f1ef;stroke:none}
.subathon-page .yemen-heart .flag-black{fill:#09090b;stroke:none}
.subathon-page .yemen-heart .heart-outline{fill:none;stroke:#ffffff55;stroke-width:1}
@media(max-width:700px){.subathon-page .relief-flag{padding:24px 24px 0}.subathon-page .yemen-heart{width:110px;height:110px}}

/* Center the larger emblem in the full space before the copy. */
.subathon-page .relief-panel{grid-template-columns:250px minmax(0,1fr)}
.subathon-page .relief-flag{padding:24px;display:grid;place-items:center}
.subathon-page .yemen-heart{width:190px;height:190px;transform:translateY(-3px)}
.subathon-page .relief-panel-copy{padding-left:0}
@media(max-width:700px){
 .subathon-page .relief-panel{grid-template-columns:minmax(0,1fr)}
 .subathon-page .relief-flag{padding:24px 24px 0}
 .subathon-page .yemen-heart{width:140px;height:140px}
 .subathon-page .relief-panel-copy{padding:24px}
}

/* Balance the full gap between panels, including the following section padding. */
@media(min-width:701px){
 .subathon-page .landing{min-height:calc(100svh - var(--section-gap));padding-bottom:0}
 .subathon-page .landing .details-arrow{margin:calc(var(--section-gap) - 16px) auto 0;flex-shrink:0}
}

/* A short underline gives all main section headings the same red accent. */
.subathon-page .content-grid .section-heading h2,
.subathon-page .repeat-card>h2,
.subathon-page .wheels-heading h2,
.subathon-page .relief-panel h2,
.subathon-page .stream-heading h2{position:relative;padding-left:0;padding-bottom:15px}
.subathon-page .content-grid .section-heading h2::before,
.subathon-page .repeat-card>h2::before,
.subathon-page .wheels-section>.section-heading h2::before{display:none}
.subathon-page .content-grid .section-heading h2::after,
.subathon-page .repeat-card>h2::after,
.subathon-page .wheels-heading h2::after,
.subathon-page .relief-panel h2::after,
.subathon-page .stream-heading h2::after{content:'';position:absolute;left:0;bottom:0;width:42px;height:3px;background:var(--red)}

/* Live viewing is the first panel below the overview. */
.subathon-page .details>#watch-live{margin-top:0;margin-bottom:var(--section-gap)}
.subathon-page .stream-heading h2{padding-bottom:0}
.subathon-page .stream-heading h2::after{display:none}
.subathon-page .site-header .header-live-indicator{margin-right:0;padding-right:0;border-right:0}
.subathon-page .site-header .header-twitch{width:auto}
@media(max-width:700px){
 .subathon-page .has-event-status .header-live-indicator{font-size:9px;gap:5px}
 .subathon-page .has-event-status .header-twitch{padding:8px 6px}
}
.subathon-page .support-layout .rate strong small{font-size:21px;font-weight:800}
.subathon-page .site-header .header-twitch{gap:10px}
.subathon-page .header-twitch .live-external-arrow{color:#fff;font-size:22px;line-height:1}
/* Keep the player available on mobile now that the duplicate Twitch link is removed. */
@media(max-width:700px){.subathon-page .stream-frame{display:block;margin-top:18px}.subathon-page .header-twitch .live-external-arrow{font-size:16px}.subathon-page .site-header .header-twitch{gap:5px}}
.subathon-page .header-twitch .live-external-arrow{font-size:14px}
.subathon-page .site-header .header-twitch{gap:7px}
@media(max-width:700px){.subathon-page .header-twitch .live-external-arrow{font-size:12px}.subathon-page .site-header .header-twitch{gap:5px}}


/* One continuous announcement strip, below the compact header when it appears. */
.start-banner{position:fixed;inset:0 0 auto;z-index:39;height:32px;background:rgb(84 28 36 / 80%);color:#e5dadd;overflow:hidden;transition:transform .55s cubic-bezier(.2,.7,.2,1);font:700 13px/32px var(--body);letter-spacing:1.3px}
.start-banner-track{display:flex;width:max-content;animation:announcement-scroll 60s linear infinite}
.start-banner-group{display:flex;flex-shrink:0}
.start-banner-group span{white-space:nowrap;padding:0 24px}
.start-banner-group b{margin-left:48px;opacity:.65}
.banner-pause{position:absolute;right:0;top:0;width:36px;height:32px;background:transparent;border:0;color:#e5dadd;font:inherit;cursor:pointer}
.start-banner:hover .start-banner-track,.start-banner.is-paused .start-banner-track{animation-play-state:paused}
@keyframes announcement-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.start-banner-track{animation:none}.start-banner{transition:none}.banner-pause{display:none}}

/* Native anchors and scrollIntoView share the measured fixed header/banner clearance. */
html.subathon-scroll{scroll-padding-top:var(--scroll-clearance,90px)}