/* Word-led identity with a single lottery-ball detail. */
.super-wordmark{position:relative;display:inline-flex;align-items:center;gap:11px;color:#b51b38;white-space:nowrap;padding:5px 2px;text-align:left}
.super-wordmark-name{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:36px;line-height:1.25;font-weight:850;letter-spacing:-1.5px;font-style:italic;transform:skewX(-4deg)}
.super-wordmark-detail{display:flex;align-items:center;flex-direction:column;gap:5px;transform:translateY(-1px)}
.super-wordmark-detail i{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1.5px solid currentColor;border-radius:50%;font-family:Arial,sans-serif;font-size:11px;line-height:1;font-style:normal;font-weight:700}
.super-wordmark-detail b{width:23px;height:3px;background:currentColor;border-radius:3px;transform:skewX(-25deg)}
.header:has(.brand-wordmark),.header:has(.brand-wordmark) .header-inner{min-height:96px}
.header .brand-wordmark{flex-basis:auto;padding:10px 0;min-width:250px}
.splash-wordmark .super-wordmark{justify-content:center;gap:12px}.splash-wordmark .super-wordmark-name{font-size:38px}.splash-wordmark .super-wordmark-detail i{width:24px;height:24px}
.current-plan-ribbon{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff5f7;border:1px solid #efd2dc;border-left:3px solid #b51b38;border-radius:10px;padding:12px 14px;margin:0 0 14px;font-size:12px;color:#66505c;line-height:1.6}
.plan-ribbon-label{font-size:10px;letter-spacing:1px;color:#a5657a}.current-plan-ribbon>strong{font-size:13px;color:#49303c}.plan-ribbon-issue{font-variant-numeric:tabular-nums;color:#8c7480;font-size:11px}.plan-ribbon-values{font-size:15px;font-weight:700;color:#b51b38;letter-spacing:1px}.plan-ribbon-state{margin-left:auto;font-size:10px;color:#957241}
@media(min-width:801px){
 .home-workspace .home-current{margin-bottom:12px}.home-current h1{font-size:25px}
 .home-draw.draw-panel{padding:18px 20px;gap:14px 18px;margin-bottom:16px}
 .home-draw .draw-clock-dial{width:104px;height:104px}.home-draw .home-countdown #countdown{font-size:21px}
 .home-plan.panel{display:flex;flex-direction:column;padding:18px 20px}
 .home-plan-heading{order:0;margin-bottom:12px}.home-plan-heading h2{font-size:19px}
 #home-plan-live{display:contents}.current-plan-ribbon{order:1}.home-plan-picker{order:2}
 #home-plan-live>.home-publication{order:3;margin-bottom:10px}
 #home-plan-live>.home-active-plan{order:4;margin-bottom:0;padding:14px 16px}
 .home-active-title h3{font-size:16px}.home-target{margin:9px 0}.home-prediction{margin:9px 0}.home-prediction span{min-height:36px;min-width:36px;padding:4px 9px;font-size:20px}
 .home-plan-summary .home-summary-metrics dd{font-size:26px}.home-summary-heading{margin-top:0}
 .home-record-grid{gap:16px}.home-plan-options a{min-height:38px;padding:8px;font-size:12px}
}
@media(max-width:800px){.current-plan-ribbon{gap:4px 8px;padding:8px 10px;margin-bottom:10px}.plan-ribbon-label{font-size:9px}.current-plan-ribbon>strong{font-size:11px}.plan-ribbon-issue{font-size:10px}.plan-ribbon-values{font-size:12px}.plan-ribbon-state{font-size:9px}.splash-wordmark .super-wordmark-name{font-size:clamp(29px,9vw,38px)}}

/* Progress is a fine baseline; content stays on a stable white surface. */
.current-plan-ribbon{position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid #e9dfe4;border-left:3px solid #b51b38;padding-bottom:15px;transition:border-color .25s,box-shadow .25s}
.current-plan-ribbon:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#f1e9ed;z-index:-2}
.current-plan-ribbon:before{content:"";position:absolute;inset:auto auto 0 0;height:3px;width:var(--plan-progress,0%);border-radius:0 2px 2px 0;background:linear-gradient(90deg,#d48b9f,#b51b38);z-index:-1;transition:none}
.current-plan-ribbon.progress-ready:before{transition:width .85s linear}
.current-plan-ribbon[data-phase="opening"]:before{width:28%;background:linear-gradient(90deg,transparent,#b51b38,transparent);animation:plan-await 1.8s ease-in-out infinite;transition:none}
.current-plan-ribbon[data-phase="closed"]:before,.current-plan-ribbon[data-phase="error"]:before,.current-plan-ribbon[data-phase="waiting"]:before,.current-plan-ribbon[data-phase="license"]:before{width:0;animation:none}
.current-plan-ribbon.is-new-plan{border-color:#d59aaa;box-shadow:0 0 0 2px #b51b380a}
.current-plan-ribbon.is-new-plan .plan-ribbon-issue,.current-plan-ribbon.is-new-plan .plan-ribbon-values{color:#a50d30;background:#fff1f5;border-radius:4px;box-shadow:0 0 0 3px #fff1f5}
@keyframes plan-await{0%{left:-28%}100%{left:100%}}
@media(prefers-reduced-motion:reduce){.current-plan-ribbon,.current-plan-ribbon.progress-ready:before{transition:none}.current-plan-ribbon[data-phase="opening"]:before{animation:none;left:0;width:100%;background:#d6adba}}

.current-plan-ribbon.is-new-plan .plan-ribbon-label{color:#a71434;font-weight:650}.current-plan-ribbon .plan-ribbon-label{min-width:40px}.plan-ribbon-issue,.plan-ribbon-values{display:inline-block}

/* A readable plan summary with deliberate groups, not a run-on sentence. */
.home-workspace>.notice-ticker{margin:0 0 16px}
.current-plan-ribbon{gap:10px 16px;padding:13px 16px 16px;border:1px solid #eadfe5;border-radius:12px;background:linear-gradient(110deg,#fff9fb,#fff 60%);min-height:64px;box-sizing:border-box}
.current-plan-ribbon .plan-ribbon-label{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:4px 7px;background:#f5e6ed;color:#a45f76;border-radius:5px;font-size:10px;letter-spacing:0;line-height:18px}
.current-plan-ribbon>strong{font-size:14px;font-weight:650;color:#49313e;white-space:nowrap}
.current-plan-ribbon .plan-ribbon-issue{font-size:11px;letter-spacing:.2px;color:#8a7985;padding-right:16px;border-right:1px solid #eadfe5;line-height:24px}
.current-plan-ribbon .plan-ribbon-values{display:flex;flex-wrap:wrap;gap:5px;align-items:center;letter-spacing:0;background:transparent;box-shadow:none}
.plan-ribbon-values>b{display:flex;align-items:center;justify-content:center;min-width:29px;min-height:29px;padding:3px 6px;box-sizing:border-box;background:#fff;border:1px solid #eed2dd;border-radius:7px;color:#b21b3c;font-size:15px;line-height:20px;font-weight:700}
.current-plan-ribbon .plan-ribbon-state{margin-left:auto;border-radius:6px;padding:4px 8px;background:#faf3e4;color:#98743a;line-height:18px}
.current-plan-ribbon.is-new-plan .plan-ribbon-values{background:transparent;box-shadow:none}
.current-plan-ribbon.is-new-plan .plan-ribbon-values>b{background:#fff0f5;border-color:#d694aa}
@media(max-width:800px){.home-workspace>.notice-ticker{margin:0 0 12px}.current-plan-ribbon{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 8px;padding:10px 10px 13px;min-height:0}.current-plan-ribbon .plan-ribbon-label{font-size:8px;padding:2px 5px;line-height:16px}.current-plan-ribbon>strong{font-size:11px;white-space:normal}.current-plan-ribbon .plan-ribbon-issue{grid-column:1 / -1;grid-row:2;border:0;padding:0;font-size:10px;line-height:16px}.current-plan-ribbon .plan-ribbon-values{grid-column:1 / -1;grid-row:3;gap:4px}.current-plan-ribbon .plan-ribbon-values>b{min-width:25px;min-height:25px;font-size:12px;border-radius:5px;padding:2px 5px}.current-plan-ribbon .plan-ribbon-state{grid-column:3;grid-row:1;font-size:8px;line-height:16px;padding:2px 5px;max-width:92px}.current-plan-ribbon.is-new-plan .plan-ribbon-issue{background:transparent;box-shadow:none}}

.super-wordmark.super-wordmark-vivid{display:block;padding:0;line-height:0}.super-wordmark-vivid>img{display:block;width:310px;height:88px;object-fit:cover;object-position:center}.header .brand-wordmark:has(.super-wordmark-vivid){padding:0;min-width:0}.splash-wordmark .super-wordmark-vivid{width:100%}.splash-wordmark .super-wordmark-vivid>img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px #92243b15)}@media(min-width:801px) and (max-width:1050px){.header .super-wordmark-vivid>img{width:260px;height:80px}}

.super-wordmark.super-wordmark-vivid{display:block;padding:0;line-height:0}.super-wordmark-vivid>img{display:block;width:330px;height:94px;object-fit:contain;object-position:center}.header .brand-wordmark:has(.super-wordmark-vivid){padding:0;min-width:0}.splash-wordmark .super-wordmark-vivid{width:100%}.splash-wordmark .super-wordmark-vivid>img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px #92243b15)}@media(min-width:801px) and (max-width:1050px){.header .super-wordmark-vivid>img{width:260px;height:80px}}

/* Mobile: one complete plan card, with integrated update cue and clock progress. */
.mobile-plan-update{display:none}
@media(max-width:800px){
 #home-plan-live>.current-plan-ribbon{display:none!important}
 #home-plan-live>.home-active-plan{position:relative;overflow:hidden;margin-top:12px;padding-bottom:18px}
 .home-active-title{flex-wrap:wrap;gap:8px}
 .home-active-title .mobile-plan-update{display:inline-flex;align-items:center;font-size:10px;line-height:20px;padding:1px 6px;border-radius:5px;background:#f6e8ed;color:#ad2b48;white-space:nowrap}
 .home-active-title h3{flex:1;min-width:0}
 #home-plan-live>.home-active-plan::after{content:"";position:absolute;bottom:0;left:0;height:3px;width:var(--plan-progress,0%);background:linear-gradient(90deg,#da94aa,#bf193d);border-radius:0 3px 3px 0;transition:width 1s linear}
 #home-plan-live>.home-active-plan.is-new-plan{animation:mobile-plan-refresh 1.1s ease-out}
 .home-active-plan.is-new-plan .mobile-plan-update{background:#bf193d;color:white}
 @keyframes mobile-plan-refresh{0%{box-shadow:0 0 0 2px #bf193d55;background:#fff0f4}100%{box-shadow:0 0 0 0 #bf193d00}}
}
@media(prefers-reduced-motion:reduce){#home-plan-live>.home-active-plan.is-new-plan{animation:none}#home-plan-live>.home-active-plan::after{transition:none}}

/* Plan records begin directly beneath their heading. */
.home-record-panel .home-record-toolbar{display:none}
.home-record-panel .table-wrap[data-scrollable="true"]::before{display:none}

.mobile-record-tabs{display:none}
@media(max-width:800px){
 .home-record-grid .mobile-record-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;position:sticky;top:0;z-index:25;padding:5px;margin:0 0 10px;background:#f0edf1f5;border:1px solid #e6e1e7;border-radius:12px;backdrop-filter:blur(12px)}
 .mobile-record-tabs button{border:0;background:transparent;color:#77717e;border-radius:8px;min-height:42px;font-size:14px;font-weight:650;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
 .mobile-record-tabs button[aria-selected="true"]{background:#fff;color:#bf193d;box-shadow:0 2px 6px #39233512}
 .home-record-grid[data-record-view="plans"]>.home-history,.home-record-grid[data-record-view="draws"]>.home-record-panel{display:none}
 .home-record-grid>.panel{margin-top:0}
 #plan-records,#history-results{scroll-margin-top:64px}
}

/* Align desktop record table headings by keeping filters in the title row. */
@media(min-width:801px){
 .home-record-grid>.home-history{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-content:start;align-items:center;column-gap:10px;row-gap:16px}
 .home-history>.section-head{display:contents}
 .home-history>.section-head h2{grid-column:1;grid-row:1;margin:0;font-size:18px;white-space:nowrap}
 .home-history>.section-head>a{grid-column:3;grid-row:1;font-size:11px;white-space:nowrap}
 .home-history>.history-filter{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;gap:5px;margin:0;padding:0;min-width:0}
 .home-history>.history-filter label{font-size:0;gap:0;min-width:0;margin:0}
 .home-history>.history-filter input[type="date"]{width:115px;min-width:0;height:32px;font-size:11px;padding:4px 6px}
 .home-history>.history-filter select{width:63px;min-width:0;height:32px;font-size:11px;padding:4px 5px}
 .home-history>.history-filter .button{height:32px;min-height:32px;padding:4px 8px;font-size:11px;white-space:nowrap}
 .home-history>.history-filter>a{font-size:10px;white-space:nowrap}
 .home-history>.table-wrap,.home-history>.home-record-note,.home-history>.home-load-row{grid-column:1/-1;margin-top:0}
 .home-record-panel .section-head{min-height:32px;margin-bottom:16px}
 .home-history>.table-wrap{align-self:start}
}
@media(min-width:801px) and (max-width:1100px){.home-history>.section-head>a{display:none}.home-record-grid>.home-history{grid-template-columns:auto minmax(0,1fr)}.home-history>.section-head h2{font-size:16px}.home-history>.history-filter input[type="date"]{width:107px}.home-history>.history-filter{gap:4px}}

@media(min-width:801px){.home-history>.history-filter{height:32px;min-height:32px}.home-history>.history-filter input[type="date"],.home-history>.history-filter select{height:32px;min-height:32px;max-height:32px}.home-history>.history-filter label{height:32px;min-height:32px}}