/* Mirrors the game Deck & Trunk, Grubbin, and Player Market screens. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;800&display=swap');
.mhpa{max-width:1600px;background:#070d0d;color:#e8d5ab;font-size:16px}
.mhpa-nav{background:#060b0d;border-bottom-color:#765831}
.mhpa-nav .mhpa-brand{display:block;width:min(360px,55vw)}
.mhpa-nav .mhpa-brand img{display:block;width:100%;height:auto}
.mhpa-nav div a{font-size:14px;letter-spacing:.06em;color:#d9bf86}
.mhpa-nav div a:hover{color:#fff0c4}
.mhpa>header,.mhpa>.mhpa-hero,.mhpa>section:not(.mhpa-game-section){position:relative;z-index:1}
.mhpa h1,.mhpa h2,.mhpa h3{color:#f3d59b}
.mhpa-game-shell{position:relative;isolation:isolate;margin:36px -8px 30px;padding:24px 20px 36px;background:#07100f;border:1px solid #6b502b;box-shadow:0 18px 48px #000b;overflow:hidden}
.mhpa-game-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#030909ed,#030909ed),url(art/board.webp) center top/cover no-repeat;opacity:.96}
.mhpa-game-banner{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:2px 8px 14px;border-bottom:1px solid #8b6a39}
.mhpa-game-banner strong{font:700 clamp(22px,2.6vw,32px) Georgia,serif;color:#f4d69e;text-shadow:0 2px 10px #000}
.mhpa-game-banner span{font:11px/1.4 Cinzel,Georgia,serif;letter-spacing:.12em;color:#ad9a72}
.mhpa-game-tabs{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:18px 0 8px}
.mhpa-game-tabs a,.mhpa .mhpa-filter,.mhpa .mhpa-shop-tab{display:inline-flex;justify-content:center;align-items:center;min-height:36px;padding:7px 20px;border:1px solid #806538;background:#0b1716;color:#ead6a7;font:600 12px Cinzel,Georgia,serif;letter-spacing:.04em;text-decoration:none;box-shadow:inset 0 0 0 2px #07100f}
.mhpa-game-tabs a:hover,.mhpa .mhpa-filter:hover,.mhpa .mhpa-shop-tab:hover,.mhpa-game-tabs .is-active,.mhpa .mhpa-filter.is-active,.mhpa .mhpa-shop-tab.is-active{background:#381b1b;color:#f4d99f;border-color:#c59454}
.mhpa .mhpa-game-section{border:0;padding:23px 4px 40px;scroll-margin-top:20px}
.mhpa .mhpa-game-section+.mhpa-game-section{border-top:1px solid #826039}
.mhpa-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:12px}
.mhpa .mhpa-section-heading h2{margin:0;font:700 clamp(23px,2.2vw,32px) Georgia,serif;color:#f0cd8c;text-transform:uppercase}
.mhpa-section-heading p{margin:0;color:#beaa7c;font-size:13px}
.mhpa .mhpa-subheading{font:700 18px Georgia,serif;margin:24px 0 6px;color:#d5a967;text-transform:uppercase}
.mhpa .mhpa-help{margin:0 0 14px;color:#d8c6a2;max-width:1000px}
.mhpa .mhpa-decks{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin:8px 0 18px}
.mhpa .mhpa-decks article{background:#091211;border:2px double #75542f;box-shadow:inset 0 0 0 3px #07100f;padding:14px}
.mhpa .mhpa-decks strong{font:700 18px Georgia,serif;color:#f0d293}
.mhpa .mhpa-decks p{margin:4px 0;color:#e3d4b2}
.mhpa .mhpa-decks article form{margin:8px 0 0}
.mhpa form:has(#mhpa-deck-data){display:block;margin:0}
.mhpa .mhpa-deck-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.mhpa .mhpa-deck-toolbar label{font:600 11px Cinzel,Georgia,serif;color:#e2bc78;letter-spacing:.05em}
.mhpa .mhpa-deck-toolbar input,.mhpa .mhpa-deck-toolbar select,.mhpa .mhpa-search-label input,.mhpa .mhpa-shop-controls input,.mhpa .mhpa-market-row input{background:#07110f;border:1px solid #8b6b3e;border-radius:0;color:#f3e1bd;padding:9px 10px;font:14px/1.2 system-ui,sans-serif}
.mhpa .mhpa-deck-toolbar #mhpa-deck-name{width:220px}
.mhpa .mhpa-deck-toolbar button,.mhpa .mhpa-shop-grid button,.mhpa .mhpa-market-row button{min-height:36px;padding:8px 15px;background:#351b19;border:1px solid #b48a4e;border-radius:0;color:#f2d69f;font:700 11px Cinzel,Georgia,serif;letter-spacing:.04em;box-shadow:inset 0 0 0 2px #140f0d}
.mhpa .mhpa-deck-toolbar button:hover,.mhpa .mhpa-shop-grid button:hover:not(:disabled),.mhpa .mhpa-market-row button:hover:not(:disabled){background:#603027;color:#fff1c8}
.mhpa .mhpa-shop-grid button:disabled,.mhpa .mhpa-market-row button:disabled{opacity:.45;cursor:not-allowed}
.mhpa .mhpa-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,.77fr);gap:10px;align-items:stretch}
.mhpa .mhpa-builder>.mhpa-game-panel,.mhpa .mhpa-game-panel{background:#06100fcc;border:2px solid #896539;box-shadow:inset 0 0 0 3px #06100e,0 7px 25px #0007;min-width:0;padding:10px}
.mhpa .mhpa-builder>.mhpa-game-panel{min-height:650px}
.mhpa-game-panel h4,.mhpa-game-panel h3{margin:0 0 10px;color:#e9c688;font:700 17px Georgia,serif;text-transform:uppercase}
.mhpa .mhpa-active-deck h4{color:#d44b3e}
.mhpa .mhpa-filter-bar{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}
.mhpa .mhpa-filter{flex:1;padding:5px 7px;min-height:31px;font-size:10px}
.mhpa .mhpa-search-label{display:grid;gap:3px;color:#b9a273;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
.mhpa .mhpa-search-label input{width:100%}
.mhpa .mhpa-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:8px;max-height:605px;min-height:250px;overflow-y:auto;overflow-x:hidden;padding:3px 5px 8px 2px;scrollbar-color:#947044 #0b1513}
.mhpa #mhpa-available{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:605px;overflow-y:auto;overflow-x:hidden;align-content:start;flex-wrap:initial}
.mhpa .mhpa-active-deck .mhpa-card-grid{max-height:650px;min-height:560px}
.mhpa .mhpa-card-tile{display:block;position:relative;min-width:0;text-align:left;cursor:copy;padding:0;border:0;background:transparent;box-shadow:none}
.mhpa .mhpa-card-tile:hover,.mhpa .mhpa-card-tile:focus-visible{transform:translateY(-4px);filter:brightness(1.1);z-index:2;outline:2px solid #e8c37e;outline-offset:2px}
.mhpa .mhpa-card-tile[hidden],.mhpa .mhpa-shop-offer[hidden],.mhpa .mhpa-enchantment-offer[hidden],.mhpa [data-shop-panel][hidden]{display:none!important}
.mhpa-card-face{display:flex;flex-direction:column;align-items:stretch;position:relative;aspect-ratio:.665;min-width:0;width:100%;overflow:hidden;background:#d5bd8e;color:#1c140d;border:3px solid #7b6035;outline:1px solid #1c140d;outline-offset:-5px;box-shadow:0 3px 8px #000b;text-align:center;line-height:1.1}
.mhpa-card-unit{border-color:#4b7c69}.mhpa-card-spell{border-color:#3c807e}.mhpa-card-tactic{border-color:#70477a}
.mhpa-card-title{display:flex;align-items:center;justify-content:center;min-height:15%;padding:2px 3px;color:#1b1510;font:700 clamp(8px,.76vw,13px)/1.06 Georgia,serif;white-space:normal;overflow:hidden}
.mhpa-card-subtitle{display:block;font:700 clamp(6px,.5vw,9px)/1.1 system-ui,sans-serif;letter-spacing:.01em;color:#263d36;white-space:nowrap;overflow:hidden}
.mhpa-card-face img{display:block;width:85%;aspect-ratio:1;margin:3% auto 2%;object-fit:cover;border:2px solid #393529;background:#161715}
.mhpa-card-face img[hidden]{display:none}
.mhpa-card-missing{flex:1;display:grid;place-items:center;background:#28362e;color:#d6c59b}
.mhpa-card-rules{flex:1;margin:0 5%;padding:3px 3px;background:#ead9b7;border:1px solid #8a7555;color:#26190f;font:clamp(6px,.48vw,9px)/1.2 Georgia,serif;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:left}
.mhpa-card-footer{display:flex;justify-content:space-between;align-items:center;min-height:11%;padding:2px 4px;color:#3b2614}
.mhpa-card-footer small{font:700 clamp(5px,.4vw,7px)/1 system-ui,sans-serif;letter-spacing:.05em}
.mhpa-card-footer b{display:grid;place-items:center;width:clamp(15px,1.5vw,22px);aspect-ratio:1;border:2px solid #be9952;border-radius:50%;background:#10454a;color:#f9ebcb;font:700 clamp(9px,.8vw,13px) Georgia,serif}
.mhpa-card-footer span:last-child b{background:#7e2530}
.mhpa-copies{display:block;padding:3px 2px 1px;color:#e4c48c;text-align:center;font:700 9px Cinzel,Georgia,serif;letter-spacing:.04em}
.mhpa-deck-card{min-width:0}.mhpa-deck-card-controls{display:grid;gap:4px;margin:5px 0 8px}
.mhpa .mhpa-deck-card-controls select{width:100%;min-width:0;background:#0b1715;border:1px solid #80663d;border-radius:0;color:#e9d4ac;font:10px system-ui;padding:5px}
.mhpa .mhpa-deck-card-controls button{padding:4px;background:#211618;border:1px solid #8d573e;color:#dbb88a;border-radius:0;font:700 9px Cinzel,Georgia,serif}
.mhpa-empty-deck{grid-column:1/-1;align-self:center;justify-self:center;color:#d8b87e;text-align:center;font:18px/1.55 Georgia,serif;white-space:pre-line}
.mhpa-inspector{display:flex;flex-direction:column;align-items:center}.mhpa-inspector h4{align-self:stretch;color:#da893b}
.mhpa-inspector #mhpa-inspect-card{width:min(245px,95%)}
.mhpa-inspector #mhpa-inspect-card .mhpa-card-title{font-size:16px}.mhpa-inspector #mhpa-inspect-card .mhpa-card-subtitle{font-size:10px}.mhpa-inspector #mhpa-inspect-card .mhpa-card-rules{font-size:11px}.mhpa-inspector #mhpa-inspect-card .mhpa-card-footer small{font-size:8px}
.mhpa-inspector #mhpa-inspect-copy{width:100%;margin:auto 0 0;padding:12px 4px;border-top:1px solid #705a36;color:#dec6a0;font-size:13px}
.mhpa-inspector #mhpa-inspect-copy img{float:left;width:100px;max-height:105px;object-fit:contain;margin-right:10px}
.mhpa-inspector #mhpa-inspect-copy strong,.mhpa-inspector #mhpa-inspect-copy h5{color:#79bcb1;font:700 14px Cinzel,Georgia,serif;margin:0}
.mhpa-inspector #mhpa-inspect-copy p{margin:5px 0}.mhpa-inspector #mhpa-inspect-copy small{color:#a8895a}
.mhpa-wallet{font:700 14px Cinzel,Georgia,serif;color:#dca760;text-transform:uppercase;letter-spacing:.03em;margin:2px 0 14px}
.mhpa-shop-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:center;min-height:220px;padding:22px 30px;margin:15px 0;border:2px solid #80623a;background:linear-gradient(90deg,#15201baa,#11140edd),radial-gradient(circle at 80% 30%,#70492d,#06110f 58%);box-shadow:inset 0 0 0 4px #06100f}
.mhpa-shop-intro h3{font:700 clamp(24px,2.6vw,38px) Georgia,serif;color:#f0d393;margin:0 0 8px}.mhpa-shop-intro p{max-width:620px}
.mhpa-shop-intro img{width:100%;max-height:215px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 5px 10px #000)}
.mhpa-shop-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:18px 0 14px}.mhpa-shop-controls label{margin-left:auto;font-size:11px;color:#c4a973;text-transform:uppercase}
.mhpa-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));align-content:start;gap:18px;max-height:790px;overflow:auto;padding:5px 8px 18px 3px;scrollbar-color:#947044 #0b1513}
.mhpa-shop-offer,.mhpa-enchantment-offer{min-width:0;padding:8px;background:#0b1512;border:1px solid #735832;box-shadow:inset 0 0 0 2px #07100e}
.mhpa-shop-offer .mhpa-card-face{max-width:190px;margin:0 auto}
.mhpa-shop-offer .mhpa-card-title{font-size:11px}.mhpa-shop-offer .mhpa-card-subtitle{font-size:8px}.mhpa-shop-offer .mhpa-card-rules{font-size:8px}
.mhpa .mhpa-offer-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-top:8px;color:#e6bb70;font:700 11px Cinzel,Georgia,serif}
.mhpa .mhpa-offer-bottom form{margin:0;display:block}.mhpa .mhpa-offer-bottom button{padding:6px 8px;min-height:31px;font-size:10px}
.mhpa-enchantment-offer{display:flex;flex-direction:column}.mhpa-enchant-art{height:145px;display:grid;place-items:center;background:#202019;border:1px solid #86673e}
.mhpa-enchant-art img{width:100%;height:100%;object-fit:cover}.mhpa-enchant-art span{font-size:70px;color:#c6a365}
.mhpa-enchantment-offer h4{font:700 17px Georgia,serif;color:#e8c386;margin:9px 0 4px}.mhpa-enchantment-offer p{margin:0;flex:1;color:#d6c5aa;font-size:12px}
.mhpa-market-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mhpa-market-columns .mhpa-game-panel{min-height:390px}.mhpa-market-rows{max-height:700px;overflow:auto;scrollbar-color:#947044 #0b1513}
.mhpa-market-row{display:grid;grid-template-columns:52px minmax(120px,1fr) auto;align-items:center;gap:10px;min-height:71px;padding:7px 5px;border-bottom:1px solid #3d3526}.mhpa-market-row .mhpa-market-thumb{width:48px;height:60px;overflow:hidden;border:2px solid #806642;background:#19160d}.mhpa-market-thumb img{width:100%;height:100%;object-fit:cover}.mhpa-market-row strong{display:block;font:700 15px Georgia,serif;color:#f0d18f}.mhpa-market-row small{display:block;color:#aa986e;font-size:11px}
.mhpa .mhpa-market-row form{display:flex;align-items:end;gap:7px;margin:0;flex-wrap:wrap}.mhpa-market-row label{font:700 9px Cinzel,Georgia,serif;color:#bda16a}.mhpa .mhpa-market-row input{width:68px;padding:7px}.mhpa .mhpa-market-row button{font-size:9px;white-space:nowrap;padding:6px 8px;min-height:32px}
@media(max-width:1220px){.mhpa .mhpa-builder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mhpa .mhpa-builder>.mhpa-inspector{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:160px minmax(0,1fr);gap:15px;align-items:start}.mhpa-inspector h4{grid-column:1/-1}.mhpa-inspector #mhpa-inspect-card{width:150px}.mhpa-inspector #mhpa-inspect-copy{margin:0}}
@media(max-width:800px){.mhpa .mhpa-builder,.mhpa-market-columns{grid-template-columns:1fr}.mhpa .mhpa-builder>.mhpa-game-panel{min-height:0}.mhpa .mhpa-card-grid,.mhpa .mhpa-active-deck .mhpa-card-grid{max-height:550px;min-height:250px}.mhpa .mhpa-shop-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr))}}
@media(max-width:520px){.mhpa-game-shell{margin:25px -12px;padding:15px 9px}.mhpa-game-banner{display:block}.mhpa-game-banner span{display:block;margin-top:6px}.mhpa-game-tabs a{flex:1;padding:6px 5px;font-size:9px}.mhpa .mhpa-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mhpa .mhpa-card-title{font-size:9px}.mhpa .mhpa-card-subtitle{font-size:6px}.mhpa .mhpa-card-rules{font-size:7px}.mhpa .mhpa-card-footer small{font-size:5px}.mhpa-shop-intro{grid-template-columns:1fr 110px;padding:14px}.mhpa-shop-intro img{max-height:145px}.mhpa .mhpa-market-row{grid-template-columns:45px minmax(0,1fr);gap:7px}.mhpa .mhpa-market-row form{grid-column:2}.mhpa .mhpa-builder>.mhpa-inspector{grid-template-columns:105px 1fr}.mhpa-inspector #mhpa-inspect-card{width:105px}.mhpa .mhpa-shop-controls label{margin-left:0;width:100%}}
@media(max-width:520px){.mhpa #mhpa-available{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Reserve actual space for every card region; the old flex sizing let art
   consume the rules and footer, making text and some images appear clipped. */
