@font-face{font-family:"Homepage Planner Garamond";src:url("/w/extensions/AshenborneTools/resources/planner-preview/design-fidelity-20261018-b/assets/eb-garamond.ttf") format("truetype");font-weight:400 800;font-display:swap}
/* Proposal is deliberately scoped to this one homepage section. */
.as-home #planner-preview .as-planner-promo{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(650px,1.5fr);gap:48px;align-items:center}
.as-home #planner-preview .as-planner-promo-copy{max-width:460px}
.as-home #planner-preview .hp-panel{display:block;min-width:0;background:linear-gradient(135deg,#17150f,#0e0d09 60%);border:1px solid #b99b5e55;color:#d8ccb3;text-decoration:none;box-shadow:0 18px 60px #0006;font-family:"Homepage Planner Garamond",Georgia,serif;font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums;transition:border-color .2s}
.as-home #planner-preview .hp-panel:hover,.as-home #planner-preview .hp-panel:focus-visible{border-color:#d2b578;outline-offset:5px}
.as-home #planner-preview .hp-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px 16px;border-bottom:1px solid #b99b5e35;background:#c4a46a04}
.as-home #planner-preview .hp-title{font:19px var(--as-display);color:#ead9ac}
.as-home #planner-preview .hp-title small{font:8px var(--as-body);text-transform:uppercase;letter-spacing:1.6px;color:#b69a64;border:1px solid #b99b5e35;padding:4px 6px;margin-left:8px;vertical-align:middle}
.as-home #planner-preview .hp-class{font-size:17px;color:#e9ddc1}.as-home #planner-preview .hp-class>span{margin-left:12px;color:#a89a7d;font-size:13px}
.as-home #planner-preview .hp-mode{padding:10px 22px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #b99b5e25;font-size:13px;color:#c7b58e}
.as-home #planner-preview .hp-mode i{margin:0 7px;color:#6d5e43;font-style:normal}
.as-home #planner-preview .hp-example{font:8px var(--as-body);text-transform:uppercase;letter-spacing:1.3px;margin-left:10px;color:#928469}
.as-home #planner-preview .hp-body{display:grid;grid-template-columns:1.04fr 1.5fr 1.05fr;gap:20px;padding:22px}
.as-home #planner-preview .hp-body h3{font:12px var(--as-display);font-variant:small-caps;color:#dbc48a;letter-spacing:.4px;margin:0 0 12px;padding:0 0 9px;border-bottom:1px solid #b99b5e35;white-space:nowrap}
.as-home #planner-preview .hp-stat-key,.as-home #planner-preview .hp-stat{display:grid;grid-template-columns:1fr 25px 46px 25px;gap:3px;align-items:center;text-align:center}
.as-home #planner-preview .hp-stat-key{font-size:9px;color:#9e8a61;margin:4px 0 8px}.as-home #planner-preview .hp-stat{padding:5px 0;font-size:14px}.as-home #planner-preview .hp-stat>span:first-child{text-align:left}.as-home #planner-preview .hp-stat>span:last-child{color:#cfb56d}.as-home #planner-preview .hp-planned{color:#ead9b1;word-spacing:3px}
.as-home #planner-preview .hp-level{display:flex;justify-content:space-between;border-top:1px solid #b99b5e25;padding-top:13px;margin-top:16px;color:#bba77b}
.as-home #planner-preview .hp-armaments{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:15px}.as-home #planner-preview .hp-four{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:15px}
.as-home #planner-preview .hp-slot{aspect-ratio:1;position:relative;display:grid;place-items:center;border:0;background:url("/w/extensions/AshenborneTools/resources/planner-preview/design-fidelity-20261018-b/assets/elden-ring-slot-base-crop.png") center/100% 100% no-repeat;overflow:hidden;isolation:isolate}
.as-home #planner-preview .hp-equipped{background-image:url("/w/extensions/AshenborneTools/resources/planner-preview/design-fidelity-20261018-b/assets/elden-ring-slot-base-crop.png")}
.as-home #planner-preview .hp-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;z-index:1;pointer-events:none;filter:drop-shadow(0 2px 3px #0006)}
.as-home #planner-preview .hp-slot small{position:absolute;bottom:2px;left:4px;color:#bfa97b;font:8px var(--as-body);text-shadow:0 1px 2px #000}.as-home #planner-preview .hp-empty{position:relative;inset:auto;width:62%;height:72%;opacity:.6;filter:none}
.as-home #planner-preview .hp-talismans{margin-bottom:0}
.as-home #planner-preview .hp-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:20px}
.as-home #planner-preview .hp-resources>div{border:1px solid #b99b5e30;padding:9px 6px;background:#0c0b08}.as-home #planner-preview .hp-resources span{display:block;font:8px var(--as-body);letter-spacing:.6px;color:#a48d5e;text-transform:uppercase}.as-home #planner-preview .hp-resources strong{display:block;font-size:24px;line-height:1.2;margin-top:4px;color:#eddfbd;font-weight:600}
.as-home #planner-preview .hp-output{padding:0 0 15px;margin-bottom:13px;border-bottom:1px solid #b99b5e25}.as-home #planner-preview .hp-output>span{color:#c7af77;font:12px var(--as-display);font-variant:small-caps}.as-home #planner-preview .hp-output>div:not(.hp-load){display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin-top:11px;font-size:13px}.as-home #planner-preview .hp-output strong{color:#e8ddbf;font-weight:600}.as-home #planner-preview .hp-output small{display:block;text-align:right;margin-top:4px;color:#a8915d;font-size:11px}
.as-home #planner-preview .hp-load{height:4px;background:#383120;margin-top:10px}.as-home #planner-preview .hp-load>span{display:block;height:100%;background:#bca05d}
.as-home #planner-preview .hp-poise{display:flex;justify-content:space-between;align-items:center}
.as-home #planner-preview .hp-foot{display:flex;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid #b99b5e30;font-size:12px;color:#9c8f72;background:#0b0a07}.as-home #planner-preview .hp-foot>span:last-child{color:#dac184}.as-home #planner-preview .hp-foot b{margin-left:7px}
@media(max-width:1150px){.as-home #planner-preview .as-planner-promo{grid-template-columns:1fr;gap:30px}.as-home #planner-preview .as-planner-promo-copy{max-width:680px}.as-home #planner-preview .hp-panel{width:100%;max-width:850px}}
@media(max-width:600px){.as-home #planner-preview .hp-top{padding:16px;flex-wrap:wrap;gap:12px}.as-home #planner-preview .hp-title{font-size:18px}.as-home #planner-preview .hp-mode{padding:10px 16px}.as-home #planner-preview .hp-example{display:none}.as-home #planner-preview .hp-body{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px 16px;padding:18px 16px}.as-home #planner-preview .hp-status{grid-column:1/-1;border-top:1px solid #b99b5e25;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.as-home #planner-preview .hp-status h3,.as-home #planner-preview .hp-resources{grid-column:1/-1}.as-home #planner-preview .hp-resources>div{padding:10px}.as-home #planner-preview .hp-poise{display:none}.as-home #planner-preview .hp-stat{font-size:13px}.as-home #planner-preview .hp-stat-key,.as-home #planner-preview .hp-stat{grid-template-columns:1fr 18px 35px 21px;gap:1px}.as-home #planner-preview .hp-planned{word-spacing:0}.as-home #planner-preview .hp-body h3{font-size:11px}.as-home #planner-preview .hp-foot{padding:12px 16px}.as-home #planner-preview .hp-foot>span:first-child{max-width:175px}}

/* Same native slot layers and pixel alignment as the maintained planner. */
.as-home #planner-preview .hp-slot::after{content:"";position:absolute;inset:0;background:url('/w/extensions/AshenborneTools/resources/planner-preview/slot-art-20261019-b/assets/slot-hover.webp') center/100% 100% no-repeat;opacity:0;pointer-events:none;z-index:0;transition:opacity .16s}
.as-home #planner-preview .hp-slot:hover::after,.as-home #planner-preview .hp-panel:focus-visible .hp-armaments>.hp-slot:first-child::after{opacity:1}
.as-home #planner-preview .hp-slot small{z-index:2}
@media(prefers-reduced-motion:reduce){.as-home #planner-preview .hp-slot::after{transition:none}}