:root{
  --cd-ink:#17372e;
  --cd-muted:#557168;
  --cd-panel:#f9fff8;
  --cd-green:#1f6b50;
  --cd-green-dark:#154a39;
  --cd-amber:#eba72a;
  --cd-line:#c6ddd3;
  --cd-collision:#ef4444;
  --cd-click:#2563eb;
  --cd-sprite:#f59e0b;
  --cd-approach:#a855f7;
}

*{box-sizing:border-box}
[hidden]{display:none!important}

.child-detective-page{margin:0;color:var(--cd-ink);font-family:Inter,Arial,sans-serif}
.child-detective-page button,.child-detective-page select{font:inherit}
.child-detective-page .site-game-frame__fullscreen{min-width:44px;min-height:44px}
.cd-shell{display:grid;gap:14px;max-width:1280px;margin:0 auto}
.cd-kicker{color:#843d75;font-size:12px;font-weight:950;letter-spacing:.085em;text-transform:uppercase}

.cd-adventure-hud{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(320px,1.8fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #d7e8df;border-radius:20px;background:#fff;box-shadow:0 13px 30px rgba(22,63,48,.08)}
.cd-case-chip,.cd-objective-chip{display:grid;gap:3px;min-width:0}
.cd-case-chip strong{font-size:18px}
.cd-objective-chip{padding:9px 12px;border-radius:14px;background:#eff8f3}
.cd-objective-chip span{color:#618078;font-size:11px;font-weight:900;text-transform:uppercase}
.cd-objective-chip strong{font-size:14px;line-height:1.35}
.cd-hud-actions{display:flex;gap:8px;align-items:center}
.cd-hud-button,.cd-debug-toggle{min-height:48px;border:1px solid #a9cdbd;border-radius:13px;background:#f5fcf8;color:var(--cd-green-dark);font-weight:900;cursor:pointer}
.cd-hud-button{position:relative;display:flex;align-items:center;gap:6px;padding:0 12px}
.cd-hud-button b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--cd-green);color:#fff;font-size:11px}
.cd-debug-toggle{padding:0 15px;white-space:nowrap}

.cd-workspace{display:grid;grid-template-columns:minmax(0,960px);justify-content:center;gap:16px;align-items:start}
.child-detective-page[data-debug="true"] .cd-workspace{grid-template-columns:minmax(0,960px) 285px}
.cd-map-frame{position:relative;overflow:hidden;width:100%;border:3px solid #fff;border-radius:22px;background:#77a83b;box-shadow:0 18px 42px rgba(24,60,48,.18)}
#mapCanvas{display:block;width:100%;height:auto;aspect-ratio:3/2;touch-action:none;outline:none}
#mapCanvas:focus-visible{box-shadow:inset 0 0 0 5px rgba(30,115,83,.68)}
.cd-map-status{position:absolute;left:14px;bottom:14px;z-index:4;max-width:min(545px,62%);padding:10px 14px;border:1px solid rgba(255,255,255,.7);border-radius:13px;background:rgba(13,52,40,.9);color:#fff;font-size:13px;font-weight:850;line-height:1.35;backdrop-filter:blur(8px)}

.cd-joystick{position:absolute;left:18px;bottom:72px;z-index:5;display:none;width:112px;height:112px;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:rgba(13,52,40,.73);box-shadow:0 8px 24px rgba(10,40,30,.25);touch-action:none;user-select:none;backdrop-filter:blur(5px)}
.cd-joystick-arrows{position:absolute;inset:10px;color:rgba(255,255,255,.78);font-size:20px;font-weight:950;line-height:25px;text-align:center;pointer-events:none}
.cd-joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border:2px solid rgba(255,255,255,.98);border-radius:50%;background:#f5c857;box-shadow:0 5px 13px rgba(0,0,0,.27);transform:translate(-50%,-50%);pointer-events:none}
.cd-interact-button{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;min-width:155px;min-height:58px;padding:10px 15px;border:3px solid rgba(255,255,255,.94);border-radius:18px;background:var(--cd-green);color:#fff;box-shadow:0 8px 25px rgba(11,51,39,.35);cursor:pointer}
.cd-interact-button span{font-size:23px}.cd-interact-button small{max-width:155px;font-size:12px;font-weight:900;line-height:1.2}
.cd-interact-button:disabled{opacity:.68;cursor:not-allowed;background:#526d65}

.cd-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:auto;padding:24px;background:rgba(13,38,31,.66);backdrop-filter:blur(4px)}
.cd-card{width:min(700px,100%);max-height:calc(100% - 4px);overflow:auto;padding:24px;border:2px solid rgba(255,255,255,.86);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(5,30,22,.35)}
.cd-card h1,.cd-card h2{margin:5px 0 10px;line-height:1.08}
.cd-card h1{font-size:clamp(28px,5vw,46px)}.cd-card h2{font-size:clamp(23px,4vw,34px)}
.cd-card p{color:#4c6860;line-height:1.55}
.cd-start-card{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.cd-chapter-overlay{background:linear-gradient(145deg,rgba(13,38,31,.82),rgba(24,72,56,.76))}
.cd-chapter-card{width:min(940px,100%);padding:clamp(18px,3vw,30px);background:linear-gradient(150deg,#fffdf7,#f5fff9)}
.cd-chapter-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.cd-chapter-heading h1{margin:4px 0 6px}.cd-chapter-heading p{margin:0}
.cd-chapter-book{display:grid;place-items:center;flex:0 0 72px;width:72px;height:72px;border-radius:20px;background:#e3f4ea;font-size:38px;box-shadow:inset 0 0 0 2px #b9dccb}
.cd-login-gate{max-width:630px;margin:auto;text-align:center}.cd-login-gate[hidden],.cd-chapter-card>[hidden]{display:none}
.cd-login-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 12px;border-radius:24px;background:#fff0c5;font-size:40px}
.cd-primary-link{display:inline-grid;place-items:center;min-height:50px;margin-top:10px;padding:0 20px;border:1px solid #15543e;border-radius:14px;background:var(--cd-green);color:#fff;font-weight:900;text-decoration:none}
.cd-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:17px}
.cd-chapter-tile{display:flex;flex-direction:column;min-width:0;padding:17px;border:2px solid #cfe1d8;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(22,70,54,.08)}
.cd-chapter-tile.is-unlocked{border-color:#9fcdb9}.cd-chapter-tile.is-complete{border-color:#63a886;background:linear-gradient(145deg,#fff,#edfbf3)}
.cd-chapter-tile.is-locked{background:#f1f4f2;color:#65766f;filter:saturate(.55)}
.cd-chapter-tile-top{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px}
.cd-chapter-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff1c8;font-size:25px}
.cd-chapter-number{font-size:13px;font-weight:950;color:#346252;text-transform:uppercase;letter-spacing:.04em}
.cd-chapter-status{justify-self:end;padding:6px 9px;border-radius:999px;background:#e6f4ec;color:#235c48;font-size:11px}
.cd-chapter-tile.is-locked .cd-chapter-status{background:#e1e6e3;color:#63716c}
.cd-chapter-tile h2{margin:14px 0 7px;font-size:clamp(22px,3vw,29px)}
.cd-chapter-tile p{flex:1;margin:0 0 12px;font-size:14px}
.cd-chapter-difficulty{margin:0 0 13px;color:#9c650c;font-size:13px;font-weight:900}
.cd-chapter-open{width:100%;min-height:48px}.cd-chapter-open:disabled{cursor:not-allowed;opacity:.78}
.cd-card-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:22px;background:#fdf0c3;font-size:42px;box-shadow:inset 0 0 0 2px #f3d471}
.cd-language-chooser{display:grid;gap:9px;margin:0 0 18px;padding:13px;border:1px solid #c6ddd3;border-radius:16px;background:linear-gradient(135deg,#f2fbf6,#fffaf0)}
.cd-language-chooser>strong{font-size:14px;color:#284c40}
.cd-language-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cd-language-button{min-height:48px;padding:8px 14px;border:2px solid #b9d4c8;border-radius:13px;background:#fff;color:#244d40;font-weight:900;cursor:pointer}
.cd-language-button span{display:inline-grid;place-items:center;min-width:31px;min-height:27px;margin-right:7px;border-radius:8px;background:#e4f1eb;color:#285b49;font-size:12px}
.cd-language-button.is-selected{border-color:#1f7659;background:#e8f7ef;box-shadow:0 0 0 3px rgba(31,118,89,.12)}
.cd-language-button.is-selected span{background:#1f7659;color:#fff}
.cd-control-help{padding:11px 13px;border-radius:13px;background:#eff8f3;font-size:13px}
.cd-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px}
.cd-primary-button,.cd-secondary-button,.cd-close-button,.cd-answer-button{min-height:46px;border-radius:13px;font-weight:900;cursor:pointer}
.cd-primary-button{padding:0 19px;border:1px solid #15543e;background:var(--cd-green);color:#fff}
.cd-primary-button:disabled{opacity:.58;cursor:not-allowed}
.cd-secondary-button{padding:0 17px;border:1px solid #a5c9b8;background:#fff;color:var(--cd-green-dark)}

.cd-dialogue-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;width:min(680px,100%)}
.cd-dialogue-overlay[data-has-visual="true"] .cd-dialogue-card{width:min(880px,100%)}
.cd-dialogue-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e7f5ed;font-size:32px}
.cd-dialogue-card strong{font-size:20px}.cd-dialogue-card p{min-height:76px;margin:8px 0 13px;font-size:17px;color:#284c40}
.cd-dialogue-visual{position:relative;overflow:hidden;width:min(100%,500px);margin:12px auto 10px;border:2px solid #d4e3dc;border-radius:16px;background:#30271d;box-shadow:0 9px 22px rgba(27,57,46,.16)}
.cd-dialogue-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cd-dialogue-visual-label{position:absolute;left:67%;top:55%;display:grid;place-items:center;max-width:27%;min-height:30px;padding:4px 10px;color:#4d2d12;font-family:Georgia,serif;font-size:clamp(10px,1.7vw,18px);font-weight:900;line-height:1.05;text-align:center;transform:translate(-50%,-50%) rotate(5deg);text-shadow:0 1px rgba(255,242,196,.65)}
.cd-dialogue-visual figcaption{position:absolute;left:10px;right:10px;bottom:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.72);border-radius:10px;background:rgba(15,50,39,.91);color:#fff;font-size:12px;font-weight:850;line-height:1.35;backdrop-filter:blur(5px)}
.cd-dialogue-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.cd-learning-help-button{min-height:46px;padding:0 16px;border:2px solid #b25d08;border-radius:13px;background:#fff5dd;color:#7b3d05;font-weight:900;cursor:pointer}

.cd-learning-overlay{z-index:36;background:rgba(8,30,24,.82);backdrop-filter:blur(7px)}
.cd-learning-card{width:min(760px,100%);border-color:#ffe29a;background:#fffdf8}
.cd-learning-source{margin:8px 0 14px;padding:13px 15px;border-left:5px solid #2a7b5e;border-radius:10px;background:#edf8f2;color:#1d493b!important;font-size:16px;font-weight:750}
.cd-learning-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.cd-learning-mode-button{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;gap:2px 12px;min-height:112px;padding:15px;border:2px solid #b7d5c8;border-radius:16px;background:#fff;color:#183f33;text-align:left;cursor:pointer}
.cd-learning-mode-button>span{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#dff3e8;color:#1c684e;font-size:20px;font-weight:950}
.cd-learning-mode-button strong{font-size:19px}.cd-learning-mode-button small{color:#4c6860;line-height:1.35}
.cd-learning-mode-button:hover,.cd-learning-mode-button:focus-visible{border-color:#1f7659;background:#f1fbf5}
.cd-learning-cancel{display:block;min-height:44px;margin:13px 0 0 auto;padding:0 14px;border:0;background:transparent;color:#516b63;font-weight:800;text-decoration:underline;cursor:pointer}
.cd-learning-study{display:grid;gap:14px}
.cd-learning-study.has-related-lesson{grid-template-columns:minmax(0,1fr) auto}
.cd-learning-study.has-related-lesson .cd-learning-progress-row,.cd-learning-study.has-related-lesson .cd-learning-sentence-context,.cd-learning-study.has-related-lesson .cd-learning-explanation{grid-column:1/-1}
.cd-learning-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cd-learning-progress-row>strong{padding:7px 11px;border-radius:999px;background:#e4f2eb;color:#174b39}
.cd-learning-sentence-context{padding:15px;border-radius:15px;background:#eef5f1;color:#294d42;font-size:17px;line-height:1.65}
.cd-learning-sentence-context mark{padding:2px 5px;border-radius:6px;background:#ffd966;color:#472d00;font-weight:950;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cd-learning-explanation{min-height:170px;max-height:min(30vh,220px);overflow-y:auto;overscroll-behavior:contain;padding:20px;border:2px solid #e8cf91;border-radius:18px;background:linear-gradient(145deg,#fff,#fff7df);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.cd-learning-explanation>span{color:#9c5608;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.cd-learning-explanation h2{margin:5px 0 9px;font-size:clamp(24px,4vw,34px);color:#173f34}
.cd-learning-explanation h2:focus{outline:none}
.cd-learning-explanation p{min-height:0;margin:0;color:#3f5d54;font-size:17px;font-weight:700;white-space:pre-line}
.cd-related-lesson-button{display:grid;gap:2px;justify-self:stretch;min-height:54px;padding:9px 15px;border:2px solid #347a9a;border-radius:14px;background:#edf8ff;color:#164c65;text-align:left;cursor:pointer}
.cd-related-lesson-button[hidden]{display:none}
.cd-related-lesson-button span{font-size:15px;font-weight:950}.cd-related-lesson-button small{font-size:12px;font-weight:800;color:#4a6d7c}
.cd-learning-study>.cd-primary-button{justify-self:end;min-width:180px}.cd-learning-study.has-related-lesson>.cd-primary-button{grid-column:2;align-self:stretch}
.cd-related-lesson-overlay{z-index:44;padding:12px;background:rgba(5,24,20,.9)}
.cd-related-lesson-card{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1020px,100%);height:calc(100% - 4px);max-height:calc(100% - 4px);overflow:hidden;padding:16px;border-color:#b9ded0;background:#f8fffb}
.cd-related-lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 0 11px}.cd-related-lesson-head h2{margin:3px 0 0;font-size:clamp(20px,3vw,29px)}
.cd-related-lesson-frame-wrap{position:relative;min-height:0;overflow:hidden;border:2px solid #b7d3c8;border-radius:14px;background:#fff}
.cd-related-lesson-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.cd-related-lesson-loading{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:#f4fbf7;color:#245a47;font-weight:900}.cd-related-lesson-loading[hidden]{display:none}

.cd-inspection-overlay{z-index:32;padding:12px;background:rgba(7,28,23,.84);backdrop-filter:blur(7px)}
.cd-inspection-card{display:grid;gap:13px;width:min(1080px,100%);height:calc(100% - 4px);max-height:calc(100% - 4px);overflow:auto;padding:17px;background:linear-gradient(145deg,#fffdf8,#f3fff8)}
.cd-inspection-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.cd-inspection-heading h2{margin:3px 0 5px;font-size:clamp(22px,3.5vw,32px)}
.cd-inspection-heading p{margin:0;color:#45655b;font-size:14px;font-weight:750}
.cd-inspection-progress{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#e5f3eb;color:#1c5a43;font-size:13px;white-space:nowrap}
.cd-inspection-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(220px,.75fr);gap:14px;min-height:0}
.cd-inspection-stage{position:relative;align-self:start;overflow:hidden;min-width:0;border:3px solid #d3e5dc;border-radius:18px;background:#34291d;box-shadow:0 12px 30px rgba(20,49,38,.18)}
.cd-inspection-stage img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;user-select:none}
.cd-inspection-hotspots{position:absolute;inset:0}
.cd-inspection-hotspot{position:absolute;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:2px solid rgba(255,255,255,.95);border-radius:14px;background:rgba(20,74,55,.18);color:#fff;cursor:pointer;box-shadow:0 0 0 4px rgba(239,184,54,.7),0 7px 18px rgba(9,30,23,.3);transition:background .18s,border-color .18s,box-shadow .18s;touch-action:manipulation}
.cd-inspection-hotspot::after{content:"⌕";display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f5bb35;color:#493100;font-size:23px;font-weight:950;box-shadow:0 3px 10px rgba(0,0,0,.24)}
.cd-inspection-hotspot:hover,.cd-inspection-hotspot:focus-visible{z-index:2;background:rgba(255,230,143,.26);outline:4px solid rgba(255,255,255,.92);outline-offset:2px}
.cd-inspection-hotspot.is-found{border-color:#d8ffe9;background:rgba(29,118,82,.32);box-shadow:0 0 0 4px rgba(72,193,137,.76),0 7px 18px rgba(9,30,23,.3)}
.cd-inspection-hotspot.is-found::after{content:"✓";background:#2c9369;color:#fff}
.cd-inspection-hotspot.is-cover{border-radius:12px;background:rgba(28,43,38,.94);box-shadow:inset 0 0 0 3px #a27b31,0 0 0 4px rgba(255,226,135,.82),0 9px 20px rgba(0,0,0,.4)}
.cd-inspection-hotspot.is-cover::after{content:"🔒  ? ? ?";width:auto;height:auto;padding:7px 10px;border-radius:9px;background:#283c35;color:#fff2bd;font-size:14px;letter-spacing:.08em;white-space:nowrap}
.cd-inspection-hotspot.is-cover.is-found::after{content:"🔒  ? ? ?";background:#315d4c}
.cd-inspection-word-card{align-self:stretch;min-width:0;padding:18px;border:2px solid #e6ca7a;border-radius:18px;background:linear-gradient(155deg,#fff,#fff4cd);box-shadow:0 10px 24px rgba(100,73,15,.12)}
.cd-inspection-word-card>strong{display:block;margin:6px 0 11px;color:#174b39;font-size:clamp(25px,3.5vw,38px);line-height:1.08;overflow-wrap:anywhere}
.cd-inspection-word-card>p{margin:0;padding:10px 11px;border-radius:11px;background:#fff;color:#36574c;font-size:16px}
.cd-inspection-example{margin-top:13px;padding-top:12px;border-top:2px dashed #dec16c}
.cd-inspection-example>span{color:#915713;font-size:11px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
.cd-inspection-example p{margin:6px 0 0;color:#244c40;font-size:14px;font-weight:800;line-height:1.42}
.cd-inspection-example p:last-child{color:#5f716b;font-weight:700}
.cd-inspection-continue{justify-self:end;min-width:210px}

.cd-challenge-card{width:min(760px,100%)}
.cd-challenge-prompt{margin:8px 0 16px;font-size:17px;font-weight:750;color:#294d42!important}
.cd-answer-grid{display:grid;gap:10px}
.cd-answer-button{width:100%;padding:12px 14px;border:2px solid #c6ddd3;background:#f9fffb;color:#173f34;text-align:left}
.cd-answer-button:hover,.cd-answer-button:focus-visible{border-color:#4a9a7a;background:#edf8f2}
.cd-answer-button[data-correct="true"]{border-color:#2d8a61;background:#e6f7ed}
.cd-answer-button[data-correct="false"]{border-color:#d79b35;background:#fff6dd}
.cd-challenge-feedback{margin:13px 0;padding:12px 14px;border-radius:13px;font-weight:800;line-height:1.45}
.cd-challenge-feedback.is-correct{background:#e6f7ed;color:#16543c}.cd-challenge-feedback.is-hint{background:#fff3cf;color:#77560b}
.cd-challenge-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:13px}
.cd-challenge-actions:has(#challengeContinue[hidden]){justify-content:flex-start}

.cd-collection-panel{width:min(770px,100%)}
.cd-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.cd-card-heading h2{margin-top:3px}
.cd-close-button{display:grid;place-items:center;width:48px;padding:0;border:1px solid #b9d6c9;background:#fff;color:var(--cd-green-dark);font-size:28px}
.cd-empty-message{padding:14px;border-radius:13px;background:#f1f7f4;text-align:center;font-weight:750}
.cd-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.cd-collection-card{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;min-width:0;padding:13px;border:1px solid #d3e5dc;border-radius:15px;background:#fbfffc}
.cd-collection-card strong{display:block;margin:2px 0 4px}.cd-collection-card p{margin:0;font-size:13px;line-height:1.42}
.cd-collection-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#fdf0c3;font-size:23px}

.cd-result-card{text-align:center;width:min(760px,100%)}
.cd-result-badge{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 10px;border-radius:50%;background:#ddf4e6;color:#176144;font-size:42px;font-weight:950}
.cd-result-card>p{max-width:650px;margin:10px auto 16px;font-size:16px}
.cd-result-evidence{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:12px 0}
.cd-result-evidence .cd-collection-card{grid-template-columns:auto auto;text-align:left}.cd-result-evidence .cd-collection-card p{display:none}

.cd-debug-panel{position:sticky;top:12px;padding:17px;border:1px solid var(--cd-line);border-radius:20px;background:var(--cd-panel);box-shadow:0 16px 38px rgba(24,60,48,.12)}
.cd-debug-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cd-debug-head h2{margin:3px 0 5px;font-size:22px;line-height:1.05}.cd-debug-head button{width:46px;height:46px;border:1px solid #c4ded2;border-radius:12px;background:#fff;color:#174f3b;font-size:28px;cursor:pointer}
.cd-debug-note{margin:8px 0 14px;padding:10px;border-radius:11px;background:#fff2cb;color:#755610;font-size:12px;font-weight:800;line-height:1.35}.cd-layer-list{display:grid;gap:7px}.cd-layer-list label{display:flex;align-items:center;min-height:44px;padding:8px 9px;border:1px solid #d8e9e0;border-radius:11px;background:#fff;font-size:14px;font-weight:800;cursor:pointer}.cd-layer-list input{width:19px;height:19px;margin:0 9px 0 0;accent-color:#1e7154}.cd-swatch{width:15px;height:15px;margin-right:8px;border:2px solid currentColor;border-radius:4px}.cd-swatch.is-sprite{color:var(--cd-sprite)}.cd-swatch.is-collision{color:var(--cd-collision)}.cd-swatch.is-clickable{color:var(--cd-click)}.cd-swatch.is-approach{color:var(--cd-approach);border-radius:50%}.cd-swatch.is-grid{color:#22c55e}.cd-swatch.is-label{color:#111827}.cd-debug-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.cd-debug-actions button{min-height:44px;border:1px solid #9fc8b7;border-radius:13px;background:#effbf4;color:#174f3b;font-weight:850;cursor:pointer}.cd-review-section{margin-top:12px;padding-top:11px;border-top:1px solid #d8e9e0}.cd-review-section>strong{display:block;margin-bottom:7px;font-size:12px;color:#56746a}.cd-review-points{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cd-review-points button{min-height:44px;padding:4px;border:1px solid #b9d7ca;border-radius:9px;background:#fff;color:#174f3b;font-size:11px;font-weight:850;cursor:pointer}.cd-map-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.cd-map-summary div{padding:9px 4px;border:1px solid #d8e9e0;border-radius:10px;background:#fff;text-align:center}.cd-map-summary dt{font-size:10px;color:#668278;font-weight:850}.cd-map-summary dd{margin:3px 0 0;font-size:20px;font-weight:950}.cd-selection-card{display:grid;gap:5px;min-height:70px;padding:12px;border-radius:12px;background:#173f34;color:#fff}.cd-selection-card strong{font-size:15px}.cd-selection-card span{font-size:12px;line-height:1.4;color:#d5e9e1}.cd-selection-card code{color:#ffdfa1}

@media(max-width:1100px){
  .child-detective-page[data-debug="true"] .cd-workspace{grid-template-columns:1fr}.cd-debug-panel{position:static}
  .cd-adventure-hud{grid-template-columns:1fr auto}.cd-objective-chip{grid-column:1/-1;grid-row:2}.cd-hud-actions{grid-column:2;grid-row:1}
}

@media(max-width:900px){
  .cd-map-frame{border-radius:16px}.cd-joystick{display:block}.cd-map-status{left:142px;right:170px;max-width:none}.cd-interact-button{bottom:72px;min-width:142px}
  .cd-inspection-layout{grid-template-columns:1fr}.cd-inspection-word-card{min-height:150px}.cd-inspection-card{height:auto;max-height:calc(100% - 4px)}
}
@media(max-width:520px){.cd-learning-study.has-related-lesson{grid-template-columns:1fr}.cd-learning-study.has-related-lesson>.cd-related-lesson-button,.cd-learning-study.has-related-lesson>.cd-primary-button{grid-column:1}.cd-learning-study.has-related-lesson .cd-learning-explanation{min-height:120px;max-height:150px}}

@media(max-width:650px){
  .cd-adventure-hud{grid-template-columns:1fr;padding:10px}.cd-case-chip,.cd-objective-chip,.cd-hud-actions{grid-column:1;grid-row:auto}.cd-hud-actions{display:grid;grid-template-columns:1fr 1fr}.cd-hud-button{justify-content:center}.cd-hud-button span:nth-child(2){display:none}
  .cd-map-status{left:8px;right:8px;bottom:7px;max-width:none;padding:8px 10px;font-size:10px}.cd-joystick{left:10px;bottom:50px;width:92px;height:92px}.cd-joystick-knob{width:40px;height:40px}.cd-joystick-arrows{font-size:16px;line-height:20px}.cd-interact-button{right:10px;bottom:50px;min-width:116px;min-height:52px;padding:7px 9px}.cd-interact-button small{max-width:105px;font-size:10px}
  .cd-overlay{padding:10px}.cd-card{padding:17px;border-radius:18px}.cd-start-card,.cd-dialogue-card{grid-template-columns:1fr}.cd-card-icon,.cd-dialogue-mark{width:56px;height:56px;font-size:28px}.cd-language-buttons,.cd-learning-mode-grid,.cd-chapter-grid{grid-template-columns:1fr}.cd-card-actions{display:grid;grid-template-columns:1fr}.cd-card-actions button{width:100%}.cd-collection-grid{grid-template-columns:1fr}.cd-dialogue-card p{min-height:0;font-size:15px}.cd-dialogue-actions{display:grid;grid-template-columns:1fr 1fr}.cd-dialogue-actions button{width:100%}.cd-learning-explanation{min-height:145px}.cd-learning-study>.cd-primary-button{justify-self:stretch;width:100%}
  .cd-challenge-actions{display:grid;grid-template-columns:1fr}.cd-challenge-actions button{width:100%}
  .cd-chapter-heading{display:block}.cd-chapter-book{width:56px;height:56px;margin-top:10px;font-size:29px}.cd-chapter-tile-top{grid-template-columns:auto 1fr}.cd-chapter-status{grid-column:1/-1;justify-self:start}
  .cd-inspection-heading{display:grid}.cd-inspection-progress{justify-self:start}.cd-inspection-card{gap:9px;padding:10px}.cd-inspection-layout{gap:9px}.cd-inspection-stage{border-radius:13px}.cd-inspection-word-card{min-height:0;padding:13px}.cd-inspection-continue{justify-self:stretch;width:100%}
}