:root{--parch:#fbf3e2;--parch-2:#f3e6cb;--parch-3:#e9d7b2;--oak:#8a5a3b;--oak-dark:#5e3f2a;--oak-deep:#3e2a1c;--ink:#3a2a1c;--ink-soft:#6b5640;--gold:#e3a93a;--gold-deep:#b37d1c;--green:#5f9a4a;--green-deep:#3f7434;--red:#c0483a;--red-deep:#8e2f25;--blue:#4a78b8;--accent:#b8432f;--shadow:0 6px 0 #3e2a1c59, 0 14px 30px #1e120840;--radius:16px}.hh-ui{font-family:var(--font-body);color:var(--ink)}h1,h2,h3,.hh-display{font-family:var(--font-display);letter-spacing:.01em;font-weight:600}.hh-panel{top:76px;right:calc(14px + env(safe-area-inset-right,0px));background:var(--parch);border:3px solid var(--oak);border-radius:var(--radius);width:min(420px,100vw - 28px);box-shadow:var(--shadow);z-index:30;flex-direction:column;animation:.22s ease-out hh-slide-in;display:flex;position:fixed;bottom:96px;overflow:hidden}.hh-panel--wide{width:min(640px,100vw - 28px)}@keyframes hh-slide-in{0%{opacity:0;transform:translate(24px)}}.hh-panel__head{background:linear-gradient(180deg, var(--parch-2), var(--parch-3));border-bottom:2px solid #8a5a3b59;align-items:center;gap:10px;padding:10px 12px;display:flex}.hh-panel__art{background:#ffffff80;border:2px solid #8a5a3b59;border-radius:12px;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.hh-panel__art img{object-fit:cover;width:100%;height:100%}.hh-panel__titles{flex:1;min-width:0}.hh-panel__titles h2{color:var(--oak-deep);margin:0;font-size:21px;line-height:1.15}.hh-panel__sub{color:var(--ink-soft);font-size:13px;font-weight:700}.hh-panel__body{overscroll-behavior:contain;flex:1;padding:12px 14px 16px;overflow-y:auto}.hh-panel__foot{background:var(--parch-2);border-top:2px solid #8a5a3b40;padding:10px 14px}@keyframes hh-rise{0%{opacity:0;transform:translateY(24px)}}.hh-modal.hh-panel-modal{z-index:40;padding:32px}#app .hh-panel.hh-panel--centered{width:min(1120px,100%);height:min(860px,100vh - 64px);z-index:auto;height:min(860px,100dvh - 64px);max-height:100%;animation:.22s ease-out hh-rise;position:relative;top:auto;bottom:auto;left:auto;right:auto}#app .hh-panel--centered.hh-panel--wide{width:min(1240px,100%)}.hh-panel--centered .hh-panel__head,.hh-panel--centered .hh-panel__foot{flex-shrink:0}.hh-panel--centered .hh-panel__body{min-height:0}.hp-building-workspace>.hh-tabs:first-of-type{z-index:5;background:var(--parch);position:sticky;top:-12px}.hh-panel--centered .hp-building-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:24px;display:grid}.hh-panel--centered .hp-building-summary{border:1px solid var(--line,#d9cdb9);background:var(--parch-2);border-radius:12px;padding:14px;position:sticky;top:0}.hh-panel--centered .hp-building-summary .hh-bldart{border-radius:12px 12px 0 0;height:156px;max-height:156px;margin:-14px -14px 14px;overflow:hidden}.hh-panel--centered .hp-building-summary .hh-bldart img{object-fit:contain;height:156px}.hh-panel--centered .hp-building-summary .hp-desc{font-size:12px;line-height:1.55}.hh-panel--centered .hp-building-summary .hp-effects__row{flex-wrap:wrap;gap:4px 10px}.hh-panel--centered .hp-building-summary .hp-effects__vals{margin-left:auto}.hh-panel--centered .hp-building-workspace,.hh-panel--centered .hp-hero-workspace,.hh-panel--centered .hp-hero-overview{min-width:0}.hh-panel--centered .hp-building-workspace>.hh-tabs:first-of-type{box-shadow:0 -14px 0 var(--parch), 0 6px 0 var(--parch);margin-bottom:18px;top:-14px}.hh-panel--centered .hp-building-workspace .hp-cards:has(>.hp-ucard){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.hh-panel--centered .hp-building-workspace .hp-ucard{min-width:0;height:100%}.hh-panel--centered .hp-building-workspace .hp-ucard__train{flex-wrap:wrap}.hh-panel--centered .op-overview,.hh-panel--centered .op-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.hh-panel--centered .op-overview>.hh-section{margin-bottom:0}.hh-panel--centered .op-overview{margin-bottom:20px}.hh-panel--centered .hp-army-overview{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.hh-panel--centered[data-panel-kind=generals] .hh-panel__body>.hp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hh-panel--centered .hp-hero-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:24px;display:grid}.hh-panel--centered .hp-hero-overview .hero-art{margin:14px 0 0}.hh-panel--centered .hp-hero-overview .hero-art__stage{min-height:440px}.hh-panel--centered .hp-hero-overview .hero-art__canvas{height:440px}.hh-panel--centered .hp-hero-overview .hero-art__canvas>img{object-position:center 20%;width:100%;height:70%;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.hh-panel--centered .hp-hero-overview .hero-art__canvas:after{background:linear-gradient(#0000 35%,#10242be6 80%,#10242b 100%)}.hh-panel--centered .hp-hero-overview .hero-art__topline{top:18px;left:18px;right:18px}.hh-panel--centered .hp-hero-overview .hero-art__identity{width:calc(100% - 44px);bottom:22px;left:22px}.hh-panel--centered .hp-hero-overview .hero-art__identity h3{font-size:27px}.hh-panel--centered .hp-hero-overview .hero-art__voice{margin-top:14px;padding-top:12px;font-size:13px;line-height:1.5}.hh-panel--centered .hp-hero-overview .hero-art__traits{margin-top:12px}.hh-panel--centered .hp-hero-overview .hero-art__moments{flex-wrap:wrap;padding:0 6px}.hh-panel--centered .hp-hero-overview .hero-art__moments button{flex:44%;min-width:0;padding:12px 7px}.hh-panel--centered .hp-hero-overview .hero-art__narrative{padding:14px 22px}.hh-panel--centered .hp-hero-overview .hero-art--reference .hero-art__canvas{height:auto}.hh-panel--centered .hp-hero-overview .hero-art--reference .hero-art__canvas>img{height:auto;-webkit-mask-image:none;mask-image:none}.hh-panel--centered[data-panel-kind=codex] .cdx-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hh-panel--centered[data-panel-kind=codex] .cdx-row{min-width:0;height:100%;padding:12px}.hh-panel--centered[data-panel-kind=codex] .cdx-top .hh-tab{flex:1}.hh-panel--centered[data-panel-kind=codex] .cdx-page{max-width:900px;margin-inline-start:auto;margin-inline-end:auto}.hh-modal{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#24180e73;place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.hh-modal__card{width:min(560px,100%);max-height:86vh;background:var(--parch);border:3px solid var(--oak);border-radius:var(--radius);max-height:86dvh;box-shadow:var(--shadow);padding:14px 16px;overflow:auto}.hh-modal__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hh-modal__head h2{margin:0;font-size:22px}.hh-section{margin:0 0 14px}.hh-section__head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.hh-section h3{color:var(--oak-dark);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:15px}.hh-btn{cursor:pointer;font-family:var(--font-display);color:#fff;white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:transform 80ms,filter .15s,box-shadow 80ms;display:inline-flex}.hh-btn:active:not(:disabled){transform:translateY(2px)}.hh-btn:disabled{filter:grayscale(.7)brightness(.95);opacity:.6;cursor:not-allowed}.hh-btn--sm{border-radius:10px;padding:5px 10px;font-size:13px}.hh-btn--md{padding:8px 14px;font-size:15px}.hh-btn--lg{border-radius:14px;padding:12px 20px;font-size:18px}.hh-btn--block{width:100%}.hh-btn--primary{background:linear-gradient(180deg, #74b158, var(--green));box-shadow:0 4px 0 var(--green-deep)}.hh-btn--secondary{background:linear-gradient(180deg, #a87451, var(--oak));box-shadow:0 4px 0 var(--oak-dark)}.hh-btn--gold{background:linear-gradient(180deg, #f2c45a, var(--gold));box-shadow:0 4px 0 var(--gold-deep);color:#4a3208}.hh-btn--danger{background:linear-gradient(180deg, #d4604f, var(--red));box-shadow:0 4px 0 var(--red-deep)}.hh-btn--ghost{color:var(--oak-dark);background:#8a5a3b1a;box-shadow:inset 0 0 0 2px #8a5a3b59}.hh-btn.is-busy{cursor:progress}.hh-iconbtn{cursor:pointer;width:36px;height:36px;color:var(--oak-dark);background:#ffffff8c;border:0;border-radius:11px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #8a5a3b4d}.hh-iconbtn:hover{background:#fff}.hh-iconbtn--sm{border-radius:8px;width:28px;height:28px}.hh-link{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:800}.hh-tabs{background:var(--parch-2);border-radius:12px;gap:4px;margin:0 0 12px;padding:4px;display:flex;overflow-x:auto}.hh-tab{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;padding:7px 10px;font-size:14px;font-weight:600}.hh-tab.is-active{color:var(--oak-deep);background:#fff;box-shadow:0 2px #8a5a3b4d}.hh-count{background:var(--red);color:#fff;text-align:center;border-radius:9px;min-width:18px;margin-left:5px;padding:0 5px;font-size:11px;line-height:18px;display:inline-block}.hh-stepper{align-items:center;gap:6px;display:flex}.hh-stepper input{text-align:center;width:72px;font:700 15px var(--font-body);color:var(--ink);background:#fff;border:2px solid #8a5a3b66;border-radius:9px;padding:5px 6px}.hh-cost{flex-wrap:wrap;gap:4px 12px;font-size:15px;font-weight:800;display:flex}.hh-cost--compact{gap:2px 8px;font-size:13px}.hh-cost__item{align-items:center;gap:3px;display:inline-flex}.hh-cost__item.is-short{color:var(--red)}.hh-bar{background:#3e2a1c1f;border-radius:10px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px #3e2a1c1f}.hh-bar__fill{will-change:transform;border-radius:10px;transition:transform .3s linear;position:absolute;top:0;bottom:0;left:0;right:0}.hh-bar--green .hh-bar__fill{background:linear-gradient(180deg, #8cc46a, var(--green))}.hh-bar--gold .hh-bar__fill{background:linear-gradient(180deg, #f5d27a, var(--gold))}.hh-bar--red .hh-bar__fill{background:linear-gradient(180deg, #e07a6b, var(--red))}.hh-bar--blue .hh-bar__fill{background:linear-gradient(180deg, #8fb0e0, var(--blue))}.hh-bar__label{text-align:center;color:var(--oak-deep);font-size:12px;font-weight:800;line-height:20px;position:relative}.hh-portrait{color:#ffffffeb;font-family:var(--font-display);text-shadow:0 2px #0003;background:linear-gradient(160deg,#f3e6cb,#c9a56f);border-radius:14px;flex:none;place-items:center;font-weight:600;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #3e2a1c40}.hh-portrait--round{border-radius:50%}.hh-portrait img{object-fit:cover;width:100%;height:100%}.hh-portrait__badge{color:#fff;min-width:20px;font:800 11px/18px var(--font-body);text-shadow:none;text-align:center;background:#24180ec7;border-radius:8px;padding:0 5px;position:absolute;bottom:3px;right:3px}.hh-stat{border-bottom:1px dashed #8a5a3b40;align-items:center;gap:6px;padding:4px 0;font-size:14px;display:flex}.hh-stat__label{color:var(--ink-soft);flex:1;font-weight:700}.hh-stat__value{font-weight:800}.hh-empty{text-align:center;color:var(--ink-soft);padding:18px 10px;font-style:italic;font-weight:700}.hh-pill{color:var(--oak-dark);background:#8a5a3b1f;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;font-weight:800;display:inline-flex}.hh-pill--good{color:var(--green-deep);background:#5f9a4a2e}.hh-pill--bad{color:var(--red-deep);background:#c0483a29}.hh-pill--gold{color:#7d5510;background:#e3a93a38}.hh-pill--blue{color:#2c5089;background:#4a78b829}.hh-countdown{font-variant-numeric:tabular-nums;font-weight:800}.hh-card{background:#fffaf0;border-radius:12px;padding:10px;box-shadow:inset 0 0 0 2px #8a5a3b38}.hh-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.hh-row{align-items:center;gap:8px;display:flex}.hh-muted{color:var(--ink-soft);font-size:13px}.hh-scroll{overflow-y:auto}input.hh-input,textarea.hh-input,select.hh-input{font:700 15px var(--font-body);color:var(--ink);background:#fff;border:2px solid #8a5a3b66;border-radius:10px;width:100%;padding:8px 10px}