.christmas-countdown{position:relative;isolation:isolate;overflow:hidden;container-type:inline-size;margin:20px 0 28px;border:1px solid #e5bf6575;border-radius:22px;background:#0a222b;box-shadow:0 12px 35px #0004,inset 0 0 30px #edc36515;color:#ffe3a0;text-align:center;min-width:0}.cd-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.christmas-countdown::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 15%,#04151878 30%,#04151878 70%,transparent 85%)}.cd-content{position:relative;max-width:780px;width:62%;margin:0 auto;padding:48px 8px 35px}.cd-content h2{margin:0 0 8px!important;font:700 clamp(14px,1.75vw,24px)/1.3 'Segoe UI',Arial,sans-serif!important;color:#ffe1a0!important;letter-spacing:.06em;text-shadow:0 0 15px #fbc65e50}.cd-subtitle{margin:0 0 26px!important;font-size:clamp(13px,1.5vw,21px)!important;line-height:1.4!important;color:#e4f4ec!important}.cd-boards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cd-board{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:26px 4px 17px;border:1px solid #efcf8190;border-radius:17px;background:linear-gradient(145deg,#122d24ee,#041416f2);box-shadow:inset 0 0 18px #f6cb6820,0 0 16px #efcb5c20}.cd-board:nth-child(2){background:linear-gradient(145deg,#41301aee,#141510f2)}.cd-board:nth-child(3){background:linear-gradient(145deg,#442222ee,#1a1117f2)}.cd-board::before{content:'';position:absolute;top:-3px;left:8px;right:8px;height:7px;border-radius:70% 70% 35% 35%;background:#e7f6ee;box-shadow:0 2px 5px #c3e6e770}.cd-ornament{position:absolute;top:-18px;font-size:25px;line-height:1;color:#f5cc69;filter:drop-shadow(0 2px 5px #ffd66a55)}.cd-number{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(30px,5vw,68px);line-height:1;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#ffdb82;text-shadow:0 2px 0 #794a27,0 0 17px #ffc25755}.cd-label{font-size:clamp(9px,1vw,13px);font-weight:700;letter-spacing:.045em;color:#fff0c4}.cd-message{display:inline-block;margin:21px 0 0!important;padding:10px 18px;border:1px solid #ddbf6a75;border-radius:30px;background:#071b19cc;color:#e0f4e9!important;font-size:clamp(11px,1vw,14px)!important;line-height:1.5!important}.cd-bulb{filter:drop-shadow(0 0 5px var(--bulb));animation:cdGlow 2.5s ease-in-out infinite alternate}.cd-star{animation:cdTwinkle 4s ease-in-out infinite alternate}.cd-snow{animation:cdFall 12s linear infinite;pointer-events:none}@keyframes cdGlow{from{opacity:.55}to{opacity:1}}@keyframes cdTwinkle{from{opacity:.35}to{opacity:1}}@keyframes cdFall{from{transform:translateY(-45px)}to{transform:translate(15px,50px)}}@container(max-width:750px){.cd-content{width:76%;padding:42px 6px 23px}.cd-content h2{font-size:17px!important}.cd-subtitle{font-size:14px!important}.cd-boards{gap:9px}.cd-number{font-size:clamp(29px,7cqw,48px)}.cd-label{font-size:10px}.cd-message{padding:8px 12px;font-size:11px!important}.cd-santa,.cd-deer{opacity:.8}.cd-scene{opacity:.8}.cd-board{padding:23px 3px 14px}}@container(max-width:440px){.cd-content{width:100%;padding:38px 12px 23px;box-sizing:border-box}.cd-content h2{font-size:15px!important;letter-spacing:.025em}.cd-subtitle{font-size:13px!important;margin-bottom:24px!important}.cd-boards{gap:7px}.cd-number{font-size:clamp(27px,9cqw,38px)}.cd-label{font-size:8px;letter-spacing:0}.cd-board{border-radius:11px;padding:24px 2px 14px}.cd-ornament{font-size:21px}.cd-message{padding:9px 12px;font-size:11px!important;margin-top:15px!important}.cd-scene{opacity:.65}.cd-santa,.cd-deer{display:none}.christmas-countdown::after{background:#04151845}}@media(prefers-reduced-motion:reduce){.cd-bulb,.cd-star,.cd-snow{animation:none!important}}@media print{.christmas-countdown{display:none!important}}

.cd-content{z-index:1}.cd-character{position:absolute;z-index:0;bottom:8px;pointer-events:none;height:auto;max-width:295px;width:24%}.cd-character-left{left:0;aspect-ratio:310/255}.cd-character-right{right:0;aspect-ratio:240/305;width:20%;max-width:220px}@container(max-width:750px){.cd-character-left{width:20%}.cd-character-right{width:16%}}@container(max-width:440px){.cd-character{display:none}}

/* Full-width scene directly under the single existing RGB light cord. */
body>.christmas-countdown{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;width:100%}.cd-scene{mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}.cd-content{padding-top:30px;padding-bottom:22px}.cd-number{font-size:clamp(30px,4.7vw,62px)}.cd-character{bottom:14px;max-width:265px}.cd-character-left{left:max(8px,calc((100% - 1400px)/2))}.cd-character-right{right:max(8px,calc((100% - 1400px)/2));max-width:198px}
@container(max-width:750px){.cd-content{padding-top:24px;padding-bottom:20px}.cd-number{font-size:clamp(29px,7cqw,48px)}}
@container(max-width:440px){.cd-content{padding:20px 12px 74px}.cd-content h2{font-size:15px!important}.cd-subtitle{margin-bottom:22px!important}.cd-number{font-size:clamp(27px,9cqw,38px)}.cd-message{max-width:calc(100% - 142px);box-sizing:border-box;padding:7px 8px;margin-top:12px!important}.cd-character{display:block;bottom:8px}.cd-character-left{width:94px;left:4px}.cd-character-right{width:64px;right:10px}.cd-santa,.cd-deer{display:initial;opacity:1}.cd-scene{opacity:.75}}

/* Dashboard header and Christmas scenery share a single masthead. */
.dashboard-masthead{position:relative;isolation:isolate;width:100%;min-width:0}
.dashboard-masthead>.topbar{position:absolute;z-index:3;top:14px;left:24px;right:24px;padding:0;border:0;border-radius:0;background:transparent!important;box-shadow:none;backdrop-filter:none;gap:20px}
.dashboard-masthead .topbar>.brand,.dashboard-masthead .topbar>.account{background:transparent;padding:10px 12px;border-radius:0;max-width:100%;box-sizing:border-box}
.dashboard-masthead .christmas-countdown{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;width:100%}
.dashboard-masthead .cd-content{padding-top:94px;padding-bottom:22px;width:62%;max-width:780px}
.dashboard-masthead+.page{padding-top:0!important}
.dashboard-masthead+.page>.hero{padding-top:30px;padding-bottom:28px}
@media(min-width:1600px){.dashboard-masthead .cd-content{padding-top:28px}.dashboard-masthead>.topbar{left:20px;right:20px}.dashboard-masthead .topbar>.account{max-width:570px}.dashboard-masthead .cd-character-left{left:calc((100% - 1350px)/2 - 170px)}.dashboard-masthead .cd-character-right{right:calc((100% - 1350px)/2 - 115px)}}
@media(max-width:1000px){.dashboard-masthead>.topbar{position:relative;top:auto;left:auto;right:auto;padding:12px 16px;flex-direction:row;align-items:center;flex-wrap:wrap;background:transparent!important}.dashboard-masthead .topbar>.brand{flex:1 1 230px}.dashboard-masthead .topbar>.account{flex:1 1 360px;justify-content:flex-end}.dashboard-masthead .cd-content{padding-top:26px;width:76%}}
@media(max-width:600px){.dashboard-masthead>.topbar{gap:8px;padding:10px 12px}.dashboard-masthead .topbar>.brand{padding:6px 8px}.dashboard-masthead .topbar>.account{justify-content:flex-start;flex-direction:row;align-items:center;gap:8px;padding:8px}.dashboard-masthead .user-info{flex:1 1 100%;text-align:left}.dashboard-masthead .small-button{min-height:36px;padding:0 10px;font-size:12px}.dashboard-masthead .cd-content{width:100%;padding:22px 12px 74px}.dashboard-masthead+.page>.hero{padding-top:22px}.dashboard-masthead .brand span{font-size:11px}}

/* Readable account controls over the scenery, without a header background. */
.dashboard-masthead .topbar>.account{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px 10px;max-width:480px;padding:6px 0}
.dashboard-masthead .account>.user-info{flex:0 0 100%;margin:0 0 2px;text-align:right;line-height:1.45;text-shadow:0 2px 5px #000,0 0 8px #000}
.dashboard-masthead .user-info strong{color:#fff8e8;font-size:14px;overflow-wrap:anywhere}
.dashboard-masthead .credits{color:#72f5bf}
.dashboard-masthead .brand{color:#fff8e8;text-shadow:0 2px 5px #000}
.dashboard-masthead .brand span{color:#e0efec}
.dashboard-masthead .small-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;flex:0 0 auto;white-space:nowrap;background:#102b32f2;border:1px solid #729a9e;color:#fff8e8;font-weight:600;box-shadow:0 2px 8px #0005}
.dashboard-masthead .small-button.buy{background:#0c4034f5;border-color:#42d8a3;color:#a0ffdb}
.dashboard-masthead .small-button:hover{background:#24505a;border-color:#b1dbdd}
.dashboard-masthead .small-button.buy:hover{background:#155944;border-color:#95ffcf}
.dashboard-masthead .small-button:focus-visible{outline:2px solid #ffdb82;outline-offset:3px}
@media(min-width:1001px) and (max-width:1599px){.dashboard-masthead .cd-content{padding-top:118px}}
@media(max-width:1000px){.dashboard-masthead .topbar>.account{max-width:none}.dashboard-masthead .account>.user-info{text-align:right}}
@media(max-width:600px){.dashboard-masthead .topbar>.account{justify-content:flex-start;padding:4px 8px;gap:8px}.dashboard-masthead .account>.user-info{text-align:left}.dashboard-masthead .small-button{min-height:40px;padding:0 12px}}