/* Approved sapphire, gold and crystal artwork with live content retained. */
html:has(body[data-screen^="elemental"]),html:has(body[data-screen="memberAccount"]){overflow:auto!important;height:auto!important}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]){position:static!important;inset:auto!important;height:auto!important;min-height:100dvh;overflow:auto!important;background:#07162d!important}
body:is([data-screen^="elemental"],[data-screen="memberAccount"]) #top{position:relative!important;inset:auto!important;height:auto!important;min-height:100dvh;overflow:visible!important;padding:12px!important;box-sizing:border-box!important}
body :is(#elementalMercenaryList,#elementalMercenary,#elementalMercenaryRegister,#elementalRooms,#elementalChat,#elementalDrops,#elementalDropMonth,#memberAccount,#elementalInfo,#elementalRules,#elementalOther,#elementalHelp,#elementalGuide,#elementalNotifications,#elementalAdmission).e23-screen{display:block;position:relative!important;left:auto!important;inset:auto!important;width:100%!important;max-width:680px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:0 16px 16px!important;box-sizing:border-box!important;border:3px double #d6af64!important;border-radius:18px!important;background:linear-gradient(120deg,#fffaf0,#f3e4c8)!important;color:#152947!important;overflow:visible!important;box-shadow:0 10px 35px #0008,inset 0 0 0 3px #a9833e30!important}
body .e23-screen[hidden]{display:none!important}
body .e23-screen .e23-hero{position:relative;width:calc(100% + 32px);margin:0 -16px 14px;overflow:hidden;border-radius:14px 14px 0 0;border-bottom:2px solid #c7a256;flex:none}
.e23-hero svg{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}
.e23-hero-caption{position:absolute;bottom:0;left:0;right:0;margin:0!important;padding:14px 8px!important;text-align:center;font:700 clamp(19px,5vw,27px)/1.4 'Noto Serif JP',serif!important;color:#ffe8b4!important;background:linear-gradient(transparent,#06152ee8 28%);text-shadow:0 2px 4px #000}
.e23-accessible{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important;margin:0!important}
body .e23-screen :is(p,small,label,h3,h4,strong,summary){color:inherit;text-shadow:none!important}
body .e23-screen :is(p,small,label){line-height:1.7;overflow-wrap:anywhere}
body .e23-screen> :not(.e23-hero){max-width:100%;box-sizing:border-box}
body .e23-screen :is(.member-card,.member-state,.member-preserve,.notification-setting-row,.member-notification,.mercenary-comment,.member-message,.mercenary-card-copy){height:auto!important;max-height:none!important;min-height:0!important;background:#fffaf0e8!important;color:#142b4b!important;border:1px solid #cbaa67!important;border-radius:10px!important;box-shadow:0 2px 8px #6a491413!important;padding:12px!important;margin:10px 0!important}
body .e23-screen :is(input,textarea,select){box-sizing:border-box;max-width:100%;background:#fffdf6!important;color:#142844!important;border:1px solid #c8a35b!important;border-radius:7px!important;padding:10px!important;font-size:16px!important}
body .e23-screen :is(button:not(.notification-switch),a:not(.e23-return):not(.member-attachment),summary){color:#ffecc8!important;background:linear-gradient(125deg,#183e70,#071b3c)!important;border:2px solid #cba65f!important;border-radius:10px!important;box-shadow:inset 0 0 0 2px #ecd39620,0 2px 5px #14233b20!important;min-height:44px;padding:11px 13px!important;line-height:1.45!important;font-size:15px!important;text-decoration:none!important;text-shadow:none!important;box-sizing:border-box}
body .e23-screen summary{cursor:pointer;margin:-1px!important;list-style-position:inside}
body .e23-screen button:disabled{opacity:.55}
body .e23-screen :is(button,a,summary):focus-visible{outline:3px solid #379aca!important;outline-offset:2px}
body .e23-screen .board-back.e23-return{display:block;position:relative!important;inset:auto!important;margin:8px 0 14px!important;min-height:42px!important;padding:11px!important;background:linear-gradient(110deg,#244b7b,#081c3c)!important;color:#ffedc2!important;border:2px solid #cda55a!important;border-radius:12px!important;text-align:center;font:700 15px/1.4 serif!important;text-decoration:none}
body .e23-screen .e23-footer{margin-top:20px!important}
body .e23-screen :is(.elemental-info-choices,.elemental-help-choices,.member-channels){display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:12px!important;height:auto!important;min-height:0!important;padding:0!important;flex:none!important}
body .e23-screen :is(.elemental-info-choices,.elemental-help-choices) a,body .e23-screen .elemental-help-choices button{display:flex!important;justify-content:space-between;align-items:center;min-height:68px!important;font-size:18px!important;background:linear-gradient(110deg,#fffdf5,#f0e0bd)!important;color:#102847!important;border:2px solid #c19c54!important;padding:16px!important}
body .e23-screen .elemental-info-choices a::before{content:'✦';color:#b98d38;margin-right:12px;font-size:26px}
body #mercenaryCards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}
body .e23-screen .mercenary-profile-card{display:block!important;padding:4px!important;text-align:left;overflow:hidden;background:#fff6e2!important;color:#182b48!important}
body .e23-screen .mercenary-profile-card img,body .e23-screen .mercenary-portrait-placeholder{width:100%!important;height:180px!important;object-fit:cover!important;border-radius:6px 6px 0 0}
body .e23-screen .mercenary-portrait-placeholder{display:grid;place-items:center;font-size:70px;color:#dfbf75;background:radial-gradient(ellipse,#2d6292,#0c2046)}
body .e23-screen .mercenary-card-copy{padding:8px!important;border:0!important;margin:0!important}
body .e23-screen .mercenary-card-copy header{display:flex;flex-wrap:wrap;gap:5px}
body .e23-screen .mercenary-card-copy header span{font-size:11px;background:#143d68;color:#ffeac1;padding:3px 5px;border-radius:5px}
body .e23-screen :is(.member-messages,.drop-gallery,.elemental-guide-content,.notification-settings-content){height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:none!important;padding:4px 0!important;background:none!important;color:#162b47!important}
body .e23-screen .member-messages{max-height:55dvh!important;overflow:auto!important}
body .e23-screen .member-composer{position:relative!important;bottom:auto!important;background:#f9edda!important}
body .e23-screen .notification-setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
body .e23-screen .notification-switch{flex:0 0 50px;width:50px!important;min-height:28px;border:1px solid #ba9a59!important;background:#8c96a4!important}
body .e23-screen .notification-switch[aria-checked=true]{background:#235a90!important}
body .e23-screen :is(.five-slot-board,.mercenary-top){height:auto!important;min-height:0!important;flex:none!important;margin:12px 0!important}
body .e23-screen .queue-slot{min-height:54px!important;background:linear-gradient(#183d67,#0d2446)!important;color:#fff0cd!important;border:1px solid #b89a5b!important}
body .e23-screen .queue-slot strong{color:#fff0cd!important}
body #elementalPortal.e22-ready{height:auto!important;max-height:none!important;min-height:0!important;padding:0!important;width:100%!important;left:auto!important;max-width:680px!important;margin:0 auto!important;overflow:visible!important}
body #elementalPortal.e22-ready .e22-panel .e22-link.board-back{position:absolute!important;inset:auto;box-shadow:none!important;background:transparent!important;border:0!important;padding:0!important}
body #elementalPrayer.e23-prayer{background:#071b36!important}
body #elementalPrayer .e23-prayer-idle{position:absolute;inset:0 0 auto;aspect-ratio:auto!important;height:64dvh;width:min(100%,680px);margin:0 auto;z-index:1}
body #elementalPrayer:not(.e23-prayer-result) #prayerCanvas{opacity:0}
body #elementalPrayer.e23-prayer-result .e23-prayer-idle{display:none}
body #elementalPrayer .prayer-header{z-index:3;top:50px}
body #elementalPrayer:not(.e23-prayer-result) .prayer-header h2{visibility:hidden}
body #elementalPrayer:not(.e23-prayer-result) .prayer-footer{background:linear-gradient(transparent,#fff7e8 16%);color:#152a47;text-shadow:none;z-index:3;padding-top:28px}
body #elementalPrayer:not(.e23-prayer-result) :is(#prayerFeedback,.prayer-footer small){color:#152a47!important;text-shadow:none}
body #elementalPrayer :is(.prayer-footer button,#prayerReturn,.prayer-header .board-back){background:linear-gradient(110deg,#214d7d,#071a3a)!important;color:#ffedbd!important;border-color:#d1ab62!important}
body .e23-screen [hidden]{display:none!important}
@media(max-width:360px){body .e23-screen{padding-left:10px!important;padding-right:10px!important}body .e23-screen .e23-hero{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}body #mercenaryCards{gap:7px!important}body .e23-screen .mercenary-profile-card img,body .e23-screen .mercenary-portrait-placeholder{height:140px!important}}
.ib-all-wrap{display:flex;align-items:stretch;min-width:0}.ib-all-wrap .ib-tab{flex:1;min-width:0}.ib-trash{display:grid;place-items:center;border:1px solid #c9ab70;border-left:0;border-radius:0 8px 8px 0;background:#fff5e2;color:#87623c;padding:6px;min-width:36px;cursor:pointer}.ib-trash:focus-visible{outline:3px solid #35759b}.ib-all-wrap .ib-tab{border-radius:8px 0 0 8px}
#m17-root #admin23-entry{display:block;width:84%;margin:8px auto;padding:10px 12px;min-height:42px;border:1px solid #cfab6a;border-radius:9px;background:linear-gradient(110deg,#1a3552,#0a1b32);color:#ffe7b3;font:700 14px/1.4 serif;cursor:pointer}#m17-root #admin23-entry[hidden]{display:none!important}#m17-root #m17-admin{display:none!important}
.admin23-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin23-grid button{min-height:68px}.admin23-group{border-top:1px solid #cbae72;padding-top:10px;margin-top:16px}
/* Final overrides for inherited rare-card layout and text contrast. */
html body:is([data-screen^="elemental"],[data-screen="memberAccount"]) #top{padding-top:38px!important}
html body #top section.e23-screen[id] :is(p,small,label,h3,h4,strong){color:#19314e!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html body #top section.e23-screen[id] :is(button,a,summary){color:#ffedc7!important;-webkit-text-fill-color:currentColor!important}
html body #top section.e23-screen[id] :is(button,a,summary) :is(strong,small,span){color:inherit!important;-webkit-text-fill-color:currentColor!important}
html body #top section.e23-screen[id] .e23-hero-caption{background:linear-gradient(transparent,#071b37 25%)!important;color:#ffecc0!important;border:0!important;border-radius:0!important;padding:16px 8px!important}
html body #top #elementalMercenaryList.e23-screen #mercenaryCards{grid-auto-rows:auto!important;align-items:start!important}
html body #top #elementalMercenaryList.e23-screen .mercenary-profile-card{position:relative!important;display:block!important;height:auto!important;min-height:0!important;padding:4px!important;border:2px solid #c9a65f!important;border-radius:11px!important;background:#fff7e4!important;color:#19314e!important;box-shadow:0 3px 9px #573b2226!important}
html body #top #elementalMercenaryList.e23-screen .mercenary-profile-card::after{display:none!important}
html body #top #elementalMercenaryList.e23-screen .mercenary-card-copy{position:static!important;inset:auto!important;display:block!important;padding:9px!important;margin:0!important;width:100%!important;background:#fff7e4!important;color:#19314e!important;box-sizing:border-box}
html body #top #elementalMercenaryList.e23-screen .mercenary-card-copy :is(p,strong,small){color:#19314e!important;margin:4px 0!important;text-align:left!important;font-size:13px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5!important}
html body #top #elementalMercenaryList.e23-screen .mercenary-card-copy strong{font-size:16px!important}
html body #top #elementalMercenaryList.e23-screen .mercenary-card-copy small{display:block!important;border-top:1px solid #d4b672!important;padding-top:7px!important}
html body #top #elementalMercenaryList.e23-screen .mercenary-card-copy header span{color:#ffedc7!important}
html body #top section.e23-screen[id] :is(.elemental-info-choices,.elemental-help-choices) :is(a,button){background:linear-gradient(110deg,#fffdf4,#efe0bf)!important;color:#19314e!important;border-color:#c6a05b!important;font-size:18px!important}
html body #top #memberAccount.e23-screen #memberMercenaryApply{background:linear-gradient(120deg,#204e7a,#0c2345)!important}
html body #elementalPrayer .e23-prayer-idle{top:38px!important;height:calc(64dvh - 38px)!important}
