#dailyQuizDialog{
 box-sizing:border-box;width:min(480px,calc(100% - 20px));max-width:none;max-height:calc(100dvh - 20px);
 overflow:hidden;padding:clamp(10px,3vw,22px);color:#f6e3bb;
 border:12px solid transparent;border-image:url('/assets/rustic-v1045/production.webp') 14 18 14 18 stretch;
 background:#201913 radial-gradient(ellipse at 50% 0%,#423428,#171310 80%);
 background-clip:padding-box;font-family:var(--entry-font,serif);box-shadow:0 16px 50px #000a;
}
#dailyQuizDialog::backdrop{background:#000a}
#dailyQuizDialog .quiz-head{
 display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;
 margin:0 0 12px;padding:5px 8px;border:1px solid #756653;border-radius:5px;
 background:linear-gradient(#38332c,#191714);box-shadow:inset 0 0 0 2px #151310;
}
html body #dailyQuizDialog #dailyQuizTitle{
 grid-column:2;margin:0;text-align:center;color:#f6e3bb!important;
 font-size:24px;letter-spacing:.24em;text-indent:.24em;
}
#dailyQuizDialog .quiz-head form{grid-column:3;margin:0}
html body #dailyQuizDialog button{
 min-height:33px;padding:4px 8px;border:1px solid #846a4e;border-radius:3px;
 color:#f6e3bb!important;background:#38281d url('/assets/rustic-v1045/button.webp') center/100% 100% no-repeat;
 font:inherit;cursor:pointer;
}
#dailyQuizDialog .quiz-head button{width:34px;padding:0;font-size:20px}

#dailyQuizDialog iframe{display:block;width:100%;height:min(380px,calc(100dvh - 145px));border:0}
.quiz-page{box-sizing:border-box;max-width:750px;margin:auto;padding:18px;color:#f6e3bb;background:#211a14;font:16px/1.45 "DFKai-SB","標楷體",serif;overflow-wrap:anywhere}
.quiz-page a,.quiz-page .quiz-reward{color:#e8c582}
.quiz-page article{border:1px solid #756653;border-radius:4px;padding:10px;background:#191410}
.quiz-page label{display:flex;align-items:baseline;gap:5px;margin:5px 0;padding:5px;border:1px solid #69543e;border-radius:3px;cursor:pointer}
.quiz-page label:has(input:checked){background:#402b20}
.quiz-page button{margin-top:5px;min-height:33px;padding:4px 12px;border:1px solid #846a4e;border-radius:3px;color:#f6e3bb;background:#38281d url('/assets/rustic-v1045/button.webp') center/100% 100% no-repeat;font:inherit;cursor:pointer}
.quiz-page button:disabled{opacity:.5;cursor:default}
.quiz-page :is(#notice,.quiz-reward){margin:5px 0}
.quiz-page.embedded{padding:0}
.quiz-page.embedded>h1,.quiz-page.embedded>a,.quiz-page.embedded>p{display:none}
.quiz-page.embedded #question{font-size:17px;margin:5px 0 8px}

/* V1373: fit the modal to its actual question content; no fixed empty iframe height. */
html body #dailyQuizDialog{width:min(480px,calc(100vw - 24px))!important;max-width:480px!important;height:fit-content!important;min-height:0!important;max-height:calc(100dvh - 20px)!important;padding:10px 13px!important;overflow:auto!important}
html body #dailyQuizDialog .quiz-head{margin-bottom:7px!important}
html body #dailyQuizDialog iframe{height:275px;min-height:0!important;max-height:calc(100dvh - 110px)!important;overflow:hidden!important}
/* V1375: nonmodal daily quiz floats above the game without disabling all other buttons. */
html body #dailyQuizDialog:not([open]){display:none!important}
html body #dailyQuizDialog[open]{position:fixed!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:10020!important}
/* V1379: match announcement ticker's crisp Traditional Chinese type. */
html body #dailyQuizDialog,html body #dailyQuizDialog :is(h2,p,button,span,small){font-family:"Noto Sans TC","Source Han Sans TC","Microsoft JhengHei",sans-serif!important;font-weight:600!important;text-shadow:none!important}
html body.quiz-page,html body.quiz-page :is(h1,h2,p,small,label,button,span){font-family:"Noto Sans TC","Source Han Sans TC","Microsoft JhengHei",sans-serif!important;font-weight:600!important;text-shadow:none!important}