.mhpa #mhpa-available,.mhpa .mhpa-active-deck .mhpa-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mhpa .mhpa-card-grid{padding:7px 7px 12px}
.mhpa .mhpa-card-tile:hover,.mhpa .mhpa-card-tile:focus-visible{transform:none}
.mhpa-card-face{display:grid;grid-template-rows:minmax(26px,16%) minmax(10px,6%) minmax(0,1fr) minmax(27px,17%) minmax(22px,11%);aspect-ratio:.665}
.mhpa-card-title{min-height:0;font-size:clamp(9px,.82vw,13px);overflow-wrap:anywhere}
.mhpa-card-subtitle{min-height:0;display:flex;align-items:center;justify-content:center}
.mhpa-card-face img{width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0;object-fit:contain;border:2px solid #393529}
.mhpa-card-rules{min-height:0;margin:0 3%;font-size:clamp(7px,.55vw,10px);line-height:1.15}
.mhpa-card-footer{min-height:0}
.mhpa-shop-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.mhpa-deck-sync-note{grid-column:1/-1;margin:4px 0 12px;padding:14px;border:1px solid #806538;color:#e4c990}
.mhpa-help strong{color:#ffe1a3;text-shadow:0 1px 4px #000}

body.mhpa-examining{overflow:hidden}
.mhpa-examiner[hidden]{display:none}
.mhpa-examiner{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:#030607d9}
.mhpa-examiner-window{position:relative;display:grid;grid-template-columns:minmax(230px,320px) minmax(220px,380px);grid-template-rows:auto minmax(0,1fr);gap:16px;max-width:min(760px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:22px;background:#081311;border:2px solid #ae8044;box-shadow:0 20px 65px #000;color:#f0dcb3}
.mhpa-examiner-window h2{grid-column:1/-1;margin:0;color:#f3d59b;font:700 25px Cinzel,Georgia,serif}
.mhpa-examiner-close{position:absolute;top:7px;right:8px;border:1px solid #ad854e;background:#26191a;color:#f8ddad;font-size:25px;line-height:1;width:36px;height:36px;cursor:pointer}
.mhpa-examiner-card{width:min(320px,100%)}
.mhpa-examiner-card .mhpa-card-face{max-width:320px}
.mhpa-examiner-card .mhpa-card-title{font-size:19px}
.mhpa-examiner-card .mhpa-card-subtitle{font-size:11px}
.mhpa-examiner-card .mhpa-card-rules{font-size:12px}
.mhpa-examiner-card .mhpa-card-footer small{font-size:8px}
.mhpa-examiner-copy{align-self:center;font:17px/1.55 Georgia,serif;overflow-wrap:anywhere}
.mhpa-examiner-copy h3{margin:0 0 14px;color:#f3d59b;font-size:27px}
.mhpa-examiner-copy small{color:#c69d68}
@media(max-width:800px){.mhpa .mhpa-shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:520px){.mhpa #mhpa-available,.mhpa .mhpa-active-deck .mhpa-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mhpa-examiner-window{display:block;padding:18px}.mhpa-examiner-card{width:min(260px,100%);margin:auto}.mhpa-examiner-copy{margin-top:16px}.mhpa-examiner-window h2{padding-right:40px;font-size:19px}}