/* The new homepage is deliberately isolated from the original playing screens. */
body[data-home-panel=menu]{background:#102536;color:#f2ebdf}
body[data-home-panel=menu] main{width:100%;max-width:none;padding:0;margin:0}
body[data-home-panel=menu] #home-menu{height:auto;min-height:100svh;max-width:1280px;margin:auto;padding:0 64px;overflow:visible;background:#102536;border:0;border-radius:0;box-shadow:none}
body[data-home-panel=menu] #home-menu:after{display:none}
#home-menu .home-nav{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #ffffff20}
#home-menu a{color:inherit;text-decoration:none}
#home-menu .home-wordmark{font-family:var(--serif);font-size:27px;letter-spacing:.17em;display:flex;align-items:center;gap:20px;font-weight:700}
#home-menu .home-wordmark span{font-family:var(--sans);font-size:10px;letter-spacing:.1em;color:#9eadb7;font-weight:400}
#home-menu .home-nav>a:last-child{font-size:12px;color:#c2c9cb}
#home-menu .home-nav>a:last-child span{margin-left:18px}
#home-menu .home-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:535px;align-items:center;gap:36px;padding:32px 0 45px}
#home-menu .home-kicker{font-size:10px;letter-spacing:.18em;color:#d4b478;font-weight:600;margin:0 0 18px}
#home-menu .hero-copy{position:relative;z-index:1;padding:32px 0}
#home-menu #title-heading{font-family:var(--serif);font-size:clamp(58px,6.7vw,88px);font-weight:500;line-height:1.2;letter-spacing:.09em;color:#f8f1e4;margin:0 0 25px;text-shadow:none}
#home-menu .hero-description{font-size:14px;line-height:2.1;color:#c3ced4;letter-spacing:.07em;margin:0 0 28px}
#home-menu #title-start{position:static;inset:auto;display:flex;align-items:center;justify-content:space-between;width:240px;min-height:60px;padding:17px 22px;border:1px solid #e5c486;border-radius:3px;background:#e4c48e;color:#172d3c;font-size:17px;font-weight:700;letter-spacing:.08em;text-shadow:none;animation:none;box-shadow:none}
#home-menu #title-start:hover{background:#f3d9a9;transform:translateY(-2px)}
#home-menu #title-start:focus-visible,#home-menu button:focus-visible,#home-menu a:focus-visible{outline:3px solid #f0cf8e;outline-offset:5px}
#home-menu .hero-detail{font-size:10px;letter-spacing:.04em;color:#96a9b4;margin-top:14px}
#home-menu .hero-art{position:relative;height:430px;margin:0;overflow:hidden;border-radius:200px 200px 5px 5px;border:1px solid #d4b47850;background:#193247}
#home-menu .hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 54%}
#home-menu .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 68%,#102536bd)}
#home-menu .hero-art figcaption{position:absolute;bottom:22px;left:0;width:100%;text-align:center;z-index:1;font-family:var(--serif);font-size:15px;color:#f5e4c6;letter-spacing:.16em}
#home-menu .hero-index{position:absolute;bottom:17px;left:0;color:#718b9c;font-size:9px;letter-spacing:.17em}
#home-menu .home-daily{display:flex;align-items:center;gap:30px;padding:28px 30px;border-top:1px solid #dbc597;border-bottom:1px solid #dbc597;background:#ede5d5;color:#283b43}
#home-menu .daily-date{display:flex;flex-direction:column;text-align:center;min-width:88px;border-right:1px solid #9b927c70;padding-right:28px}
#home-menu .daily-date>span:first-child{font-size:9px;letter-spacing:.13em}
#home-menu .daily-date strong{font-family:var(--serif);font-size:49px;font-weight:500;line-height:1.2}
#home-menu .daily-date>span:last-child{font-size:10px;letter-spacing:.12em}
#home-menu .daily-copy{flex:1}
#home-menu .daily-copy .home-kicker{color:#866e3d;margin-bottom:8px}
#home-menu .daily-copy h2{font-family:var(--serif);font-size:24px;letter-spacing:.07em;font-weight:600;margin:0 0 9px}
#home-menu .daily-copy>p:last-child{font-size:12px;line-height:1.7;color:#646d69;margin:0}
#home-menu #daily-play{min-height:45px;border:1px solid #a99a7a;background:transparent;color:#283b43;border-radius:2px;font-size:12px;padding:11px 17px;white-space:nowrap}
#home-menu #daily-play span{margin-left:20px}
#home-menu .home-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;padding:43px 0 38px}
#home-menu .home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}
#home-menu .home-section-heading h2,#home-menu .home-return h2{font-family:var(--serif);font-size:21px;letter-spacing:.06em;font-weight:500;margin:0}
#home-menu #weekly-summary{font-size:10px;color:#9cacb4}
#home-menu .daily-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
#home-menu .day-mark{text-align:center}
#home-menu .day-mark>span{display:block;font-size:10px;color:#99acb7;margin-bottom:9px}
#home-menu .day-mark strong{display:flex;align-items:center;justify-content:center;height:51px;border:1px solid #476071;border-radius:3px;color:#a1b0b9;font-size:15px;font-family:var(--serif);font-weight:500;background:#1a3141}
#home-menu .day-mark.today strong{border-color:#d4b478;color:#e9d2a7}
#home-menu .day-mark.played strong{background:#dcc08c;color:#233a48;border-color:#dcc08c;font-size:21px}
#home-menu #daily-progress-note{font-size:10px;line-height:1.8;color:#8fa4b2;margin:15px 0 0}
#home-menu .home-return{border-left:1px solid #ffffff20;padding-left:36px}
#home-menu .home-return .home-kicker{margin-bottom:10px}
#home-menu .home-return>p:not(.home-kicker){font-size:12px;line-height:1.9;color:#9fb0bb;margin:12px 0 16px}
#home-menu .home-return>div{display:flex;gap:22px;flex-wrap:wrap}
#home-menu .home-return button{border:0;border-bottom:1px solid #d4b47870;background:transparent;color:#e7d4af;font-size:12px;border-radius:0;padding:0 0 8px;min-height:30px}
#home-menu .home-return button span{margin-left:20px}
#home-menu .home-footer{display:flex;justify-content:space-between;gap:15px;padding:20px 0 26px;border-top:1px solid #ffffff20;color:#758f9f;font-size:9px;line-height:1.8;letter-spacing:.1em}
@media(min-width:1400px){body[data-home-panel=menu] #home-menu{padding:0 90px}}
@media(max-width:760px){body[data-home-panel=menu] #home-menu{padding:0 25px}#home-menu .home-nav{padding:22px 0}#home-menu .home-wordmark{font-size:24px;gap:13px}#home-menu .home-hero{min-height:450px;gap:5px;padding:17px 0 40px;grid-template-columns:1.1fr .9fr}#home-menu #title-heading{font-size:58px}#home-menu .hero-art{height:330px;position:relative;margin-left:-30px;opacity:.78}#home-menu .hero-copy{padding:22px 0}#home-menu .hero-description{font-size:12px}#home-menu #title-start{width:204px;font-size:15px;min-height:54px}#home-menu .hero-detail{font-size:9px;max-width:200px}#home-menu .home-kicker{font-size:8px}#home-menu .home-daily{padding:22px 19px;gap:19px;flex-wrap:wrap}#home-menu .daily-date{min-width:69px;padding-right:17px}#home-menu .daily-copy h2{font-size:20px}#home-menu .daily-copy>p:last-child{font-size:11px}#home-menu #daily-play{margin-left:88px;min-height:38px}#home-menu .home-bottom{grid-template-columns:1fr;gap:29px;padding:30px 0}#home-menu .home-return{border-left:0;border-top:1px solid #ffffff20;padding:25px 0 0}#home-menu .home-footer{flex-direction:column;gap:5px}#home-menu .daily-week{gap:7px}}
@media(max-width:400px){body[data-home-panel=menu] #home-menu{padding:0 18px}#home-menu .home-wordmark{font-size:21px;gap:8px}#home-menu .home-wordmark span{font-size:8px}#home-menu .home-nav>a:last-child{font-size:10px}#home-menu .home-nav>a:last-child span{margin-left:8px}#home-menu .home-hero{grid-template-columns:1fr;min-height:450px}#home-menu .hero-art{position:absolute;right:-18px;top:32px;width:52%;height:330px;opacity:.45;z-index:0}#home-menu .hero-art figcaption{display:none}#home-menu .hero-description{color:#d5dce0}#home-menu .daily-copy h2{font-size:18px}#home-menu .home-section-heading h2{font-size:18px}#home-menu #weekly-summary{font-size:9px}#home-menu .daily-week{gap:5px}#home-menu .day-mark strong{height:43px}}
@media(prefers-reduced-motion:no-preference){#home-menu .hero-copy{animation:home-enter .5s ease-out both}@keyframes home-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}#home-menu #title-start{transition:background .2s,transform .2s}}