:root[data-quest-ui="90"]{--quest-ink:#173f3d;--quest-paper:#fff7e5;--quest-edge:#b58a49;--quest-soft:#e9eee2;--quest-teal:#225f58;--quest-glow:#e6c789}
[data-quest-ui="90"] .title-plaque{border-radius:20px 5px;padding:12px 24px;background:linear-gradient(135deg,#fffbea,#f2dfb7)}
[data-quest-ui="90"] .title-plaque h1{font-size:clamp(1.35rem,3vw,2rem)}
[data-quest-ui="90"] .quest{border-left:5px solid var(--quest-edge);background:#fff9e8f2}
[data-quest-ui="90"] dialog{background:radial-gradient(ellipse at top,#fffdf1,#f1dfba);border:2px solid var(--quest-edge);box-shadow:0 14px 55px #102d2a80,inset 0 0 0 5px #fff8e055}
[data-quest-ui="90"] dialog h2{color:var(--quest-ink);font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.55;overflow-wrap:anywhere}
[data-quest-ui="90"] .work-head{gap:.75rem;align-items:center}
[data-quest-ui="90"] .work-head>div{display:flex;gap:.4rem;flex-shrink:0}
.quest-banner{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;border-block:1px solid #b58a4955;padding:.6rem 0;margin:.6rem 0 1rem;clear:both}
.quest-mark{display:grid;place-items:center;background:var(--quest-teal);color:#f8dd9a;border:2px solid var(--quest-edge);border-radius:50%;width:2.3rem;height:2.3rem;flex:0 0 2.3rem}
.quest-copy{min-width:0;flex:1}.quest-name{font-weight:650;font-size:.95rem;margin:0}.quest-verb{font-size:.82rem;line-height:1.55;margin:.15rem 0 0;color:#465e54}
.quest-trail{display:flex;gap:.3rem;flex-wrap:wrap;max-width:100%}.quest-dot{display:grid;place-items:center;min-width:1.6rem;height:1.6rem;font-size:.75rem;border:1px solid #b58a4980;border-radius:50%;background:#fff8e8;color:#5b6458}.quest-dot.prior{border-color:#527a68;background:#dbe8d9}.quest-dot.current{color:#fff9e9;background:var(--quest-teal);outline:2px solid var(--quest-glow);outline-offset:1px;font-weight:700}
.quest-surface :is(fieldset,.language-case){min-width:0;border:1px solid #b58a4970;border-radius:16px;padding:1rem;margin:.85rem 0;background:#fffbef}
.quest-surface legend{font-weight:650;max-width:100%;padding:0 .4rem;line-height:1.6;color:var(--quest-ink)}
.quest-surface :is(fieldset>label,.language-option){display:block;padding:.75rem;margin:.4rem 0;border:1px solid #b58a4955;border-radius:12px;line-height:1.7;cursor:pointer;background:#fff8e8;overflow-wrap:anywhere}
.quest-surface label:has(>input[type="radio"]:checked){background:#e0eddf;border-color:#3d7468;box-shadow:inset 4px 0 #3d7468}
.quest-surface :is(input,textarea,select):focus-visible{outline:3px solid #977023;outline-offset:3px}
.quest-surface :is(textarea,input[type="text"],input[type="number"],select){max-width:100%;color:var(--quest-ink);border:1px solid #a18657;border-radius:9px;background:#fffdf5;padding:.65rem;font:inherit;line-height:1.6}
.quest-surface :is(textarea,input[type="text"],input[type="number"]){width:100%;box-sizing:border-box}
.quest-surface .actions{position:sticky;bottom:-1px;z-index:3;margin-inline:-.2rem;padding:.8rem .2rem .3rem;background:linear-gradient(#fff7e500,var(--quest-paper) 20%);border-top:1px solid #b58a4944;gap:.55rem}
.quest-surface .actions>button{flex:1 1 10rem;min-height:48px;line-height:1.5}.quest-surface .actions>.primary{flex:2 1 13rem}
.quest-surface :is([role="status"],.hint-panel){scroll-margin-block:1rem 6rem;overflow-wrap:anywhere}
.quest-surface :is(details,.hint-panel){border-radius:12px;border:1px solid #b58a4977;background:#f6edd7;padding:.6rem .8rem;margin:.7rem 0;min-width:0}
.quest-surface summary{cursor:pointer;min-height:32px;line-height:1.6;font-weight:600}.quest-surface details[open]{background:#fffdf3}
.quest-surface .language-case>h3{margin:.2rem 0 .35rem;color:var(--quest-ink)}
.quest-case-progress{display:inline-block;border:1px solid #6f8c7766;border-radius:20px;padding:.2rem .65rem;background:#e3eddf;font-size:.8rem;margin:0 0 .65rem}
.quest-surface .language-columns{gap:.7rem}.quest-surface .language-trace{background:#edf1e4;border:1px solid #91a28b66;border-radius:13px;padding:.8rem;min-width:0}.quest-surface .language-trace h4{margin:.1rem 0 .6rem}.quest-surface .language-trace p{line-height:1.7;margin-bottom:.65rem}
.quest-surface .language-table{overflow-x:auto;max-width:100%;border-radius:12px}.quest-surface .language-table table{min-width:28rem;border-collapse:collapse}.quest-surface .language-table th{background:#dae6d7}.quest-surface .language-table :is(td,th){border-bottom:1px solid #a6b39577;line-height:1.6}
[data-quest-ui="90"] .notebook .note-seal{border:1px solid #b58a4977;border-radius:14px;padding:1rem;background:#fff9e8;margin:.8rem 0}
[data-quest-ui="90"] .notebook>button.primary{min-height:48px;display:block;width:100%;margin:.6rem 0}
[data-quest-ui="90"] .menu>label{display:block;padding:.7rem;border-bottom:1px solid #b58a4944;line-height:1.6}
[data-quest-ui="90"] .menu>:is(button,a){margin-top:.5rem}
[data-quest-ui="90"] button:disabled{cursor:default;filter:none}
@media(max-width:700px){.quest-banner{gap:.5rem}.quest-trail{width:100%;padding-left:2.8rem}.quest-surface :is(fieldset,.language-case){padding:.75rem}.quest-surface .language-columns{grid-template-columns:minmax(0,1fr)}.quest-surface .actions>button{flex-basis:45%;padding:.65rem .5rem;font-size:.95rem}.quest-surface .actions>.primary{flex-basis:45%}[data-quest-ui="90"] .title-plaque{max-width:58vw;padding:10px 20px}[data-quest-ui="90"] .title-plaque small{font-size:.67rem;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){[data-quest-ui="90"] *,[data-quest-ui="90"] *::before,[data-quest-ui="90"] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}