/* Final actions sit in the browser's top layer, independent of a dragged or scrolled game panel. */
#game dialog.menuDecision,#game #panel #panelBody dialog.menuDecision{
 position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(366px,calc(100vw - 28px));min-width:0;height:fit-content;
 max-height:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:0;
 overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;gap:0;
 border:1px solid #8d7252;border-top:4px solid #97382e;border-radius:5px;
 background:#f9f4e7;color:#302b24;box-shadow:0 8px 28px #1d150e55;text-align:left;text-shadow:none;
}
#game dialog.menuDecision:not([open]),#game dialog.menuDecision[hidden]{display:none!important}
#game dialog.menuDecision[open]{display:grid!important}
#game dialog.menuDecision::backdrop{background:rgba(21,22,25,.64)}
#game .menuDecision .decisionHeading{min-width:0;padding:15px 16px 10px;border-bottom:1px solid #cbbda6}
#game .menuDecision .decisionHeading small{display:block;color:#873b30!important;font:700 11px/1.45 sans-serif;letter-spacing:.08em}
#game .menuDecision .decisionHeading :is(h2,h3){margin:3px 0 0;color:#322a21!important;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
#game .menuDecision .decisionContent{min-width:0;overflow:auto;overscroll-behavior:contain;padding:12px 16px;line-height:1.55}
#game .menuDecision .decisionContent p{margin:0;color:#42392f!important;font-size:14px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
#game .menuDecision .decisionContent>strong{display:block;background:#ede4d2;color:#46351f;border-left:3px solid #9a7c4a;padding:6px 9px;margin-top:8px;font-size:14px;overflow-wrap:anywhere}
#game .menuDecision .decisionContent .currency-diamonds{color:#205a80}
#game .menuDecision .decisionContent .currency-coins{color:#694a13}
#game .menuDecision .decisionActions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:stretch;gap:8px;margin:0;padding:10px 14px 12px;border-top:1px solid #d2c6af;background:#f0e8d8}
#game .menuDecision .decisionActions button,#game #panel #panelBody dialog.menuDecision .decisionActions button{
 display:flex!important;align-items:center;justify-content:center;min-width:0!important;width:100%;min-height:44px!important;height:auto;margin:0;padding:7px 5px!important;
 font-size:14px!important;font-weight:700;line-height:1.25;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;border:1px solid #a99b84!important;border-radius:3px;box-shadow:none!important;text-shadow:none!important;
 color:#473e33!important;background:#fbf8ed!important
}
#game .menuDecision .decisionActions button[data-decision-accept],#game #panel #panelBody dialog.menuDecision .decisionActions button[data-decision-accept]{background:#8c352c!important;color:#fff9eb!important;border-color:#64291f!important}
#game :is(#panel #panelBody,.menuDecision) .decisionActions button:focus-visible{outline:2px solid #253f58!important;outline-offset:2px}
#game .menuDecision .bookConfirmItem{display:flex;align-items:center;gap:8px;padding:4px 0 8px;background:none;color:#40372c}
#game .menuDecision .bookConfirmItem .artIcon{width:42px;height:42px}
@media(max-height:390px){#game .menuDecision .decisionHeading{padding:7px 12px 4px}#game .menuDecision .decisionContent{padding:6px 12px}#game .menuDecision .decisionActions{padding:6px 10px}}
/* Reading surfaces. Keep art, grade colors and combat gauges independent of these cards. */
#game #panel #panelBody :is(.dungeonChoice,.dungeonRoom,.dungeonLobbies .communityEmpty,.outpostTeams>div,.vaultBalances article,.vaultGear,.workCard,.presetSlots>span,.growthWindows article,.transformFeatured article,.clanAchievements>span,.partyRules,.huntingRules,.chatRules,.bookSources,.pkHistoryRow>b,.oddsGrid,.passLabels,.characterDetails,.rankRow.isSelf,.areaTrail,.bossLogRow,.bossReceiptLoot>span,.bossRemoteRows article,.menuPlannedInfo){
 color:var(--ui-ink);background:var(--ui-sheet)!important;border-color:var(--ui-line);box-shadow:none;text-shadow:none
}
#game #panel #panelBody :is(.dungeonPanel,.dungeonRoom) :is(h3,h4,strong,b){color:#473c29!important}
#game #panel #panelBody :is(.dungeonPanel,.dungeonRoom) :is(p,small,label){color:#514a3f!important}
#game #panel #panelBody .dungeonPanel :is(.dungeonDaily,.dungeonFootnote),#game #panel #panelBody .dungeonRoom>p.muted{
 background:#eae2d1!important;border-left:2px solid #a28a64;color:#4d412d!important;text-align:left;line-height:1.5;padding:6px 9px;margin:7px 0
}
#game #panel #panelBody .dungeonPanel .communityEmpty{border:1px dashed var(--ui-line);padding:10px 8px;line-height:1.5}
#game #panel #panelBody .dungeonPanel .dungeonChoice>div{padding:8px 10px}
#game #panel #panelBody .dungeonRoster :is(b,small){display:block}
#game #panel #panelBody .dungeonPanel [data-community-form]{background:#ece5d6;border-color:var(--ui-line)}
#game #panel #panelBody .vaultSlotHint{padding:6px 8px;color:#80342a!important;border:1px solid #b18163;background:#f7eddd}
/* Two sockets retain their places while the selectable copies below are grouped by artwork. */
#game #panel #panelBody .relicFusion{min-width:0;display:grid;gap:8px}
#game #panel #panelBody .relicFusion>header{position:static;display:flex;gap:5px 12px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;background:none;padding:0;height:auto;color:var(--ui-ink);pointer-events:auto}
#game #panel #panelBody .relicFusion :is(h3,h4,p){margin:0}
#game #panel #panelBody .relicFusion p,#game #panel #panelBody .relicFusion>small{font-size:12px;line-height:1.45;color:#595044}
.rfGrades{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
#game #panel #panelBody .rfGrades button{min-width:0;min-height:36px;padding:3px!important;font-size:12px}
.rfTray,.rfPreview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;justify-items:stretch}
#game #panel #panelBody .rfTray,#game .menuDecision .rfPreview{padding:8px;background:#ede5d5;border:1px solid #c9b99b;border-radius:3px}
#game #panel #panelBody :is(.rfSlot,.rfTile),#game .menuDecision .rfPreview>span{box-sizing:border-box;display:grid;min-width:0;justify-items:center;align-content:center;gap:3px;text-align:center;overflow-wrap:anywhere;white-space:normal;padding:4px!important;background:#fbf7ec!important;color:#40372d!important;border:1px solid #c8baa2;border-radius:3px}
#game #panel #panelBody .rfSlot.empty{min-height:79px;border-style:dashed;color:#675c4a!important;background:#f4eddf!important}
#game #panel #panelBody .rfSlot.empty>i{font:24px/1 Georgia,serif;color:#8e7752}
#game .rfArt{display:grid;place-items:center;width:35px;height:35px;border:2px solid var(--gem);border-radius:4px;background:#463d33}
#game .rfArt .vaultIcon{display:block;width:31px;height:31px;aspect-ratio:1;background-image:url('assets/relic-icons-v948.webp');background-size:400% 200%;background-repeat:no-repeat}
#game .rfName{font-size:12px;font-weight:700;line-height:1.3;word-break:keep-all}
#game .rfPlus,#game .rfPreview>b{align-self:center;color:#7a684b!important}
#game #panel #panelBody .rfCheckout{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;background:#e9e0cc}
#game #panel #panelBody .rfCheckout :is(b,small){display:block}
#game #panel #panelBody .rfCheckout b{color:#704520}
#game #panel #panelBody .rfCheckout button{min-height:44px;font-weight:700}
#game #panel #panelBody .rfGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:5px}
#game #panel #panelBody .rfGallery>p{grid-column:1/-1}
#game #panel #panelBody .rfTile:disabled{color:#716659!important;background:#ece6d9!important}
#game #panel #panelBody .rfSlot small,#game #panel #panelBody .rfTile small{font-size:10px;color:#62513a}
#game .menuDecision .rfPreview{margin-top:8px}
/* Captions and text-bearing remnants of the former jade panel theme. */
#game #panel #panelBody :is(.badge,.huntChoices input:checked+span){background:#e8dec5!important;color:#54401f!important;border:1px solid #b9a887;text-shadow:none}
#game #panel #panelBody .huntChoices input:checked+span{box-shadow:inset 0 -2px #846239}
#game #panel #panelBody .vaultBagImprint{background:#ede7d9!important;border-color:#ad9a79!important;color:#4b402e!important}
#game #panel #panelBody .vaultBagImprint>strong{color:#5a4325}
#game #panel #panelBody .vaultBagImprint .imprintMark{background:#ddd8c8;color:#3f3d31}
#game #panel #panelBody .inventoryGrid .itemTile{background-color:#e5dfd1;background-image:none;color:#353029}
#game #panel #panelBody .inventoryGrid .itemTile[aria-pressed=true]{outline:2px solid #876535;outline-offset:-2px;background-color:#e3d5b8}
#game #panel #panelBody .inventoryGrid .itemTile .equippedMark{background:#534b38;color:#fffae9}
#game #panel #panelBody .productArt>small{background:#f8f1e0;color:#493a24!important;border:1px solid #bca985}
#game #panel #panelBody .relicFusion .rfTile:disabled{opacity:1!important;filter:none}
#game #panel #panelBody .relicFusion .rfTile[data-picked=true]{background:#efe1c4!important;border-color:#8e6b36;box-shadow:inset 0 -2px #8e6b36!important}
#game #panel #panelBody .relicFusion .rfTile[data-picked=true] small{color:#604923;font-weight:700}
#game #panel #panelBody .rfCheckout button:not(:disabled){background:#4d5863!important;border-color:#424956;color:#fff9e9!important}

#game #panel #panelBody .dungeonPanel :is(.communityHero>svg,.dungeonRoster svg){color:#785b2e}
#game #panel[data-kind="relics"] #panelBody .dungeonChoice form :is(select,button){min-height:44px!important;max-width:100%}
#game #panel[data-kind="relics"] #panelBody .dungeonChoice form select{font-size:16px}
