/* Shared PlayInterlude launch pages, navigation and server identity. */
body[data-realm=playinterlude] .header{height:100px;padding-inline:4%;gap:30px}
body[data-realm=playinterlude] .header .brand{flex-shrink:0;width:145px;justify-content:center}
.pi-header-logo{display:block;width:140px;height:91px;object-fit:contain}
body[data-realm=playinterlude] .main-nav{font-size:12px;gap:clamp(20px,2vw,36px);letter-spacing:.2px;margin-inline:auto}
body[data-realm=playinterlude] .header-actions{gap:16px;flex-shrink:0}
body[data-realm=playinterlude] .account-link{font-size:12px;padding:11px 14px}
body[data-realm=playinterlude] .discord-button{font-size:12px}
body[data-realm=playinterlude] .pi-realm-identity{padding-left:5px;gap:0}
body[data-realm=playinterlude] .pi-realm-title{gap:16px;align-items:baseline}
body[data-realm=playinterlude] .pi-realm-title strong{font-size:43px;letter-spacing:2px;font-weight:400}
body[data-realm=playinterlude] .pi-realm-rate{font:17px var(--serif);border:0;background:transparent;padding:0;color:#e9cda0}
body[data-realm=playinterlude] .pi-realm-edition{font-size:12px;text-transform:uppercase;letter-spacing:3px;margin-top:7px;color:#cfdbdf}
body[data-realm=playinterlude] .pi-realm-overline{font-size:10px;letter-spacing:2px}
body[data-realm=playinterlude] .pi-realm-bar{border-inline:0;box-shadow:none;padding-block:27px;background:linear-gradient(90deg,#0814215c,transparent)}
.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}
.pi-launch-section{padding-top:65px}
.pi-launch-section .pi-section-heading{margin-bottom:24px}
.pi-launch-section h2{font-size:38px}
.pi-countdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.pi-countdown-card{position:relative;text-align:left;border:1px solid #d6c69c42;padding:28px 34px;background:linear-gradient(135deg,#102239a6,#08162666);box-shadow:inset 0 1px #e8d3a026}
.pi-countdown-card:before,.pi-countdown-card:after{content:'';position:absolute;width:15px;height:15px;border-color:#ddc18b;border-style:solid;pointer-events:none;opacity:.7}
.pi-countdown-card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.pi-countdown-card:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.pi-countdown-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.pi-countdown-heading .pi-label{text-transform:uppercase;color:#ebd4a6}
.pi-countdown-star{color:#e4c797;font-size:24px}
.pi-countdown-digits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center;font-variant-numeric:tabular-nums}
.pi-countdown-digits>div{border-right:1px solid #c4d6e127}.pi-countdown-digits>div:last-child{border:0}
.pi-countdown-digits strong{font:400 clamp(32px,3.2vw,48px)/1.2 var(--serif);display:block;color:#f0e3c9;min-height:58px}
.pi-countdown-digits span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:#adbecf;margin-top:6px}
.pi-countdown-card .pi-countdown-date{margin:25px 0 0;font-size:13px;line-height:1.6;color:#f0d7aa}
.pi-countdown-card .pi-countdown-description{margin:6px 0 18px;font-size:13px;line-height:1.6;color:#bdcbd6}
.pi-countdown-card .pi-link{font-size:12px}
.pi-countdown-heading>div{display:flex;align-items:center;gap:13px}
.pi-phase-index{display:grid;place-items:center;width:31px;height:31px;border:1px solid #c5ad7b66;color:#e3c995;font:13px var(--serif);transform:rotate(-4deg)}
.pi-countdown-badge{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#b9c7d1;white-space:nowrap}
.pi-countdown-card .pi-date-placeholder{font:24px/1.4 var(--serif);color:#f1e3c8;margin:18px 0 22px}
.pi-date-placeholder span{display:block;font:12px/1.6 var(--sans);color:#aebfcd;margin-top:8px}
.pi-festive-invite{display:flex;gap:28px;align-items:center;padding:33px 0;border-bottom:1px solid #e1d4b333;margin-top:45px}
.pi-festive-invite>div{flex:1}.pi-festive-invite h2{font-size:28px;margin:8px 0}.pi-festive-invite p{font-size:13px;margin:0;color:#c6d3dd}
.pi-festive-star{font:62px var(--serif);color:#e9ca8d}
.pi-season-heading{max-width:850px;margin:14px 0 58px;padding-right:60px}
body[data-realm=playinterlude] .pi-season-heading h1{font:400 clamp(38px,4vw,59px)/1.19 var(--serif);text-transform:none;margin:22px 0;color:#f5f0e7;letter-spacing:-1px}
.pi-season-heading h1 em,.pi-season-page h2 em{font-style:normal;color:#e9cea0}
.pi-season-heading p{font-size:17px;max-width:620px;line-height:1.8;color:#d4e0e8}
.pi-season-section{padding-top:66px;scroll-margin-top:35px}
.pi-season-section h2{font:400 34px/1.35 var(--serif);margin:17px 0 23px;color:#eee5d4}
.pi-season-section p{line-height:1.85;color:#c9d6df;font-size:15px}
.pi-phase-note{display:inline-block;font-size:11px;color:#d6c398;line-height:1.6;letter-spacing:.3px}
.pi-season-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.pi-season-cards article{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #d5c08e73;padding:26px 8px 10px;background:linear-gradient(#09182e33,transparent)}
.pi-season-number{display:block;font:32px var(--serif);color:#d6bc83;margin-bottom:22px}
.pi-season-cards h3{font:24px/1.35 var(--serif);margin-bottom:14px;color:#f0e7d7}
.pi-season-cards p{margin-bottom:23px}.pi-season-cards .pi-link,.pi-season-cards .pi-phase-note{margin-top:auto}
.pi-beta-focus{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}
.pi-beta-focus ul{list-style:none;padding:0;margin:0}.pi-beta-focus li{padding:22px 0;border-bottom:1px solid #c6d3df33;color:#e0e9ef;font-size:15px;display:flex;gap:25px}
.pi-beta-focus li span{color:#d3b887;font:17px var(--serif)}
.pi-report{display:grid;grid-template-columns:1fr 1fr;gap:70px}.pi-report .button{margin-top:23px}
.pi-report-template{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/2.4 ui-monospace,monospace;padding:30px;color:#e5d8bb;background:#09182bb3;border:1px solid #bdd0df33;align-self:start}
.pi-copy-status{font-size:12px!important;min-height:24px;margin-top:10px}
.pi-season-faq{border-top:1px solid #c6d3df44}.pi-season-faq details{border-bottom:1px solid #c6d3df33;padding:22px 0}.pi-season-faq summary{cursor:pointer;font-size:16px;color:#eee2cd;line-height:1.7}.pi-season-faq p{padding:15px 28px 0 0;max-width:800px}
.pi-event-dossier{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-block:1px solid #d6c28b55;padding:30px 0;gap:25px}
.pi-event-dossier strong{font:22px var(--serif);display:block;margin-top:13px;color:#f0e2c6}
.pi-event-dossier>div+div{border-left:1px solid #c6d3df33;padding-left:28px}
.pi-event-story{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px}.pi-event-story img{width:100%;height:auto}.pi-event-story p+p{margin-top:16px}
body[data-realm=playinterlude] #main{position:relative}
.pi-festive-trim{position:absolute;inset:64px 0 auto;height:280px;pointer-events:none;z-index:2;overflow:hidden}
.pi-festive-trim img{position:absolute;top:0;width:clamp(110px,14vw,240px);height:auto;opacity:.87;filter:drop-shadow(0 8px 10px #0005)}
.pi-trim-left{left:0}.pi-trim-right{right:0;transform:scaleX(-1)}
body[data-realm=playinterlude][data-season=christmas] .pi-winter-ribbon{z-index:4;width:76%;min-height:63px;max-width:1180px}
body[data-realm=playinterlude][data-season=christmas] .pi-hero-logo{width:400px;margin-top:0;margin-bottom:13px}
body[data-realm=playinterlude] .pi-season-page{position:relative;z-index:3}
@media(min-width:1700px){body[data-realm=playinterlude] .header{padding-inline:max(5%,calc((100% - 1580px)/2))}body[data-realm=playinterlude] .main-nav{gap:38px;font-size:13px}}
@media(max-width:1250px){body[data-realm=playinterlude] .header{padding-inline:3%;gap:20px}body[data-realm=playinterlude] .main-nav{gap:20px;font-size:12px}body[data-realm=playinterlude] .header .brand{width:118px}.pi-header-logo{width:118px}.pi-countdown-card{padding:24px}.pi-season-heading{padding-right:0}}
@media(max-width:1100px){body[data-realm=playinterlude] .menu-toggle{display:block}body[data-realm=playinterlude] .header{height:90px;justify-content:space-between}body[data-realm=playinterlude] .header-actions{margin-left:auto}body[data-realm=playinterlude] .main-nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;margin:0;padding:24px 5%;gap:14px 30px;flex-wrap:wrap;background:#0a1627f5;border-bottom:1px solid #d7c09255}body[data-realm=playinterlude] .main-nav.open{display:flex}body[data-realm=playinterlude] .main-nav a{height:auto;padding:12px 3px;font-size:14px}body[data-realm=playinterlude] .main-nav a[aria-current=page]:after{bottom:1px}.pi-season-cards{gap:20px}.pi-report,.pi-beta-focus{gap:35px}}
@media(max-width:700px){body[data-realm=playinterlude] .header{height:84px;padding-inline:5%}.pi-header-logo{width:112px;height:76px}body[data-realm=playinterlude] .header .brand{width:112px}body[data-realm=playinterlude] .header-actions{gap:10px}body[data-realm=playinterlude] .account-link{font-size:11px;padding:10px}body[data-realm=playinterlude] .discord-button span{display:none}.pi-countdown-grid{grid-template-columns:1fr;gap:22px}.pi-countdown-digits strong{font-size:39px;min-height:47px}.pi-launch-section{padding-top:45px}.pi-launch-section .pi-section-heading{align-items:start}.pi-launch-section h2{font-size:29px}.pi-launch-section .pi-section-heading>.pi-link{font-size:11px}.pi-countdown-card{padding:23px}.pi-festive-invite{flex-wrap:wrap;gap:15px}.pi-festive-star{font-size:42px}.pi-festive-invite>div{flex-basis:75%}.pi-festive-invite>.button{margin-left:57px}.pi-festive-invite h2{font-size:23px}.pi-season-heading{margin-top:20px;margin-bottom:36px}.pi-season-heading p{font-size:15px}.pi-season-cards,.pi-beta-focus,.pi-report,.pi-event-story{grid-template-columns:1fr}.pi-season-section{padding-top:43px}.pi-season-section h2{font-size:29px}.pi-season-cards{gap:25px}.pi-season-cards article{padding-top:22px}.pi-season-section .pi-section-heading{flex-direction:column;align-items:start;gap:8px}.pi-event-dossier{grid-template-columns:1fr;padding-block:23px;gap:24px}.pi-event-dossier>div+div{border:0;padding:0}.pi-event-story{gap:22px}.pi-event-story img{width:80%;max-width:300px;margin:auto}.pi-report-template{padding:23px;font-size:12px}.pi-festive-trim{height:145px}.pi-festive-trim img{width:120px;opacity:.65}body[data-realm=playinterlude][data-season=christmas] .pi-winter-ribbon{width:80%;font-size:10px;min-height:66px;gap:8px}body[data-realm=playinterlude][data-season=christmas] .pi-hero-logo{width:300px;max-width:90%}.pi-winter-ribbon>span{font-size:9px;letter-spacing:1px}.pi-winter-ribbon .pi-snow-toggle{font-size:10px}}
/* Compact realm and launch dashboard; the world remains visible around it. */
body[data-realm=playinterlude] .pi-realm-bar{grid-template-columns:1fr 1.55fr 200px;gap:32px;padding:27px 32px;border:1px solid #b8c9d33d;border-top-color:#d6bc8273;background:linear-gradient(115deg,#081524df,#102238b3);box-shadow:0 14px 45px #02081124}
body[data-realm=playinterlude] .pi-realm-bar:before,body[data-realm=playinterlude] .pi-realm-bar:after{display:none}
body[data-realm=playinterlude] .pi-realm-title strong{font-size:35px;letter-spacing:1px}
body[data-realm=playinterlude] .pi-realm-rate{background:none;font-size:17px;color:#eacb96;box-shadow:none}
body[data-realm=playinterlude] .pi-realm-identity{border:0;padding:0}
body[data-realm=playinterlude] .pi-realm-services{border-left:1px solid #b4c9da2e;padding-left:32px;gap:25px}
body[data-realm=playinterlude] .pi-realm-pill{padding:7px 0 0;border:0;background:none;box-shadow:none;font-size:13px}
body[data-realm=playinterlude] .pi-realm-edition{font-size:9px;letter-spacing:2.7px}
body[data-realm=playinterlude] .pi-realm-download{min-height:45px;font-size:12px;padding:11px 14px;gap:10px}
body[data-realm=playinterlude] .pi-realm-details{font-size:11px;margin-top:10px}
.pi-launch-section{padding-top:38px}
.pi-launch-section .pi-section-heading{margin-bottom:19px}
.pi-launch-section h2{font-size:30px;margin-top:10px}
.pi-countdown-grid{gap:0;background:linear-gradient(110deg,#091828e0,#142a42b8);border:1px solid #bbc9d133;border-top-color:#d4bf8b5e}
.pi-countdown-card{border:0;background:none;box-shadow:none;padding:26px 30px}
.pi-countdown-card+ .pi-countdown-card{border-left:1px solid #beccd22e}
.pi-countdown-card:before,.pi-countdown-card:after{display:none}
.pi-countdown-heading{margin-bottom:17px}
.pi-countdown-heading .pi-label{font-size:11px;letter-spacing:1.8px}
.pi-countdown-card .pi-countdown-description{font-size:12px;margin-bottom:15px;color:#b9c8d3}
.pi-countdown-card .pi-link{border:0;padding:0;font-size:12px;color:#e5c999}
.pi-countdown-digits{max-width:370px;gap:10px;padding-block:4px}
.pi-countdown-digits strong{font-size:35px;min-height:43px}
.pi-countdown-digits span{font-size:8px;letter-spacing:1.5px}
.pi-countdown-card .pi-countdown-date{font-size:12px;margin-top:17px}
@media(max-width:1000px){body[data-realm=playinterlude] .pi-realm-bar{grid-template-columns:1fr 1.5fr;padding:24px;gap:24px}body[data-realm=playinterlude] .pi-realm-actions{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-top:1px solid #b4c9da2e;padding-top:19px}body[data-realm=playinterlude] .pi-realm-download{width:200px}body[data-realm=playinterlude] .pi-realm-details{margin:0}.pi-countdown-badge{font-size:8px;letter-spacing:.5px}.pi-countdown-card{padding:24px}.pi-countdown-card .pi-date-placeholder{font-size:21px}}
@media(max-width:700px){body[data-realm=playinterlude] .pi-realm-bar{grid-template-columns:1fr;padding:23px;gap:22px}body[data-realm=playinterlude] .pi-realm-services{border-left:0;border-top:1px solid #b4c9da2e;padding:20px 0 0;gap:22px}body[data-realm=playinterlude] .pi-realm-title strong{font-size:35px}body[data-realm=playinterlude] .pi-realm-actions{flex-wrap:wrap;gap:15px}body[data-realm=playinterlude] .pi-realm-download{width:100%}.pi-countdown-grid{gap:0}.pi-countdown-card+.pi-countdown-card{border-left:0;border-top:1px solid #beccd22e}.pi-countdown-heading .pi-label{font-size:10px;letter-spacing:1.2px}.pi-countdown-heading>div{gap:10px}.pi-countdown-card{padding:23px}.pi-countdown-badge{font-size:8px}.pi-countdown-card .pi-date-placeholder{font-size:22px}.pi-launch-section h2{font-size:27px}}
/* Opening announcement and opt-in winter soundtrack. */
.pi-countdown-card [hidden],.pi-music-player[hidden]{display:none!important}
body[data-realm=playinterlude][data-season=christmas] .pi-winter-ribbon{width:90%;max-width:1380px;min-height:86px;gap:22px}
.pi-winter-ribbon .pi-season-mark{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;flex-shrink:0}
.pi-season-mark small{display:block;margin-top:5px;font-size:9px;letter-spacing:1.5px;color:#b7c6d4}
.pi-opening-announcement{text-align:center;display:flex;align-items:center;gap:17px;color:#efdbad;padding:12px 23px;border-inline:1px solid #bacad125;line-height:1.6}
.pi-opening-announcement>span{font-size:9px;letter-spacing:1.9px;text-transform:uppercase;color:#d5bf91}
.pi-opening-announcement time{font:20px var(--serif);white-space:nowrap}.pi-opening-announcement time b{padding:0 9px;font-weight:400;color:#8f9caa}.pi-opening-announcement time small{font:10px var(--sans);letter-spacing:1px}
.pi-opening-announcement:hover time{color:#fff1ce}
.pi-season-controls{display:flex;align-items:center;gap:16px}
.pi-season-controls .pi-snow-toggle,.pi-music-toggle{font:11px var(--sans);color:#c0d0db;min-height:44px;white-space:nowrap;padding:7px 0}
.pi-music-player{display:flex;align-items:center;gap:9px}.pi-music-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer}.pi-music-toggle:hover{color:#f3deaf}
.pi-music-bars{display:flex;align-items:center;gap:2px;height:16px;width:13px}.pi-music-bars i{width:2px;height:5px;background:currentColor}.pi-music-bars i:nth-child(2){height:13px}.pi-music-bars i:nth-child(3){height:9px}
.pi-music-toggle[aria-pressed=true]{color:#f1d294}.pi-music-toggle[aria-pressed=true] i{animation:pi-music-pulse 1.2s ease-in-out infinite alternate}.pi-music-toggle[aria-pressed=true] i:nth-child(2){animation-delay:-.4s}.pi-music-toggle[aria-pressed=true] i:nth-child(3){animation-delay:-.8s}
.pi-volume-control{display:flex;align-items:center}.pi-volume-control input{accent-color:#d5b778;width:48px;height:24px;cursor:pointer;padding:0;background:transparent;border:0}
.pi-music-toggle:focus-visible,.pi-opening-announcement:focus-visible{outline:2px solid #e0c58e;outline-offset:4px}
.pi-festive-trim{top:87px}
@keyframes pi-music-pulse{to{transform:scaleY(.4)}}
@media(max-width:1200px){.pi-opening-announcement{gap:8px;padding-inline:17px;flex-direction:column}.pi-opening-announcement time{font-size:18px}.pi-season-controls{gap:12px}.pi-volume-control input{width:37px}}
@media(max-width:850px){body[data-realm=playinterlude][data-season=christmas] .pi-winter-ribbon{flex-wrap:wrap;gap:0 16px;padding-block:11px}.pi-opening-announcement{order:-1;flex:1 0 100%;flex-direction:row;justify-content:center;border:0;border-bottom:1px solid #bacad122;padding:4px 0 13px;margin-bottom:8px;gap:16px}.pi-season-controls{margin-left:auto}.pi-festive-trim{top:125px}.pi-volume-control input{width:44px}}
@media(max-width:440px){.pi-season-mark small{font-size:8px}.pi-winter-ribbon .pi-season-mark{font-size:8px;letter-spacing:1.1px}.pi-season-mark>svg{width:18px!important}.pi-opening-announcement time{font-size:17px}.pi-opening-announcement>span{font-size:8px;letter-spacing:1px}.pi-season-controls{gap:12px}.pi-season-controls .pi-snow-toggle,.pi-music-toggle{font-size:10px}.pi-volume-control{display:none}.pi-music-player:focus-within .pi-volume-control{display:flex}.pi-music-player:focus-within{position:relative}.pi-music-player:focus-within .pi-volume-control{position:absolute;top:35px;right:0;padding:8px;background:#0b1c2e;border:1px solid #c6ac7144}.pi-countdown-heading{gap:10px}.pi-countdown-heading .pi-label{font-size:9px}.pi-countdown-digits{gap:6px}.pi-countdown-digits strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){.pi-music-bars i{animation:none!important}}
/* A quiet, typographic opening line; atmosphere controls stay out of the hero. */
body[data-realm=playinterlude][data-season=christmas] .pi-winter-ribbon{justify-content:center;min-height:82px;border:0;width:90%;padding:0;gap:0}
.pi-opening-announcement{border:0;padding:20px 0;flex-direction:row;justify-content:center;gap:25px;position:relative;margin:0;flex:none}
.pi-opening-announcement:before,.pi-opening-announcement:after{content:'';width:65px;height:1px;background:linear-gradient(90deg,transparent,#d8bd7880)}
.pi-opening-announcement:after{transform:rotate(180deg)}
.pi-opening-announcement>span{font:10px var(--sans);letter-spacing:2.5px;color:#d9bc86;text-transform:uppercase}
.pi-opening-announcement time{font:18px var(--serif);letter-spacing:.5px;color:#f2e5c9}
.pi-opening-announcement time b{padding:0 9px;color:#bca471}.pi-opening-announcement time small{font:10px var(--sans);letter-spacing:1px;color:#c8b58d}
.pi-atmosphere{position:fixed;right:23px;bottom:21px;z-index:20;padding:0 15px;border:1px solid #c9bd9c33;background:#071322e8;box-shadow:0 4px 24px #0003;border-radius:3px}
.pi-atmosphere .pi-season-controls{gap:17px;min-height:44px}.pi-atmosphere .pi-volume-control{display:none;position:absolute;right:0;bottom:100%;top:auto;padding:12px 14px;background:#0b1b2d;border:1px solid #c9bd9c33}
.pi-atmosphere .pi-music-player:focus-within .pi-volume-control,.pi-atmosphere .pi-music-player:hover .pi-volume-control{display:flex}.pi-atmosphere .pi-volume-control input{width:82px;height:20px}
.pi-atmosphere .pi-music-player:focus-within{position:static}.pi-atmosphere .pi-snow-toggle,.pi-atmosphere .pi-music-toggle{font-size:10px}
.pi-festive-trim{top:83px}
@media(max-width:850px){.pi-opening-announcement{gap:18px;flex:none;padding-block:20px;margin:0}.pi-opening-announcement:before,.pi-opening-announcement:after{width:25px}.pi-festive-trim{top:83px}}
@media(max-width:600px){body[data-realm=playinterlude][data-season=christmas] .pi-winter-ribbon{min-height:90px}.pi-opening-announcement{flex-direction:column;gap:10px;padding:18px 0}.pi-opening-announcement:before,.pi-opening-announcement:after{display:none}.pi-opening-announcement>span{font-size:9px;letter-spacing:3px}.pi-opening-announcement time{font-size:16px}.pi-festive-trim{top:91px}.pi-atmosphere{bottom:12px;right:12px;padding-inline:12px}.pi-atmosphere .pi-season-controls{gap:13px;min-height:42px}}
.pi-atmosphere .pi-music-toggle{min-width:38px;min-height:44px;justify-content:center;padding:0;color:#b1bfce;border-left:1px solid #bac8d233;padding-left:13px}
.pi-music-icon{width:20px;height:20px;display:block}.pi-music-toggle[aria-pressed=true] .pi-music-slash{display:none}.pi-atmosphere .pi-music-toggle[aria-pressed=true]{color:#f0d39a;filter:drop-shadow(0 0 4px #eac98a44)}
/* One centered composition, with the countdown immediately below the date. */
body[data-realm=playinterlude][data-season=christmas] .pi-hero-heading{margin-inline:auto;max-width:850px;text-align:center}
body[data-realm=playinterlude][data-season=christmas] .pi-hero{padding-top:18px;min-height:720px}
.pi-opening-block{width:100%;text-align:center;scroll-margin-top:20px;padding-bottom:5px}
.pi-opening-announcement{width:max-content;max-width:100%;margin-inline:auto;padding-bottom:14px}
.pi-top-countdown{margin:0 auto;max-width:354px}.pi-top-countdown .pi-countdown-digits{margin:auto;padding:0;gap:16px}
.pi-top-countdown .pi-countdown-digits strong{font:28px/1.15 var(--serif);min-height:33px;letter-spacing:1px;color:#e9d6af}
.pi-top-countdown .pi-countdown-digits span{font:8px var(--sans);letter-spacing:1.6px;margin-top:5px;color:#a8bbc9}
.pi-top-countdown .pi-countdown-digits>div{border-color:#c1ac7836}.pi-top-countdown [hidden]{display:none!important}
.pi-beta-soon{display:inline-flex;align-items:center;gap:8px;font:9px var(--sans);letter-spacing:1.1px;text-transform:uppercase;color:#ddc99c;margin-top:17px;padding-bottom:5px}.pi-beta-soon span{color:#a9bac7}.pi-beta-soon b{font-size:12px;font-weight:400}
body[data-realm=playinterlude][data-season=christmas][data-route=home] .pi-festive-trim{top:172px}
@media(max-width:700px){.pi-top-countdown{max-width:290px}.pi-top-countdown .pi-countdown-digits strong{font-size:25px}.pi-top-countdown .pi-countdown-digits{gap:10px}body[data-realm=playinterlude][data-season=christmas] .pi-hero{padding-top:27px;min-height:680px}body[data-realm=playinterlude][data-season=christmas] .pi-hero-heading{max-width:100%}body[data-realm=playinterlude][data-season=christmas][data-route=home] .pi-festive-trim{top:192px}}
/* Selected by the owner: Cinzel for the top navigation. */
body[data-realm=playinterlude] .main-nav{font-family:'Cinzel',Georgia,serif;font-size:13px;font-weight:500;letter-spacing:.25px;gap:clamp(18px,1.8vw,32px)}
@media(min-width:1700px){body[data-realm=playinterlude] .main-nav{font-size:14px;gap:35px}}
@media(max-width:1250px){body[data-realm=playinterlude] .main-nav{font-size:12px;gap:18px}}
@media(max-width:1100px){body[data-realm=playinterlude] .main-nav a{font-size:14px}}
.pi-dragon-flight{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.pi-dragon-flight img{position:absolute;height:auto}
/* Christmas greenery starts at the real page corners. */
body[data-realm=playinterlude][data-season=christmas] .pi-festive-trim{top:0;left:0;right:0;height:190px;z-index:21}
body[data-realm=playinterlude][data-season=christmas] .pi-festive-trim img{width:clamp(90px,8vw,145px);top:-5px;opacity:.88}
body[data-realm=playinterlude][data-season=christmas] .pi-trim-left{left:-5px}
body[data-realm=playinterlude][data-season=christmas] .pi-trim-right{right:-5px}
@media(max-width:700px){body[data-realm=playinterlude][data-season=christmas] .pi-festive-trim{height:100px}body[data-realm=playinterlude][data-season=christmas] .pi-festive-trim img{width:76px;opacity:.75}}
/* Final art direction: a still, distant silhouette in the sky. */
.pi-dragon-flight img{animation:none;will-change:auto;top:13vh;left:8vw;width:clamp(130px,15vw,245px);filter:brightness(0);opacity:.25;transform:rotate(-5deg)}
body[data-realm=playinterlude][data-season=christmas][data-route] .pi-festive-trim{top:0}
@media(max-width:700px){.pi-dragon-flight img{top:22vh;left:0;width:140px;opacity:.19}}
/* Keep the silhouette beside the moon in the background artwork. */
.pi-dragon-flight{--pi-art-width:max(100vw,177.68vh)}
.pi-dragon-flight img{left:calc(50vw + var(--pi-art-width)*.065);top:calc(var(--pi-art-width)*.080);width:calc(var(--pi-art-width)*.105);opacity:.40;transform:rotate(-7deg);filter:brightness(0) blur(.2px)}
@media(max-width:700px){.pi-dragon-flight img{left:53vw;top:12vh;width:105px;opacity:.21}}