.mode-choice,.kids-ending{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;box-sizing:border-box;background:rgba(22,18,14,.74);font-family:var(--ui),system-ui,sans-serif;color:var(--ink)}
.mode-choice section,.kids-ending section{width:min(100%,440px);max-height:90dvh;overflow:auto;box-sizing:border-box;padding:24px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:0 8px 0 var(--ink)}
.mode-choice small,.kids-ending small,.kids-title header small{font-weight:900;letter-spacing:.16em;color:var(--uniform-blue)}
.mode-choice h1,.kids-ending h2,.kids-title h1,.kids-title h2{font-family:var(--display),var(--ui),sans-serif;margin:6px 0 10px}
.mode-choice p,.kids-ending p,.kids-title p{line-height:1.4}
.mode-options{display:grid;gap:12px;margin:18px 0}
.mode-options button,.kids-title button,.kids-actions button{min-height:48px;border:2px solid var(--ink);border-radius:12px;background:#fffdf6;color:var(--ink);font:800 16px var(--ui),sans-serif;cursor:pointer}
.mode-options button{text-align:left;padding:12px}
.mode-options b,.mode-options span{display:block}.mode-options span{font-size:13px;font-weight:600;margin-top:4px}
.mode-signup{min-height:120px;display:grid;place-items:center;margin:12px 0}
.mode-auth-status{font-size:13px;font-weight:700;color:var(--uniform-blue)}
.mode-entry-actions{display:grid;gap:10px;margin-top:16px}
.mode-entry-actions button{min-height:48px;border:2px solid var(--ink);border-radius:12px;background:var(--uniform-blue);color:#fff;font:800 16px var(--ui),sans-serif;cursor:pointer}
.mode-entry-actions button[data-back]{background:transparent;color:var(--ink);font-size:14px}
.mode-choice label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700}.mode-choice input[type="checkbox"]{width:22px;height:22px;accent-color:var(--uniform-blue)}
.kids-title{position:fixed;inset:0;z-index:8;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:20px;overflow:auto;padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 20px);font-family:var(--ui),sans-serif;color:var(--ink);background:linear-gradient(160deg,#bce9d3ee,#fff0bbee)}
.kids-title header{width:min(100%,480px);display:flex;justify-content:space-between;align-items:start}.kids-title h1{font-size:clamp(44px,10vw,72px);line-height:.9}
.kids-title header button{padding:4px 10px;font-size:13px;background:var(--paper)}
.kids-panel{width:min(100%,480px);box-sizing:border-box;padding:18px 18px 20px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink)}
.kids-panel h2{font-size:clamp(23px,6vw,32px)}.kids-panel>p{margin:8px 0 14px;font-size:14px}
.kids-panel fieldset{border:0;padding:0;margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kids-panel legend{grid-column:1/-1;padding:0 0 7px;font-weight:900}.kids-panel fieldset button[aria-pressed="true"]{background:#ffe28d;box-shadow:inset 0 0 0 2px var(--uniform-blue)}
.kids-panel .kids-play{width:100%;background:#fbd966;font-size:20px;min-height:58px}.kids-panel .kids-play:disabled{opacity:.55}.kids-panel .kids-sound{width:100%;margin-top:10px}
.kids-panel .kids-note{min-height:20px;color:#8c382a;font-weight:800}.kids-panel .kids-parent{font-size:12px;color:#4c4c42}
.kids-panel .kids-legal{display:flex;justify-content:center;gap:16px;margin-top:12px;font-size:12px;font-weight:800}.kids-panel .kids-legal a{color:#4c4c42;text-underline-offset:2px}
.kids-ending{z-index:35}.kids-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kids-actions button:first-child{background:#fbd966}.kids-actions button:last-child{grid-column:1/-1}
body.is-kids .hud-ruler,body.is-kids .hud-clock,body.is-kids .hud-slip,body.is-kids .hud-combo{display:none!important}
body.is-kids .hud-question .slate{border-color:#277958}
body.is-kids .hud-stamp.kids-miss{top:48%;left:50%;translate:-50% -50%;width:96px;height:96px;color:#a3282d;background:#fff0e9;border-width:6px;box-shadow:0 6px 0 rgba(22,18,14,.55);z-index:18}
body.is-kids .hud-stamp.kids-miss svg{width:58px;height:58px}
body.is-kids .hud-stamp.kids-miss::after{content:attr(data-message);position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;white-space:nowrap;padding:5px 12px;border:3px solid #a3282d;border-radius:8px;background:#fff0e9;color:#842126;font:900 17px var(--ui),sans-serif}
body.is-kids .hud-answers li.is-wrong{background:#ffe3d9}body.is-kids .hud-answers li.is-wrong span{text-decoration:none}
body.is-kids .hud-top{z-index:12}
body.is-kids .kids-read{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:4px 0 7px;padding:4px 10px;border:2px solid #277958;border-radius:10px;background:#f3fff6;color:#123b2b;font:800 14px var(--ui),sans-serif}
body.is-kids .kids-read[hidden]{display:none}
button:focus-visible,.mode-choice input:focus-visible{outline:3px solid #174d8b;outline-offset:3px}
@media(max-height:650px){.kids-title{gap:6px}.kids-panel{padding:12px}.kids-panel>p{margin:4px 0}.kids-panel fieldset{margin:7px 0}}