:root{--hf-serif:"Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", Georgia, serif;--hf-mono:ui-monospace, Consolas, "Cascadia Mono", Menlo, monospace;--hf-parchment:#f1e6c8;--hf-parchment-dim:#c9bb98;--hf-ink:#3b2614;--hf-ink-soft:#6b4d2e;--hf-gold:#e6b955;--hf-gold-deep:#9a6a1c;--hf-blood:#c8372b;--hf-blood-bright:#ff6a52;--hf-moss:#8fc27a;--hf-sky:#9cc8ff;--hf-iron:#6f7d88;--hf-wood-1:#3b2817;--hf-wood-2:#24170c;--hf-night-1:#321612;--hf-night-2:#170908;--hf-shadow:0 1px 0 #000000d9, 0 0 6px #0000008c;--hf-drop:drop-shadow(0 3px 6px #0000008c);--hf-wood:linear-gradient(180deg, var(--hf-wood-1), var(--hf-wood-2))}.hf-panel{box-sizing:border-box;background:var(--hf-wood);color:var(--hf-parchment);font:14px/1.4 var(--hf-serif);text-shadow:var(--hf-shadow);font-variant-numeric:tabular-nums;filter:var(--hf-drop);background-clip:padding-box;border:14px solid #0000;border-image:url(/ui/panel_brown_dark_corners_a.png) 32/14px;padding:2px 6px}.hf-panel.hf-thin{border-width:10px;border-image-width:10px;padding:0 4px}.hf-parchment{box-sizing:border-box;color:var(--hf-ink);font:15px/1.45 var(--hf-serif);font-variant-numeric:tabular-nums;filter:drop-shadow(0 10px 24px #0009);border:22px solid #0000;border-image:url(/ui/panel_brown_corners_a.png) 32 fill/22px;padding:6px 12px}.hf-devbox{color:var(--hf-parchment-dim);font:12px/1.5 var(--hf-mono);white-space:pre;pointer-events:none;background:#140d07c7;border:1px solid #e6b95540;border-radius:4px;padding:6px 10px}.hf-tag{color:var(--hf-parchment);font:13px/1.4 var(--hf-serif);text-shadow:var(--hf-shadow);white-space:nowrap;background:linear-gradient(#302012f0,#1a1109f0);border:1px solid #e6b95566;border-radius:3px;padding:3px 10px;box-shadow:0 2px 8px #00000073}.hf-title{font:700 44px/1.05 var(--hf-serif);letter-spacing:.16em;text-indent:.16em;text-align:center;text-transform:uppercase;color:#5a3a1c;text-shadow:0 1px #fffae8e6,0 -1px #28140559;margin:0}.hf-heading{font:700 15px/1.3 var(--hf-serif);font-variant:small-caps;letter-spacing:.12em;color:var(--hf-gold);margin:0}.hf-parchment .hf-heading{color:#7a2a18;text-shadow:none}.hf-muted{opacity:.75}.hf-divider{width:78%;height:14px;margin:4px auto;display:flex}.hf-divider:before,.hf-divider:after{content:"";background:linear-gradient(#c99a45,#8a5b1c);flex:1;-webkit-mask:url(/ui/divider-fade-003.png) 100%/contain no-repeat;mask:url(/ui/divider-fade-003.png) 100%/contain no-repeat}.hf-divider:after{transform:scaleX(-1)}.hf-btn{appearance:none;box-sizing:border-box;color:var(--hf-parchment);font:600 14px/1.3 var(--hf-serif);font-variant:small-caps;letter-spacing:.05em;text-shadow:0 1px #000000b3;cursor:pointer;-webkit-user-select:none;user-select:none;filter:brightness(.86)saturate(.9);background:0 0;border:6px solid #0000;border-image:url(/ui/panel_brown_dark.png) 12 fill/6px;border-radius:6px;margin:0;padding:2px 12px}.hf-btn:hover:not(:disabled){filter:brightness(1.02)}.hf-btn:active:not(:disabled){filter:brightness(.8);transform:translateY(1px)}.hf-btn:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.65)}.hf-btn:focus-visible{outline:2px solid var(--hf-gold);outline-offset:2px}.hf-btn.is-active{outline:2px solid var(--hf-gold);outline-offset:1px;box-shadow:0 0 12px #e6b9558c}.hf-btn.hf-primary{letter-spacing:.08em;color:#fff4dc;border-width:5px;border-image:url(/ui/button_red.png) 10 fill/5px;padding:4px 18px;font-size:16px}.hf-btn.hf-primary:not(:hover):not(:disabled){filter:saturate(.85)brightness(.88)}.hf-key{box-sizing:border-box;color:#fdf7e8;min-width:22px;font:700 12px/1.3 var(--hf-serif);text-align:center;text-shadow:0 1px #0009;white-space:nowrap;background:linear-gradient(#8d98a2,#5b6670);border:1px solid #1d1a17;border-bottom-width:3px;border-radius:4px;padding:1px 6px 2px;display:inline-block;box-shadow:inset 0 1px #ffffff59}.hf-parchment .hf-key{color:var(--hf-ink);text-shadow:none;background:linear-gradient(#f8edd2,#d9c49a);border-color:#4a3826;box-shadow:inset 0 1px #ffffffb3}.hf-slot{box-sizing:border-box;width:66px;height:66px;color:var(--hf-parchment);font:700 15px/1 var(--hf-serif);text-shadow:var(--hf-shadow);font-variant-numeric:tabular-nums;background:radial-gradient(circle at 50% 40%,#3e3125,#1a120b 75%) padding-box padding-box;border:12px solid #0000;border-image:url(/ui/panel_border_grey_detail.png) 32/12px;justify-content:center;align-items:center;display:flex;position:relative}.hf-slot .hf-slot-fill{transform-origin:50% 0;background:#080503b8;position:absolute;inset:0}.hf-slot .hf-slot-glow{transition:opacity .2s;position:absolute;inset:0;box-shadow:inset 0 0 10px #e6b9558c}.hf-slot .hf-key{position:absolute;top:-21px;left:50%;transform:translate(-50%)}.hf-slot .hf-icon{color:#d9c79f;width:30px;height:30px;position:absolute}.hf-slot.ready .hf-icon{color:var(--hf-gold)}.hf-slot .hf-slot-time{font-size:17px;position:relative}.hf-icon.work{--icon:url(/ui/hand_cube.png)}.hf-icon.sprint{--icon:url(/ui/arrow_right_curve.png)}.hf-icon.repair{--icon:url(/ui/structure_wall.png)}.hf-icon.strike{--icon:url(/ui/sword.png)}.hf-icon.cleave{--icon:url(/ui/arrow_rotate.png)}.hf-icon.warcry{--icon:url(/ui/flag_triangle.png)}.hf-chip{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-weight:700;display:inline-flex}.hf-icon{width:18px;height:18px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;filter:drop-shadow(0 1px #000c);background:currentColor;flex:none;display:inline-block}.hf-icon.wood{--icon:url(/ui/resource_lumber.png);color:#d29a5c}.hf-icon.stone{--icon:url(/ui/resource_iron.png);color:#b9bcc0}.hf-icon.pop{--icon:url(/ui/pawns.png);color:#e8d6a8}.hf-icon.time{--icon:url(/ui/hourglass.png);color:var(--hf-gold)}.hf-icon.skull{--icon:url(/ui/skull.png);color:#f2d9cf}.hf-bar{background:#140d07;border-radius:5px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000e6,0 0 0 1px #e6b95573}.hf-bar>div{border-radius:inherit;background:linear-gradient(#f2d27a,#b5822b);width:0;height:100%;box-shadow:inset 0 1px #ffffff59}.hf-bar.blue>div{background:linear-gradient(#b9dcff,#4f86c2)}.hf-bar.green>div{background:linear-gradient(#c6f2a8,#5a9c3e)}.hf-banner{box-sizing:border-box;color:#fff3dc;font:700 30px/1.15 var(--hf-serif);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px #3c0a06d9,0 0 10px #0006;filter:saturate(.8)brightness(.85)drop-shadow(0 6px 12px #00000080);white-space:nowrap;border:22px solid #0000;border-width:12px 22px 16px;border-image:url(/ui/banner_hanging.png) 24 44 32 fill/12px 22px 16px;padding:4px 26px 2px}.hf-banner.dawn{filter:hue-rotate(28deg)saturate(.95)brightness(.95)drop-shadow(0 6px 12px #00000080)}.hf-banner.small{letter-spacing:.06em;text-transform:none;font-size:18px}.hf-topbar{white-space:nowrap;align-items:center;gap:14px;padding:1px 10px;font-size:15px;display:flex}.hf-topbar .phase{font-variant:small-caps;letter-spacing:.1em;color:var(--hf-gold);font-size:17px;font-weight:700}.hf-topbar .night{min-width:2.6em;color:var(--hf-parchment-dim);display:inline-block}.hf-topbar .time{min-width:3.4em}.hf-topbar .sep{background:linear-gradient(#0000,#e6b9558c,#0000);align-self:stretch;width:1px;margin:2px 0}.hf-topbar .chip-value{min-width:2.2em;display:inline-block}.hf-topbar .chip-value.pop{min-width:3.2em}.hf-topbar.is-night{background:linear-gradient(180deg, var(--hf-night-1), var(--hf-night-2));background-clip:padding-box;box-shadow:inset 0 0 14px #c8372b73}.hf-topbar.is-night .phase{color:var(--hf-blood-bright);text-shadow:0 1px #000000e6,0 0 10px #ff3c28b3}.hf-topbar.is-night .time .hf-icon{color:var(--hf-blood-bright)}.hf-horde{background:linear-gradient(#5a1610,#2a0806) padding-box padding-box}.hf-horde .hf-chip{color:#ffd7cc}.hf-toast{color:var(--hf-parchment);font:600 15px/1.4 var(--hf-serif);text-shadow:var(--hf-shadow);background:linear-gradient(#342314f2,#1c120af2);border:1px solid #e6b95573;border-radius:3px;padding:5px 16px;box-shadow:0 4px 14px #00000073}.hf-toast.error{background:linear-gradient(#6e1810f2,#3c0a06f2);border-color:#ff6a5299}.hf-field{box-sizing:border-box;width:100%;color:var(--hf-ink);font:18px var(--hf-serif);background:#f7ecd0;border:1px solid #8a6136;border-radius:3px;padding:7px 10px;box-shadow:inset 0 2px 4px #5a371459}.hf-field:focus{outline-offset:1px;outline:2px solid #9a6a1c99}