/* Unified Three Kingdoms game dialogs, shared by all factions */
html body :is(#dailyQuizDialog,#questWindow,#rankWindow,#reportWindow,#heroWindow){
 box-sizing:border-box;max-height:calc(100dvh - 32px);
 border:10px solid transparent;
 border-image:url('/assets/rustic-v1045/production.webp') 14 18 14 18 stretch;
 border-radius:8px;background-color:#211a14;color:#f6e3bb;
 box-shadow:0 18px 48px #000a;font-family:var(--entry-font,"DFKai-SB",serif);
}
html body :is(#dailyQuizDialog,#questWindow,#rankWindow,#reportWindow,#heroWindow)::backdrop{background:#000a}
html body :is(#dailyQuizDialog,#questWindow,#rankWindow,#reportWindow) :is(.quiz-head,.rank-header,.report-header){
 display:grid;grid-template-columns:38px minmax(0,1fr) 38px;
 align-items:center;gap:8px;margin:0 0 12px;padding:6px 8px;
 border:1px solid #756653;border-radius:5px;background:linear-gradient(#38332c,#191714);
 min-height:44px;box-sizing:border-box;
}
html body #dailyQuizDialog{width:min(640px,calc(100vw - 32px));padding:16px;overflow:hidden}
html body #dailyQuizDialog .quiz-head{margin-bottom:10px}
html body #dailyQuizDialog #dailyQuizTitle{font-size:22px!important;line-height:1.3;letter-spacing:.14em;text-indent:0;text-align:center;color:#f6e3bb!important}
html body #dailyQuizDialog .quiz-head form{grid-column:3;margin:0}
html body #dailyQuizDialog .quiz-head button{width:36px;height:36px;font-size:22px;display:grid;place-items:center;padding:0}
html body #dailyQuizDialog iframe{display:block;width:100%;height:min(470px,calc(100dvh - 138px));border:0;background:#211a14}
html body #dailyQuizDialog button{min-height:36px}
html body .quiz-page{max-width:none;width:100%;margin:0;box-sizing:border-box;padding:16px;background:#211a14;color:#f6e3bb;font:16px/1.5 "DFKai-SB","標楷體",serif}
html body .quiz-page.embedded{padding:0;overflow-x:hidden}
html body .quiz-page article{padding:12px 14px;background:#191410;border:1px solid #756653}
html body .quiz-page label{min-height:40px;box-sizing:border-box;display:flex;align-items:center;gap:10px;margin:6px 0;padding:8px 10px}
html body .quiz-page label input{flex:none;accent-color:#d4b56e;width:16px;height:16px}
html body .quiz-page #question{font-size:19px;line-height:1.5;margin:12px 0}
html body .quiz-page #submit{min-height:38px;padding:7px 16px}
@media(max-width:600px){html body #dailyQuizDialog{padding:10px;width:calc(100vw - 18px)}html body #dailyQuizDialog iframe{height:min(450px,calc(100dvh - 115px))}html body .quiz-page article{padding:10px}}