:root{--parch: #efe3c2;--parch-2: #e6dcc0;--parch-dark: #d9c79a;--wood: #8b5a2b;--wood-dark: #5d3a1a;--wood-light: #b08d57;--ink: #3a2a18;--ink-soft: #5d3a1a;--gold: #d4af37;--gold-soft: #e8c860;--gold-deep: #a07d18;--c-wood: #8b5a2b;--c-stone: #8d8d83;--c-food: #d9772b;--c-gold: #d4af37;--c-iron: #9aa3ad;--c-pop: #6e5232;--good: #4a7a3d;--warn: #d9772b;--bad: #9b3d3d;--panel-shadow: 0 6px 20px rgba(20, 14, 6, .45), inset 0 1px 0 rgba(255, 248, 224, .35);--font: "Trebuchet MS", "Segoe UI", system-ui, sans-serif;--serif: "Georgia", "Iowan Old Style", "Times New Roman", serif}.hh-hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none;font-size:14px;overflow:hidden}.hh-hud .hidden{display:none!important}.hh-panel{pointer-events:auto;background:linear-gradient(180deg,#fffae880,#d9c79a26),var(--parch);border:2px solid var(--wood-dark);border-radius:12px;box-shadow:var(--panel-shadow);outline:2px solid var(--gold);outline-offset:-5px}.hh-topbar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;padding:8px 16px;max-width:calc(100vw - 24px)}.hh-resources{display:flex;gap:6px;flex-wrap:wrap}.hh-res{display:flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;background:linear-gradient(180deg,#5d3a1a1f,#5d3a1a0a);border:1px solid rgba(93,58,26,.35);border-radius:8px;font-variant-numeric:tabular-nums}.hh-ico{display:inline-flex;width:20px;height:20px}.hh-ico svg{width:100%;height:100%}.hh-val{font-weight:700;color:var(--ink)}.hh-cap{font-size:11px;color:var(--ink-soft);opacity:.65}.hh-res.hh-full .hh-val{color:var(--good)}.hh-res.hh-pop.hh-full .hh-val{color:var(--bad)}.hh-res-wood .hh-ico{color:var(--c-wood)}.hh-res-stone .hh-ico{color:var(--c-stone)}.hh-res-food .hh-ico{color:var(--c-food)}.hh-res-gold .hh-ico{color:var(--c-gold)}.hh-res-iron .hh-ico{color:var(--c-iron)}.hh-pop .hh-ico{color:var(--c-pop)}.hh-clock{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:2px solid rgba(93,58,26,.3)}.hh-phase-ico{display:inline-flex;width:30px;height:30px;color:var(--gold)}.hh-clock.hh-night .hh-phase-ico{color:#b9c2cc}.hh-phase-ico svg{width:100%;height:100%}.hh-clock-text{display:flex;flex-direction:column;line-height:1.05}.hh-day{font-family:var(--serif);font-weight:700;font-size:15px}.hh-time{font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-soft)}.hh-phase-lbl{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-deep)}.hh-waveind{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:3px 8px;border-radius:8px;background:#9b3d3d2e;border:1px solid var(--bad);color:var(--bad);font-weight:700;font-size:12px}.hh-waveind .hh-ico{width:16px;height:16px;color:var(--bad)}.hh-controls{display:flex;gap:5px;padding-left:14px;border-left:2px solid rgba(93,58,26,.3)}.hh-ctl{pointer-events:auto;min-width:34px;height:32px;padding:0 8px;font-family:var(--font);font-weight:700;font-size:14px;color:var(--parch-2);background:linear-gradient(180deg,var(--wood-light),var(--wood));border:1px solid var(--wood-dark);border-radius:7px;cursor:pointer;transition:transform .08s ease,filter .12s ease}.hh-ctl:hover{filter:brightness(1.12)}.hh-ctl:active{transform:translateY(1px)}.hh-ctl.hh-on{color:var(--ink);background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-color:var(--gold-deep);box-shadow:0 0 8px #d4af3799}.hh-banner{position:absolute;top:84px;left:50%;transform:translate(-50%);pointer-events:none;padding:10px 26px;font-family:var(--serif);font-size:22px;font-weight:700;letter-spacing:.02em;color:#ffe9c2;background:linear-gradient(180deg,#781e1eeb,#461010eb);border:2px solid var(--gold);border-radius:10px;text-shadow:0 2px 6px rgba(0,0,0,.6);box-shadow:0 6px 24px #00000080}.hh-banner.hh-flash{animation:hh-pulse 1s ease-in-out infinite}@keyframes hh-pulse{0%,to{box-shadow:0 6px 24px #00000080;filter:brightness(1)}50%{box-shadow:0 6px 34px #d4af37b3;filter:brightness(1.18)}}.hh-toasts{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;width:max-content;max-width:80vw}.hh-toast{pointer-events:none;padding:7px 16px;border-radius:999px;font-weight:600;font-size:13px;color:var(--ink);background:var(--parch);border:1px solid var(--wood-dark);border-left-width:5px;box-shadow:0 3px 12px #140e0666;opacity:0;transform:translateY(-8px);transition:opacity .3s ease,transform .3s ease}.hh-toast.hh-show{opacity:1;transform:translateY(0)}.hh-toast-info{border-left-color:var(--wood)}.hh-toast-good{border-left-color:var(--good)}.hh-toast-warn{border-left-color:var(--warn)}.hh-toast-bad{border-left-color:var(--bad)}.hh-buildmenu{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:14px;padding:8px 14px 10px;max-width:calc(100vw - 24px);overflow-x:auto}.hh-bm-group{display:flex;flex-direction:column;gap:4px}.hh-bm-cat{font-family:var(--serif);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);text-align:center;border-bottom:1px solid rgba(93,58,26,.3);padding-bottom:2px}.hh-bm-row{display:flex;gap:6px}.hh-bm-btn{position:relative;pointer-events:auto;width:86px;padding:6px 6px 5px;text-align:left;background:linear-gradient(180deg,#fffae8a6,#d9c79a4d);border:1px solid var(--wood-dark);border-radius:8px;cursor:pointer;color:var(--ink);transition:transform .08s ease,filter .12s ease,box-shadow .12s ease}.hh-bm-btn:hover{filter:brightness(1.06);box-shadow:0 0 0 1px var(--gold) inset}.hh-bm-btn:active{transform:translateY(1px)}.hh-bm-btn.hh-active{box-shadow:0 0 0 2px var(--gold) inset,0 0 10px #d4af3799}.hh-bm-btn.hh-disabled{filter:grayscale(.7) brightness(.82);opacity:.6;cursor:not-allowed}.hh-bm-name{font-weight:700;font-size:12px;line-height:1.1;margin-bottom:3px}.hh-bm-cost{display:flex;flex-wrap:wrap;gap:5px}.hh-bm-key{position:absolute;top:4px;right:4px;min-width:15px;height:15px;padding:0 3px;font-size:10px;font-weight:700;line-height:15px;text-align:center;color:var(--ink);background:var(--gold-soft);border:1px solid var(--gold-deep);border-radius:4px}.hh-cc{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.hh-cc .hh-ico{width:14px;height:14px}.hh-cc.hh-res-wood .hh-ico{color:var(--c-wood)}.hh-cc.hh-res-stone .hh-ico{color:var(--c-stone)}.hh-cc.hh-res-food .hh-ico{color:var(--c-food)}.hh-cc.hh-res-gold .hh-ico{color:var(--c-gold)}.hh-cc.hh-res-iron .hh-ico{color:var(--c-iron)}.hh-selection{position:absolute;bottom:10px;left:10px;width:270px;padding:10px 12px}.hh-sel-head{display:flex;gap:10px;align-items:flex-start}.hh-portrait{flex:0 0 auto;position:relative;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5d3a1a2e,#5d3a1a0d);border:1px solid var(--wood-dark);border-radius:8px;color:var(--wood-dark)}.hh-portrait svg{width:30px;height:30px}.hh-portrait-building{color:var(--wood)}.hh-portrait-soldier{color:var(--bad)}.hh-portrait-archer{color:var(--good)}.hh-portraits{display:flex;flex-wrap:wrap;gap:5px;max-width:120px}.hh-portraits .hh-portrait{width:38px;height:38px}.hh-portraits .hh-portrait svg{width:24px;height:24px}.hh-count{position:absolute;right:-3px;bottom:-3px;min-width:16px;height:16px;padding:0 3px;font-size:11px;font-weight:700;line-height:16px;text-align:center;color:var(--ink);background:var(--gold-soft);border:1px solid var(--gold-deep);border-radius:8px}.hh-sel-info{flex:1 1 auto;min-width:0}.hh-sel-name{font-family:var(--serif);font-weight:700;font-size:16px}.hh-sel-sub{font-size:11px;color:var(--ink-soft);opacity:.8;margin:1px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hh-sel-note{margin-top:8px;font-size:12px;font-style:italic;color:var(--ink-soft)}.hh-hpbar{position:relative;height:14px;border-radius:7px;background:#3c10108c;border:1px solid var(--wood-dark);overflow:hidden}.hh-hpfill{height:100%;width:100%;background:linear-gradient(180deg,#6ab04a,var(--good));transition:width .18s ease}.hh-hptext{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);font-variant-numeric:tabular-nums}.hh-train{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hh-train-btn{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:5px 9px;background:linear-gradient(180deg,#fffae8a6,#d9c79a4d);border:1px solid var(--wood-dark);border-radius:8px;cursor:pointer;color:var(--ink);transition:filter .12s ease,transform .08s ease}.hh-train-btn:hover{filter:brightness(1.06);box-shadow:0 0 0 1px var(--gold) inset}.hh-train-btn:active{transform:translateY(1px)}.hh-train-btn.hh-disabled{filter:grayscale(.7) brightness(.82);opacity:.6;cursor:not-allowed}.hh-train-btn .hh-ico{width:22px;height:22px;color:var(--wood-dark)}.hh-train-name{font-weight:700;font-size:12px}.hh-train-cost{display:inline-flex;gap:5px}.hh-overlay{position:absolute;inset:0;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a060273,#0a0602d1);backdrop-filter:blur(2px)}.hh-overlay-card{padding:30px 40px;text-align:center;max-width:460px}.hh-over-title{font-family:var(--serif);font-size:34px;font-weight:800;margin-bottom:10px}.hh-over-title.hh-win{color:var(--good);text-shadow:0 2px 8px rgba(212,175,55,.5)}.hh-over-title.hh-lose{color:var(--bad)}.hh-over-sub{font-size:15px;color:var(--ink-soft);margin-bottom:22px;line-height:1.4}.hh-over-btn{pointer-events:auto;padding:11px 28px;font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);background:linear-gradient(180deg,var(--gold-soft),var(--gold));border:2px solid var(--gold-deep);border-radius:9px;cursor:pointer;transition:filter .12s ease,transform .08s ease}.hh-over-btn:hover{filter:brightness(1.1)}.hh-over-btn:active{transform:translateY(1px)}@media (max-width: 900px){.hh-topbar{gap:12px;padding:6px 10px}.hh-bm-btn{width:76px}.hh-selection{width:230px}}