/* Viewport-sized learning desk. This deliberately lives outside the scaled stage. */
#compact-controls{display:none}
@media screen and (max-height:540px) and (orientation:landscape){body[data-layout="stage"] #compact-controls{position:fixed;right:max(8px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;width:48px;z-index:120}#compact-controls button{width:44px;height:44px;min-width:44px;min-height:44px;display:grid;place-items:center;font-size:23px;line-height:1;background:#102638;color:#d9eeec;border:1px solid #87b9c355;border-radius:7px}#compact-controls button:focus-visible{outline:3px solid #c4ff63;outline-offset:2px}}
.reader-dialog{color:#eaf1ed;background:#071727;border:1px solid #7ac3d052;border-radius:8px;box-shadow:0 35px 120px #000a;padding:clamp(22px,2.3vw,55px);font-size:clamp(18px,1.25vw,30px);line-height:1.55}.reader-dialog::backdrop{background:#01060cdc;backdrop-filter:blur(14px)}.reader-head{display:flex;align-items:start;justify-content:space-between;gap:25px}.reader-kicker{font-size:clamp(12px,.9vw,22px);letter-spacing:.08em;line-height:1.5;color:#80dfdf;display:block}.reader-head h2{font-size:clamp(35px,3.4vw,78px);line-height:1.1;letter-spacing:-.045em;margin:10px 0 0}.reader-dialog .close-btn{position:relative;inset:auto;flex-shrink:0;width:45px;height:45px;font-size:30px}.reader-dialog p{font-size:inherit;line-height:1.55}.reader-dialog .desk-intro{color:#b7cad8;font-size:clamp(16px,1.12vw,27px);max-width:100%;margin-top:20px}.reader-dialog a{color:#b9edec;text-underline-offset:5px;overflow-wrap:anywhere}.reader-dialog a:hover{color:#c4ff63}.reader-dialog button:focus-visible,.reader-dialog a:focus-visible,.reader-dialog summary:focus-visible{outline:3px solid #c4ff63;outline-offset:4px}
#study-desk{width:min(1380px,calc(100vw - 36px));height:min(940px,calc(100dvh - 36px));max-height:calc(100dvh - 36px);overflow:hidden}.desk-layout{display:grid;grid-template-columns:210px 1fr;gap:30px;margin-top:27px;height:calc(100% - 185px);min-height:220px}#study-tabs{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:0 10px 20px 0}#study-tabs button{color:#b7cddd;background:#102a3a99;border:1px solid #719ba733;text-align:left;padding:13px 15px;font-size:clamp(16px,1vw,25px);line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:10px}#study-tabs button span{color:#72b5b9}#study-tabs button[aria-pressed=true]{color:#d3ff86;border-color:#c4ff6377;background:#c4ff6310}#study-content{overflow-y:auto;overscroll-behavior:contain;min-width:0;padding:0 18px 80px 0;scrollbar-color:#619798 #0d2234}.desk-section-head{margin-bottom:25px}.desk-section-head h3{font-size:clamp(29px,2.2vw,51px);line-height:1.13;letter-spacing:-.03em;margin:10px 0 16px;font-weight:550}.desk-section-head p{color:#b8cbd7}.desk-notice{border-left:3px solid #c4ff63;background:#c4ff630c;padding:20px 24px;font-size:.9em;line-height:1.6;color:#d2dfdf;margin:24px 0}.story-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:22px 0}.story-chain span{color:#76d8df;font-size:.7em;line-height:1.4;border-top:2px solid #72d9d377;padding-top:14px}.story-chain b{display:block;color:#e2eae4;font-size:1.2em;font-weight:500;margin-top:8px}.story-chain i{font-style:normal;color:#c4ff63}.slide-map{display:grid;grid-template-columns:1fr 1fr;gap:15px}.map-card{background:#112b3d;border:1px solid #71c8dc44;padding:22px;text-align:left;color:#dce7e8}.map-card>span{color:#75dad9;letter-spacing:.04em;font-size:.7em}.map-card h4{font-size:1.05em;line-height:1.3;margin:13px 0}.map-card p{font-size:.8em;line-height:1.5;color:#becfd9}.map-card>b{display:block;color:#c4ff63;font-size:.75em;margin-top:16px}.pdf-page{display:block;font-size:.65em;line-height:1.5;color:#8fadb9;margin-top:15px;letter-spacing:.05em}.city-reserve{display:grid;grid-template-columns:1fr 1fr;gap:15px}.city-reserve article{border-top:1px solid #87cbd344;padding:20px 0}.city-reserve span{font-size:.7em;color:#a6e5d1}.city-reserve h4{font-size:1.2em;font-weight:500}.city-reserve p{font-size:.9em;color:#bdced8}.word-tools{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.word-tools button,.desk-action{display:inline-block;font-size:.85em;border:1px solid #82c2d155;background:#123044;color:#c8edf0;padding:12px 16px;line-height:1.3;text-align:left;text-decoration:none}.word-tools [aria-pressed=true]{background:#c4ff63;color:#0b1e28}.word-list,.claim-check-list,.qa-list,.session-list,.prompt-list{display:grid;gap:13px}.reader-dialog details{background:#10283a;border:1px solid #79c0d43d;min-width:0}.reader-dialog summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 23px;cursor:pointer;list-style:none}.reader-dialog summary:after{content:'+';color:#c4ff63;flex-shrink:0}.reader-dialog details[open]>summary:after{content:'−'}.reader-dialog details[open]>summary{border-bottom:1px solid #79c0d444}.reader-dialog summary span{font-size:1.05em;font-weight:500;line-height:1.35}.reader-dialog summary small{font-size:.75em;line-height:1.4;color:#abc6d0;max-width:45%}.word-entry summary>span{display:flex;flex-direction:column;gap:7px}.word-entry summary b{font-size:.55em;letter-spacing:.07em;color:#c4ff63}.reader-dialog details>div{padding:22px}.reader-dialog blockquote{font-size:1.08em;line-height:1.55;margin:18px 0;padding:15px 20px;border-left:2px solid #c4ff63;color:#d8f4de;background:#c4ff6308}.reader-dialog .word-en{font-size:1.1em;line-height:1.5;color:#edeee5}.origin-note{padding-top:15px;border-top:1px solid #80bed333;font-size:.8em;color:#afc7d2;line-height:1.6}.origin-note b,.source-support>b{font-size:.75em;letter-spacing:.07em;color:#78dbdd}.origin-note a,.source-support a{display:block;margin-top:10px}.comparison-list{display:grid;gap:20px}.comparison-list article{padding:25px;background:linear-gradient(130deg,#143147,#102236);border:1px solid #7ab8c43f}.comparison-list h4{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:1.15em;line-height:1.3;margin:18px 0}.comparison-list h4 i{font-style:normal;color:#c4ff63}.comparison-list small{font-size:.75em;color:#99b7c4}.culture-desk-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.culture-desk-grid img{width:100%;height:100%;max-height:500px;object-fit:cover}.culture-desk-grid h4{font-size:1.4em;line-height:1.2;margin-top:15px}.culture-desk-grid p{font-size:.9em;color:#b4cbd6}.check-example{border:1px solid #b4f46f55;background:#bdff7509;padding:25px}.check-example>div{margin:15px 0}.check-example p{font-size:1em;margin:12px 0}.check-example p>b{color:#7cdada;display:block;font-size:.75em;letter-spacing:.03em}.check-example mark{background:#c4ff631d;color:#c4ff63;padding:0 4px}.check-example small{font-size:.8em;color:#b4cfcc;display:block}.check-example a{font-size:.8em;display:block;margin-top:16px}.desk-subheading{font-size:1.3em;line-height:1.25;font-weight:500;margin:35px 0 20px}.claim-check-list details>div>small{font-size:.75em;color:#9cb9c7;display:block}.claim-check-list a{font-size:.75em;display:block;margin-top:10px}.evidence-template{margin:30px 0;padding:24px;border-top:1px solid #8fe0db55}.evidence-template h4{font-size:1.2em;margin-bottom:17px}.evidence-template>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.evidence-template span{font-size:.85em;line-height:1.5}.evidence-template span b{display:block;color:#a5ee9e}.evidence-template p{font-size:.8em;color:#b1c9d5;margin-top:17px}.reader-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9em;line-height:1.7;color:#d3e5dd;background:#061725;padding:20px}.reader-dialog ul{font-size:.85em;line-height:1.65;padding-left:22px}.reader-dialog li{margin:7px 0}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.role-grid article{padding:24px;background:#102b3d;border:1px solid #7ab7ca44}.role-id{font-size:1.4em;line-height:1.2;color:#c4ff63}.role-grid h4{font-size:1.1em;line-height:1.3;margin:14px 0}.role-grid p{font-size:.85em;color:#bdd2d6}.qa-list summary b{color:#c4ff63;font-size:.8em}.qa-list summary span{flex:1}.qa-list details>div p{font-size:.85em;color:#b1c9d5}.pronunciation-grid,.rescue-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.pronunciation-grid>a,.rescue-grid article{display:block;padding:23px;border:1px solid #81c1cb44;background:#102b3b;text-decoration:none}.pronunciation-grid b{display:block;font-size:1.1em;font-weight:500}.pronunciation-grid span{display:block;color:#c4ff63;margin-top:10px}.pronunciation-grid p,.rescue-grid p{font-size:.8em;color:#b8cdd7;margin-top:10px}.pronunciation-grid small{font-size:.85em;color:#a8d9d0}.rescue-grid h4{font-size:1.05em;line-height:1.4}.desk-source-list{display:grid;gap:20px;margin-top:20px}.desk-source-list article{padding:24px;border:1px solid #7ab5c14d;background:#102739}.desk-source-list h4{font-size:1.15em;line-height:1.4;margin:9px 0}.desk-source-list article>p{font-size:.8em;color:#9dbdcb}.source-support{margin-top:20px;border-top:1px solid #6cabc744;padding-top:18px}.source-support p{font-size:.9em;color:#c4d7dc}
#display-settings .layout-options{display:grid;grid-template-columns:1fr;gap:12px;margin-top:25px}#display-settings .layout-options button{text-align:left}#display-settings .layout-options small{display:block;font-size:15px;margin-top:6px;line-height:1.4}#display-settings .tv-safe-label{flex-wrap:wrap}#display-settings .tv-safe-label small{font-size:15px;color:#b6ced7;width:100%;margin-left:36px}#display-settings .reader-tip{font-size:16px;color:#b6cad4}#display-settings input{flex-shrink:0}
@media(max-width:900px){#study-desk{padding:23px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.reader-head h2{font-size:36px}.reader-kicker{font-size:12px}.reader-dialog .desk-intro{font-size:16px;line-height:1.4}.desk-layout{grid-template-columns:1fr;height:calc(100% - 170px);gap:15px;grid-template-rows:auto 1fr;margin-top:20px}#study-tabs{flex-direction:row;gap:8px;padding:0 0 9px;overflow-x:auto;overflow-y:hidden;min-height:48px;max-height:58px}#study-tabs button{white-space:nowrap;font-size:15px;padding:10px 13px}#study-tabs button span{display:none}#study-content{padding:0 7px 50px 0}.reader-dialog summary{padding:16px;gap:12px}.reader-dialog summary span{font-size:20px}.reader-dialog summary small{font-size:15px}.reader-dialog details>div{padding:18px}.story-chain{grid-template-columns:1fr auto 1fr;gap:18px}.story-chain>i:nth-of-type(2){display:none}.slide-map,.role-grid{gap:13px}.map-card{padding:17px}.map-card h4{font-size:20px}.map-card p{font-size:16px}.reader-dialog{font-size:19px}.desk-section-head h3{font-size:30px}.culture-desk-grid{grid-template-columns:1fr}.culture-desk-grid img{height:250px}.reader-head .close-btn{width:39px;height:39px}.reader-dialog .desk-notice{font-size:17px}}
@media(max-width:520px){.slide-map,.role-grid,.pronunciation-grid,.rescue-grid,.city-reserve{grid-template-columns:1fr}.reader-dialog summary{flex-wrap:wrap}.reader-dialog summary small{max-width:100%;width:100%}.reader-dialog summary:after{position:absolute;right:20px}.reader-dialog summary{position:relative;padding-right:40px}.evidence-template>div{grid-template-columns:1fr}.desk-layout{height:calc(100% - 195px)}.desk-notice{padding:17px}.reader-head h2{font-size:32px}.comparison-list article{padding:20px}}
@media(max-height:520px) and (orientation:landscape){#study-desk{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:16px 22px}.reader-head h2{font-size:27px;margin-top:4px}.reader-head .reader-kicker{font-size:10px}.reader-dialog .desk-intro{display:none}.desk-layout{grid-template-columns:160px 1fr;grid-template-rows:1fr;height:calc(100% - 70px);margin-top:14px;gap:17px}#study-tabs{flex-direction:column;overflow:auto;min-height:0;max-height:none}#study-tabs button{white-space:normal;font-size:14px;padding:10px}.reader-dialog{font-size:18px}.desk-section-head h3{font-size:27px}.desk-section-head p{font-size:17px}.slide-map{grid-template-columns:1fr}.reader-dialog .close-btn{width:35px;height:35px;font-size:25px}}