/* The chapter tabs share the native app's quiet, persistent navigation. */
[hidden]{display:none!important}
.main-navigation{display:flex;border-bottom:1px solid var(--ms-cell-line);margin:20px 0 28px;position:sticky;top:0;background:var(--ms-bg);z-index:5}
.main-navigation .tab{flex:1;min-height:48px;padding:10px 4px;font:400 17px/1.3 var(--ms-font-display);letter-spacing:0;text-transform:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--ms-text-3)}
.main-navigation .tab.active{color:var(--ms-text-bright);border-bottom-color:var(--ms-text-bright)}
.main-navigation .tab:focus-visible{outline:2px solid var(--ms-text-bright);outline-offset:-4px}
.home-eyebrow{font:400 11px/1.5 var(--ms-font-ui);letter-spacing:2px;text-transform:uppercase;margin:0 0 12px;color:var(--ms-text-3)}
.home-headline{font:400 28px/1.3 var(--ms-font-display);margin:0 0 8px;color:var(--ms-text-bright)}
.home-instructions{font:400 14.5px/1.7 var(--ms-font-display);margin:24px 0;color:var(--ms-text-2)}
.home-meter{display:flex;justify-content:space-between;gap:4px;margin:24px 0 16px}
.home-meter .home-level{width:24px;height:24px;background:var(--ms-paper);border:0;position:relative}
.home-level.current{outline:1px solid var(--ms-text-3);outline-offset:2px}
.home-play{width:100%;min-height:48px;margin:8px 0 24px;font:500 13px/1.4 var(--ms-font-ui);letter-spacing:1.5px}
.home-week{margin-top:16px}.home-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:22px 0}
.home-day{appearance:none;background:none;border:0;padding:0;display:flex;align-items:center;flex-direction:column;gap:12px;color:var(--ms-text);font:400 12px var(--ms-font-display);min-height:80px;cursor:pointer}
.home-day:disabled{opacity:.4;cursor:default}.home-day-square{display:grid;place-items:center;width:24px;height:24px;background:var(--ms-paper);font-size:12px}
.home-day.today .home-day-square{outline:1px solid var(--ms-text-3);outline-offset:2px}
.home-note{font:400 14px/1.6 var(--ms-font-display);color:var(--ms-text-2);margin:12px 0 24px}
.home-learning-row{display:block;width:100%;min-height:52px;padding:14px 0;text-align:left;background:none;border:0;border-bottom:var(--ms-rule);font:400 16px var(--ms-font-display);color:var(--ms-text);cursor:pointer}
.home-learning-row:disabled{opacity:.4;cursor:default}
#customSize{display:block;width:100%;padding:14px;margin:12px 0 16px;background:var(--ms-paper);color:var(--ms-text-bright);border:var(--ms-rule);font:400 16px var(--ms-font-display)}
#gameBack{margin-bottom:16px;background:none;border:0;padding:10px 0;font:400 14px var(--ms-font-display);color:var(--ms-text);cursor:pointer}
#howToPlay{margin-bottom:28px}#howToPlay>summary{display:none}

/* The Milestones dialog (STANDINGS_WORK_ORDER §4.3): the four milestones from the visitor's own
   progress. Closes from the ×, Escape and the backdrop; the same shell the Settings panel uses. */
