.run-settings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0;padding:15px;background:#f3f0dc;border:1px solid #d5c69c;border-radius:14px;color:#697354}.run-settings label{display:grid;gap:7px;font-size:12px}.run-settings select{border:1px solid #b7b993;background:#fffbed;border-radius:8px;color:#596845;padding:9px;font:inherit;max-width:100%}.run-settings p,.run-settings>small{grid-column:1/-1;margin:0;font-size:11px;line-height:1.7}.run-settings>small{color:#8a8767}.codex-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.codex-tabs button,.route-options button{border:1px solid #c6bc96;border-radius:10px;background:#f5f4e5;padding:10px;color:#68704b}.codex-tabs button[aria-pressed=true],.route-options button[aria-pressed=true]{background:#ffe8a8;border-color:#ae8636;box-shadow:inset 0 0 0 1px #ae8636}.codex-list{display:grid;gap:10px}.codex-list article{padding:14px;border:1px solid #ddd2af;background:#fcf8e9;border-radius:12px}.codex-list article>div{display:flex;justify-content:space-between;gap:8px}.codex-list strong{font-size:17px;color:#656b43}.codex-list span,.codex-list small,.codex-list em,.codex-list a{display:block;font-size:11px;line-height:1.7;color:#888267}.codex-list p{font-size:13px;line-height:1.8;margin:8px 0;color:#667058}.codex-list a{margin-top:5px;color:#927327}.codex-list em{font-style:normal;color:#ab7648}.choice .origin-tag{display:block;color:#998242;font-size:10px;margin-top:9px;line-height:1.5}.route-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.route-options button{text-align:left}.route-options strong{display:block;margin-bottom:6px}.route-options small{display:block;font-size:11px;line-height:1.7}.run-status{position:absolute;left:50%;top:89px;transform:translateX(-50%);max-width:65%;padding:5px 12px;background:#fff9e6df;border:1px solid #d5d1af;border-radius:12px;font-size:10px;line-height:1.5;color:#79815d;pointer-events:none;text-align:center}.boss-hud{top:126px}.camp-choices .choice{min-height:150px}
@media(max-width:760px){.run-settings{padding:10px;gap:9px}.run-settings select{padding:8px 4px;font-size:11px}.run-settings>small{font-size:10px}.route-options{gap:5px}.route-options button{padding:9px 6px}.route-options strong{font-size:11px}.route-options small{font-size:9px;line-height:1.6}.run-status{top:87px;max-width:95%;width:max-content;font-size:8px;padding:4px 8px}.boss-hud{top:132px}.camp-choices .choice{min-height:102px}.codex-list strong{font-size:15px}.codex-list p{font-size:12px}.codex-list span{font-size:9px;max-width:90px;text-align:right}.choice .origin-tag{font-size:9px}.camp-choices .choice .glyph{font-size:26px}}
@media(max-height:500px){.run-status{top:72px;left:auto;right:15px;transform:none;max-width:45%}.boss-hud{top:99px}.route-options{margin:10px 0}.camp-choices .choice{min-height:110px}}

/* Four meaningful choices stay readable at touch sizes. */
.choices.four-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.four-choices .choice{min-height:175px;padding:16px 18px;text-align:left;display:grid;grid-template-columns:44px minmax(0,1fr);gap:7px;align-content:start}
.four-choices .choice .glyph{position:static;width:44px;height:44px;font-size:27px;margin:0}
.four-choices .choice[data-art-skill] .glyph{position:static;font-size:0;margin:0;width:44px;height:44px}
.four-choices .choice .category{position:static;align-self:center;letter-spacing:0;line-height:1.5}
.four-choices .choice strong,.four-choices .choice p,.four-choices .choice .origin-tag,.four-choices .choice .mastery,.four-choices .choice .rank{grid-column:1/-1;margin:0;letter-spacing:0}
.four-choices .choice[data-general] .glyph{display:grid;place-items:center;color:#6d683c;background:#f4e5b8;border:2px solid #b5a173;border-radius:12px}
.four-choices .choice p{margin:8px 0;line-height:1.65}
.combat-note{white-space:normal;text-align:center;max-width:90%;width:max-content}
.run-settings label:first-child{grid-column:1/-1}
.boss-guide{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.boss-guide article{padding:16px;border:1px solid #c8bf96;border-radius:14px;background:#fff9e9;color:#65704c}
.boss-guide h3{margin:0 0 9px;color:#79643b}.boss-guide p{font-size:12px;line-height:1.8;margin:6px 0}
@media(max-width:760px){.four-choices .choice{min-height:170px;padding:12px 10px}.four-choices .choice strong{font-size:16px}.four-choices .choice p{font-size:11px}.four-choices .choice .rank{font-size:9px}.choices.four-choices{gap:8px}.boss-guide{grid-template-columns:1fr}.combat-note{max-width:94%;line-height:1.7}.journey strong{font-size:12px}}
@media(max-width:360px){.four-choices .choice strong{font-size:14px}.four-choices .choice{padding:10px 8px}.four-choices .choice .category{font-size:9px}}