/* V344: the same charcoal surfaces and restrained brass as existing menus. */
.inheritance-overlay{padding:16px;overflow:hidden}
.inheritance-screen{width:min(1080px,100%);max-height:100%;display:flex;flex-direction:column;min-height:0;padding:22px 24px 16px;border:1px solid var(--ui-edge);border-radius:8px;background:linear-gradient(145deg,#18222bf5,#0c131bf5);box-shadow:0 20px 70px #0007;color:var(--ui-text);text-align:left}
.inheritance-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-shrink:0;margin-bottom:8px;padding-bottom:7px}
.inheritance-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.02em}
.inheritance-head>p{color:var(--ui-muted);font-size:13px;line-height:1.6;margin:0;max-width:280px}
.inheritance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start;grid-auto-rows:1fr;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-width:thin;padding:2px 3px 4px}
.inheritance-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:12px 12px 10px;background:linear-gradient(150deg,#202c35,#111a23);border:1px solid #b4aa8838;border-radius:6px;text-align:center}
.inheritance-card h3{font-size:15px;line-height:1.4;font-weight:600;color:#eee9de;margin:0 0 2px;min-height:21px;white-space:nowrap}
.inheritance-icon{height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.inheritance-icon img{display:block;width:64px;height:64px;object-fit:contain}
.inheritance-effect{display:flex;flex-direction:column;justify-content:flex-start;gap:5px;min-height:40px;margin-bottom:4px}
.inheritance-effect strong{font-weight:500;font-size:12px;line-height:1.5;color:#ead5ac;overflow-wrap:anywhere}
.inheritance-effect small{font-size:11px;line-height:1.45;color:#a5afb6}
.inheritance-progress{margin-top:0;display:flex;align-items:center;gap:8px}
.inheritance-bars{flex:1;display:flex;gap:4px}
.inheritance-bars span{height:7px;flex:1;background:#080e14;border:1px solid #818b9338;border-radius:2px}
/* Filled steps use a small raised brass surface in each graphics style. */
.inheritance-bars .filled{background:linear-gradient(180deg,#efd8a0 0%,#d7b576 52%,#b68f52 100%);border-color:#ead09a #b48e55 #94713f #ead09a;box-shadow:inset 0 1px #fff0c080,inset 0 -1px #89663566,0 1px 2px #0005}
[data-graphics="pixel"] .inheritance-bars .filled{background:#baa77a;border-color:#e2d5ac #796f53 #6d6858 #e2d5ac;box-shadow:inset 1px 1px #dfd0a0,inset -1px -1px #8a7b59,0 1px #050c12}
.inheritance-progress>span{font-size:11px;color:#b7c1c8;white-space:nowrap;font-variant-numeric:tabular-nums}
.inheritance-purchase{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;min-height:32px}
.inheritance-purchase>span{font-size:11px;color:#aeb7bf;white-space:nowrap}
.inheritance-purchase b{font-weight:600;color:#ead1a0;font-variant-numeric:tabular-nums}
.overlay .inheritance-purchase button{display:block;margin:0;padding:5px 11px;min-height:32px;min-width:74px;font-size:11px;width:auto}
.inheritance-purchase button:disabled{opacity:.55;cursor:default}
.inheritance-card.complete{border-color:#d4b97b66}
.inheritance-foot{display:flex;align-items:flex-end;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #b8a27330;flex-shrink:0}
.inheritance-storage{flex:1;min-width:0;margin:0;color:#9facb5;font-size:11px;line-height:1.65;white-space:nowrap;overflow-x:auto}
.inheritance-wallet{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:82px;margin-left:auto}
.inheritance-wallet span{font-size:11px;color:#f5a85e;font-weight:700}
.inheritance-wallet strong{color:#f5a85e;font-size:23px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}
.overlay .inheritance-foot button{margin:0;min-height:42px;padding:10px 16px;font-size:13px;white-space:nowrap;width:auto}
.inheritance-error{padding:24px 12px;line-height:1.7;color:#efd5ad;font-size:14px}
.inheritance-confirm{text-align:center}
.inheritance-refund{display:block;color:#ead2a2;margin:18px 0;font-size:20px}
.inheritance-confirm-actions{display:flex;gap:12px;justify-content:center}
.overlay .inheritance-confirm-actions button{margin:0;min-width:110px}
.manual-tutorial{align-self:center;margin:0 0 12px;flex-shrink:0}
.inheritance-result b{color:#edd3a0;font-variant-numeric:tabular-nums}
[data-graphics="pixel"] .inheritance-icon img{image-rendering:pixelated}
[data-graphics="pixel"] .inheritance-card,[data-graphics="pixel"] .inheritance-screen,[data-graphics="pixel"] .inheritance-bars span{border-radius:0}
@media(max-width:900px){.inheritance-foot{flex-wrap:wrap}.inheritance-storage{flex-basis:100%;max-width:none}.inheritance-wallet{margin-left:0;margin-right:auto}.inheritance-head{gap:12px}.inheritance-head h2{font-size:21px}}
@media(max-height:540px) and (min-width:700px){.inheritance-overlay{padding:8px 12px}.inheritance-screen{padding:12px 14px 10px}.inheritance-head{margin-bottom:4px;padding-bottom:4px}.inheritance-head h2{font-size:19px}.inheritance-head .eyebrow{font-size:10px}.inheritance-head>p{font-size:11px}.inheritance-grid{gap:9px}.inheritance-card{padding:10px 9px}.inheritance-card h3{font-size:13px}.inheritance-icon{height:54px;margin-bottom:3px}.inheritance-icon img{width:48px;height:48px}.inheritance-effect{min-height:40px}.inheritance-effect strong{font-size:11px}.inheritance-effect small{font-size:10px}.inheritance-foot{margin-top:8px;padding-top:8px;gap:8px}.inheritance-storage{font-size:10px}.inheritance-wallet{min-width:66px;margin-left:auto;margin-right:0}.inheritance-wallet strong{font-size:20px}.overlay .inheritance-foot button{padding:8px 12px;min-height:40px}.overlay .inheritance-purchase button{min-height:40px;padding:7px 8px;min-width:67px}}
@media(max-width:699px){.inheritance-overlay{padding:10px}.inheritance-screen{padding:15px 12px 12px}.inheritance-head{display:block;margin-bottom:6px;padding-bottom:5px}.inheritance-head>p{margin-top:7px;font-size:12px;max-width:none}.inheritance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.inheritance-card{padding:12px 9px}.inheritance-card h3{font-size:13px}.inheritance-foot{gap:9px}.inheritance-storage{font-size:10px}.overlay .inheritance-foot button{padding:9px 12px;font-size:12px}.inheritance-wallet strong{font-size:21px}.overlay .inheritance-purchase button{min-height:42px;min-width:65px;padding:7px 8px}.inheritance-purchase>span{font-size:10px}.inheritance-purchase{gap:5px}}

/* Mobile combat chrome hides generic header/footer tags. Menu chrome stays visible. */
.inheritance-screen>.inheritance-head{display:flex!important;height:auto;min-height:0;border:0;border-bottom:1px solid #b8a27330}
.inheritance-screen>.inheritance-foot{display:flex!important}
@media(pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 .inheritance-overlay{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow:hidden}
 .inheritance-screen{max-height:100%;min-height:0;overflow:hidden}
 .inheritance-screen>.inheritance-foot{display:grid!important;grid-template-columns:minmax(0,1fr) max-content auto auto;grid-template-areas:"storage wallet reset back";align-items:end;gap:6px 10px;margin-top:8px;padding-top:6px;flex-shrink:0}
 .inheritance-storage{grid-area:storage;display:block!important;align-self:start;width:100%;max-width:none;min-width:0;font-size:10px;line-height:1.7;white-space:normal;overflow-x:visible;overflow-wrap:anywhere;margin:0}
 .inheritance-wallet{grid-area:wallet;display:flex!important;align-items:flex-end;justify-self:end;text-align:right;white-space:nowrap;margin:0;min-width:0}
 .inheritance-storage-cookie{display:none!important}
 .inheritance-wallet span{display:block;font-size:11px}
 .inheritance-wallet strong{display:block;font-size:21px}
 #inheritReset{grid-area:reset}
 #inheritBack{grid-area:back}
 .overlay .inheritance-foot button{display:block!important;margin:0;min-height:44px;min-width:76px;padding:9px 13px}
}
@media(max-width:699px){.inheritance-screen>.inheritance-head{display:block!important}}

/* Compact card controls; footer actions retain their larger touch targets. */
@media(pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 .overlay .inheritance-purchase button{min-height:36px;padding:5px 8px}
 .inheritance-purchase{min-height:36px;margin-top:6px}
}
/* Narrow portrait phones keep the notice below the right-aligned wallet/actions. */
@media(max-width:599px) and (orientation:portrait){
 .inheritance-screen>.inheritance-foot{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"wallet reset back" "storage storage storage";row-gap:4px}
}

/* V347: one-line mobile descriptions and equal compact card rows. */
.inheritance-effect-mobile{display:none}
@media(pointer:coarse),(max-width:800px),(max-width:1000px) and (max-height:500px){
 .inheritance-grid{grid-auto-rows:1fr;align-items:stretch}
 .inheritance-card{padding-bottom:10px}
 .inheritance-card h3{min-height:16.8px;height:16.8px;flex-shrink:0;margin-bottom:0;font-size:12px;line-height:1.4}
 .inheritance-icon{height:54px;margin-bottom:3px}
 .inheritance-icon img{width:48px;height:48px}
 .inheritance-effect{min-height:36px;height:36px;flex-shrink:0;gap:4px;margin-bottom:4px}
 .inheritance-effect strong{font-size:10px;line-height:1.5;white-space:nowrap;overflow-wrap:normal}
 .inheritance-effect small{font-size:9px;line-height:1.5;white-space:nowrap}
 .inheritance-effect-desktop{display:none}
 .inheritance-effect-mobile{display:inline}
}

/* Selected menu cards share the existing brass focus treatment. */
.inheritance-card.selected{border-color:#d7b576;box-shadow:inset 0 0 0 1px #d7b57655}
.inheritance-card:focus{outline:none}
.inheritance-card:focus-visible{outline:2px solid var(--teal);outline-offset:-3px}