.home-milestones-dialog{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;padding:24px;background:var(--ms-bg);color:var(--ms-text);border:var(--ms-rule)}
.home-milestones-dialog::backdrop{background:rgba(11,11,11,.55)}
.home-milestones-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:-8px 0 8px}
.home-milestones-head .home-headline{margin:12px 0 0}
.home-milestones-close{appearance:none;border:0;background:transparent;color:var(--ms-text);font:400 24px/1 var(--ms-font-ui);cursor:pointer;min-width:46px;min-height:46px;margin-right:-12px}
.home-milestones-close:focus-visible{outline:2px solid var(--ms-text);outline-offset:-4px}
.home-milestones-summary{font:400 16px/1.65 var(--ms-font-display);margin:0 0 12px;padding-bottom:12px;border-bottom:var(--ms-rule);color:var(--ms-text)}
.home-milestone{margin:0;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--ms-text-faint)}
.home-milestone-mark{width:24px;height:24px;background:var(--ms-paper);position:relative;margin-top:2px;box-shadow:inset 0 0 0 1px var(--ms-cell-line)}
.home-milestone.earned .home-milestone-mark{box-shadow:none}
.home-milestone h3{text-transform:none;letter-spacing:0;border:0;padding:0;font:400 19px/1.25 var(--ms-font-display);color:var(--ms-text-2);margin:0 0 6px}
.home-milestone.earned h3{color:var(--ms-text-bright)}
.home-milestone .home-note{margin:0}
.home-milestone-status{margin:6px 0 0;font:400 11px/1.5 var(--ms-font-ui);letter-spacing:2px;text-transform:uppercase;color:var(--ms-text-3);white-space:nowrap}
.home-milestones-note{margin:20px 0 0}
@media(max-width:360px){.home-milestones-dialog{padding:20px}.home-milestone{gap:12px}}

/* Kasure's approved verdigris layout. The daily sheet is the single paper surface;
   navigation and the weekly calendar remain directly on the teal ground. */
[data-theme="kasure"] body::before{content:"";position:fixed;inset:0;pointer-events:none;background:url("/releases/96ea7d6a2eefc9b6e68166b2/assets/kasure-paper-grain.jpg") center/512px;opacity:.45;mix-blend-mode:multiply;z-index:0}
[data-theme="kasure"] .home-daily-card{position:relative;padding:28px 16px;margin:0 -16px;background:var(--ms-card)}
[data-theme="kasure"] .home-daily-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("/releases/96ea7d6a2eefc9b6e68166b2/assets/kasure-paper-grain.jpg") center/512px;opacity:.45;mix-blend-mode:multiply}
[data-theme="kasure"] .home-daily-card>.home-eyebrow:first-child{padding-bottom:12px;margin-bottom:24px}
[data-theme="kasure"] .home-daily-card>.home-eyebrow:first-child::after{content:"";display:block;width:36px;border-bottom:2px solid var(--ms-ornament-gold);padding-top:12px}
[data-theme="kasure"] .home-daily-card .home-play{margin-bottom:0}
[data-theme="kasure"] .home-week{margin-top:28px}
[data-theme="kasure"] #achievementsBtn{color:var(--ms-ornament-plum)}
[data-theme="kasure"] #customSize{background:var(--ms-card);color:var(--ms-text)}

[data-theme="kasure"] .wrap{position:relative}
[data-theme="kasure"] .home-level:not(.on){box-shadow:inset 0 0 0 1px var(--ms-cell-line)}
[data-theme="kasure"] .home-day-square{color:var(--ms-tile-3)}

[data-theme="kasure"] #achievementsBtn{filter:none;opacity:1}
[data-theme="kasure"] .status .where #whereMain,[data-theme="kasure"] .counter{font-weight:400;color:var(--ms-text-3)}

[data-theme="kasure"] .theme-option.is-selected{box-shadow:inset 2px 0 0 var(--ms-text)}

/* Keep the approved logo lockup clear of all three controls on narrow phones. */
@media(max-width:380px){
  .wrap{padding-inline:20px}
  header{gap:8px}
  .brand{gap:8px}
  .brand .mark{width:28px;height:28px}
  .wordmark{font-size:20px;letter-spacing:1.5px}
  .account-header-actions{gap:4px}
}

[data-theme="kasure"] .main-navigation{isolation:isolate}
[data-theme="kasure"] .main-navigation::before{content:"";position:absolute;inset:0;background:url("/releases/96ea7d6a2eefc9b6e68166b2/assets/kasure-paper-grain.jpg") center/512px;opacity:.45;mix-blend-mode:multiply;pointer-events:none;z-index:-1}