/* Shared blue presentation. Only explicitly enrolled public pages opt in. */
@import url('./dekimore-design-tokens.css?v=20260911-site-1');
body[data-dm-site-theme]{--dm-common-header-bg:#fff;--dm-common-header-ink:var(--dm-ink);--dm-common-header-line:#d9e8f6;--dm-common-header-accent:#0079ed;--dm-common-header-focus:#a25b00;--dm-action-fill:linear-gradient(175deg,#009fff,#0082f6 45%,#0069df);--dm-action-shadow:inset 0 2px 2px #7be0ff,inset 0 -3px 2px #005ed866}
body[data-dm-site-theme] .dm-common-header{background:#fff;color:var(--dm-ink);box-shadow:0 2px 10px #164c7806}
body[data-dm-site-theme] .dm-common-header__brand{background:transparent;color:#0083ef;gap:0}
body[data-dm-site-theme] .dm-common-header__brand-mark{display:none}
/* Keep neighbouring links still while the small logo font finishes loading. */
body[data-dm-site-theme] .dm-common-header__brand-name{display:inline-block;flex:0 0 auto;width:3.8em;font-family:"Dekimore Rounded Logo",var(--dm-font);font-weight:900;font-synthesis:none;font-size:30px;letter-spacing:-.075em;line-height:1.25;transform:rotate(-3deg);text-shadow:0 .025em .015em #006bc7,0 .055em .035em #0455a855}
body[data-dm-site-theme] .dm-common-header__catalog-link{border-color:#c2dcf4;background:#f4fbff;color:var(--dm-ink)}
body[data-dm-site-theme] .dm-common-header__my-page{background:var(--dm-action-fill);color:#fff;border-color:transparent;box-shadow:var(--dm-action-shadow)}
body[data-dm-site-theme] .dm-common-header__action{border-color:#b4d5ed;color:var(--dm-ink);background:white}
body[data-dm-site-theme] .dm-common-header__my-page:hover{color:#fff;background:#0065d5}
/* Reading and account pages share the full light presentation. */
body:is([data-dm-site-theme="catalog"],[data-dm-site-theme="account"],[data-dm-site-theme="mypage"],[data-dm-site-theme="credits"]){margin:0;background:radial-gradient(ellipse at 10% 0,#eaf7ff,transparent 36rem),radial-gradient(ellipse at 95% 30%,#edfaf4,transparent 28rem),var(--dm-paper);color:var(--dm-ink)}
body[data-dm-site-theme] :is(.dm-mypage,.dm-account-main,.dm-catalog){--ink:var(--dm-ink);--muted:#53677f;--line:#d5e3ef;--paper:#fff;--primary:var(--dm-blue);--accent:#0071dc;color:var(--dm-ink);font-family:var(--dm-font)}
body[data-dm-site-theme="account"]{--dm-account-paper:var(--dm-paper);--dm-account-ink:var(--dm-ink);--dm-account-line:#d5e3ef;--dm-account-primary:var(--dm-blue);--dm-account-accent:#006acb}
body[data-dm-site-theme] :is(.dm-mypage-panel,.dm-account-card,.dm-account-current,.dm-game-card){background:var(--dm-surface);border:1px solid #dfebf3;border-radius:var(--dm-radius-card);box-shadow:var(--dm-shadow-card)}
body[data-dm-site-theme] :is(.dm-mypage-welcome,.dm-account-intro,.dm-catalog-hero){padding:24px 28px;border-radius:var(--dm-radius-card);background:linear-gradient(115deg,#e1f3ff,#f5fbff 65%,#e8f9ef);margin-bottom:24px}
body[data-dm-site-theme] :is(.dm-mypage-eyebrow,.dm-account-eyebrow,.dm-kicker){color:#006acb;font-weight:800}
body[data-dm-site-theme] :is(.dm-mypage-panel h2,.dm-account-card h2){color:var(--dm-ink)}
body[data-dm-site-theme] :is(.dm-mypage-button,.dm-account-button,.dm-filter-reset,.dm-grade-row select){border-color:#a9cce8;border-radius:var(--dm-radius-button)}
body[data-dm-site-theme] :is(.dm-mypage-button.primary,.dm-account-button--primary,.dm-account-button--accent,.dm-play-link){background:var(--dm-action-fill);color:white;border-color:transparent;box-shadow:var(--dm-action-shadow);border-radius:var(--dm-radius-button)}
body[data-dm-site-theme] :is(.dm-mypage-button.primary,.dm-account-button--primary,.dm-account-button--accent,.dm-play-link):hover:not(:disabled){background:#0069d9;color:white}
body[data-dm-site-theme] .dm-mypage-panel[aria-labelledby="recent-title"]{padding:18px}
body[data-dm-site-theme] #recent-title{margin-bottom:6px}
body[data-dm-site-theme] #recent-title+.dm-mypage-note{margin:0 0 12px}
body[data-dm-site-theme] .dm-mypage-recent{gap:10px}
body[data-dm-site-theme] .dm-mypage-recent-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;border:1px solid #cbe4f5;border-radius:16px;background:#f5fbff;padding:12px}
body[data-dm-site-theme] .dm-mypage-recent-card h3{grid-column:1/-1;margin:0;overflow-wrap:anywhere}
body[data-dm-site-theme] .dm-mypage-recent-card p{margin:0;font-size:.85rem}
body[data-dm-site-theme] .dm-mypage-recent-card .dm-mypage-button{width:auto;min-height:44px;padding:8px 12px;font-size:.9rem;white-space:nowrap}
@media(min-width:601px) and (max-width:1000px){
 body[data-dm-site-theme] .dm-mypage-recent-card p,body[data-dm-site-theme] .dm-mypage-recent-card .dm-mypage-button{grid-column:1/-1}
}
@media(max-width:600px){
 body[data-dm-site-theme] .dm-mypage-recent{grid-template-columns:1fr}
 body[data-dm-site-theme] .dm-mypage-recent-card{gap:2px 10px}
 body[data-dm-site-theme] .dm-mypage-recent-card h3{grid-column:1;grid-row:1}
 body[data-dm-site-theme] .dm-mypage-recent-card p{grid-column:1;grid-row:2}
 body[data-dm-site-theme] .dm-mypage-recent-card .dm-mypage-button{grid-column:2;grid-row:1/3}
}
body[data-dm-site-theme] .dm-mypage-summary{gap:14px}
body[data-dm-site-theme] .dm-mypage-summary div{border:0;border-radius:18px;background:#e5f4ff;padding:20px 8px}
body[data-dm-site-theme] .dm-mypage-summary div:nth-child(2){background:#fff3cf}
body[data-dm-site-theme] .dm-mypage-summary div:nth-child(3){background:#e0f7ed}
body[data-dm-site-theme] .dm-mypage-summary dd{color:#005fae;font-size:2rem}
body[data-dm-site-theme] .dm-mypage-chart-track{background:#edf3fa;border-radius:99px}
body[data-dm-site-theme] :is(.dm-mypage-chart-fill,.dm-mypage-daily-fill){background:linear-gradient(180deg,#00a1ff,#0876df)}
body[data-dm-site-theme] .dm-mypage-daily-bar[aria-pressed="true"] .dm-mypage-daily-fill{background:#075aa9}
body[data-dm-site-theme] .dm-mypage-filters fieldset label{background:white;border-color:#b9d7ec;border-radius:99px}
body[data-dm-site-theme] .dm-mypage-filters fieldset label:has(input:checked){background:#e5f4ff;border-color:#0082e6;box-shadow:inset 0 0 0 1px #0082e6}
body[data-dm-site-theme] .dm-account-field input:focus{border-color:#0079ed;outline-color:#91d4ff}
body[data-dm-site-theme] .dm-filters{background:#fff;border-color:#d4e6f3;border-radius:22px;box-shadow:var(--dm-shadow-card)}
body[data-dm-site-theme] .dm-filter-chips button{border-radius:99px;min-height:48px}
body[data-dm-site-theme] .dm-filter-chips button[aria-pressed="true"]{background:var(--dm-action-fill);color:#fff;border-color:#0079ed}
body[data-dm-site-theme] .dm-filter-chips button[aria-pressed="true"] span{color:inherit}
body[data-dm-site-theme] .dm-game-image-link{background:#f4f9fb}
body[data-dm-site-theme] .dm-game-card:hover{box-shadow:0 6px 22px #164c781a}
/* Game scenes retain their own colors, diagrams and correctness states. */
body[data-dm-site-theme="game"] :is(.primary,.mb-primary,.kt-button--primary,.mr-button-primary,.tt-button-primary,.pcq-primary-button,.pcq-next-button,.wfg-button--primary,.start-game-button,.quick-start-button){background:var(--dm-action-fill);border-color:#0079ed;color:white;box-shadow:var(--dm-action-shadow);border-radius:var(--dm-radius-button)}
body[data-dm-site-theme="game"] :is(.primary,.mb-primary,.kt-button--primary,.mr-button-primary,.tt-button-primary,.pcq-primary-button,.pcq-next-button,.wfg-button--primary,.start-game-button,.quick-start-button):hover:not(:disabled){background:#0069d9;color:white}
body[data-dm-site-theme="game"] :is(.button,.mb-button,.kt-button,.mr-button,.tt-button,.wfg-button,.pcq-secondary-button,.review-start-button){border-radius:var(--dm-radius-button)}
body[data-dm-site-theme="game"] :is(.mode-card,.mode-cards>article,.mode-cards>.challenge-card,.start-grid>article,.island){border-radius:var(--dm-radius-card);box-shadow:var(--dm-shadow-card)}
body[data-dm-site-theme="game"] :is(.mode-card.accent,.start-grid .featured){background:#e5f4ff;border-color:#b4daf4}
body[data-dm-site-theme="game"] :is(.mode-card.completion-card,.mode-cards>.challenge-card){background:#fff4d8}
body[data-dm-site-theme="game"] :is(.pcq-mode-button--ten){background:var(--dm-action-fill);border-radius:22px;box-shadow:var(--dm-action-shadow)}
body[data-dm-site-theme="game"] :is(.pcq-mode-button--all){background:#d9f4e9;color:#07584a;border-radius:22px;box-shadow:inset 0 -3px 0 #7ed3b6}
/**** Source/credits text is retained verbatim; only its frame changes. ****/
body[data-dm-site-theme="credits"]{max-width:none;padding:0;min-height:100vh;overflow:auto}
body[data-dm-site-theme="credits"] main{display:block;width:min(900px,calc(100% - 32px));max-width:900px;min-height:0;margin:28px auto;padding:clamp(20px,4vw,40px);border:1px solid #d5e3ef;border-radius:22px;background:white;box-shadow:var(--dm-shadow-card);line-height:1.85;overflow-wrap:anywhere}
body[data-dm-site-theme="credits"] h1{font-size:clamp(26px,5vw,36px);line-height:1.45;color:var(--dm-ink)}
body[data-dm-site-theme="credits"] h2{font-size:22px;color:var(--dm-ink)}
body[data-dm-site-theme="credits"] main a{color:#0068bd;text-underline-offset:3px}
body[data-dm-site-theme] :is(a,button,input,select,summary):focus-visible{outline:3px solid #a25b00;outline-offset:3px}
/* Keep screen-change focus for assistive technology; show its ring for keyboard navigation. */
:where(body[data-dm-site-theme] [tabindex="-1"]):focus-visible{outline:3px solid #a25b00;outline-offset:3px}
body[data-dm-site-theme] [tabindex="-1"]:focus:not(:focus-visible){outline:none}
html[data-dm-focus-input="pointer"] body[data-dm-site-theme] [tabindex="-1"]:not(input,textarea,select,[contenteditable]):focus{outline:none}
@media(max-width:680px){body[data-dm-site-theme] .dm-common-header__brand-name{font-size:25px}body[data-dm-site-theme] :is(.dm-mypage-welcome,.dm-account-intro,.dm-catalog-hero){padding:20px;margin-bottom:20px}body[data-dm-site-theme] .dm-mypage-panel{padding:20px}body[data-dm-site-theme] .dm-mypage-summary{gap:8px}body[data-dm-site-theme] .dm-mypage-summary dd{font-size:1.7rem}}
@media(max-width:390px){body[data-dm-site-theme] .dm-common-header__brand-name{font-size:22px}body[data-dm-site-theme] .dm-common-header__left{gap:7px}body[data-dm-site-theme] .dm-mypage-summary div{padding:14px 6px}}
@media(prefers-reduced-motion:reduce){body[data-dm-site-theme] :is(.dm-game-card,.dm-subject){transition:none;transform:none}}
body[data-dm-site-theme="credits"] main{box-sizing:border-box}
