:root{--peat:#151a18;--panel:#151a18e6;--line:#d6c49647;--bronze:#a8844a;--parchment:#efe6cf;--muted:#a9ae9f;--heather:#c29bc7;--gorse:#d8b04e;--display:Heritage, "EB Garamond", Georgia, serif;--ui:Letter, "EB Garamond", Georgia, serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--peat);height:100%;color:var(--parchment);font:16px/1.4 var(--ui);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}[hidden]{display:none!important}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;position:fixed;inset:0}.banner{top:calc(12% + var(--safe-t));text-align:center;text-shadow:0 2px 10px #0009;transition:opacity 1.2s;position:absolute;left:50%;transform:translate(-50%)}.banner h1{font:400 clamp(2rem, 6vw, 3.4rem)/1 var(--display);letter-spacing:.08em;color:#f5ecd6;margin:0}.banner p{font:400 1.05rem var(--ui);color:#dcd2b8;letter-spacing:.06em;margin:6px 0 0}.banner.fade{opacity:0}.prompt{left:50%;bottom:calc(22% + var(--safe-b));background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-size:1rem;position:absolute;transform:translate(-50%)}.prompt kbd{font:inherit;color:var(--gorse)}.perf{top:calc(10px + var(--safe-t));left:calc(70px + var(--safe-l));color:var(--muted);text-shadow:0 1px 2px #000;font:12px/1.3 ui-monospace,SF Mono,Menlo,monospace;position:absolute}.menu-btn{top:calc(10px + var(--safe-t));left:calc(10px + var(--safe-l));border:1px solid var(--line);background:var(--panel);width:48px;height:48px;color:var(--parchment);cursor:pointer;border-radius:10px;place-items:center;display:grid;position:fixed}.menu-btn svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;width:22px;height:22px}.curtain{padding:calc(16px + var(--safe-t)) 16px calc(16px + var(--safe-b));background:#0a0c0b80;place-items:center;display:grid;position:fixed;inset:0}.card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;gap:12px;width:min(420px,100%);max-height:100%;padding:22px 22px 18px;display:flex;overflow-y:auto}.card h1{font:400 2.4rem/1 var(--display);letter-spacing:.06em;margin:0}.card .sub{color:var(--muted);margin:0}.card .keys{color:var(--muted);margin:4px 0 0;font-size:.85rem;line-height:1.6}.card button,#bench-out button{border:1px solid var(--bronze);min-height:48px;color:var(--parchment);font:400 1.15rem var(--ui);cursor:pointer;background:linear-gradient(#3b3326,#262019);border-radius:10px;padding:0 24px}.settings{text-align:left;flex-direction:column;gap:10px;margin-top:4px;display:flex}.settings label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.settings input[type=range]{max-width:180px;accent-color:var(--gorse);flex:auto}.settings input[type=checkbox]{width:22px;height:22px;accent-color:var(--gorse)}.settings label.check{justify-content:flex-start}.settings select{font:inherit;min-height:40px;color:var(--parchment);border:1px solid var(--line);background:#221d17;border-radius:8px;padding:0 8px}.links{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:6px;display:flex}.links a,#bench-out a{color:var(--gorse);align-items:center;min-height:44px;display:inline-flex}#loading{text-align:center;background:var(--peat);place-content:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading h1{font:400 3.4rem/1 var(--display);letter-spacing:.1em;margin:0}#loading p{color:var(--muted);margin:10px 0 0;font-style:italic}#loading.done{opacity:0;pointer-events:none}#bench-out{background:#0a0c0b99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#bench-out .card{text-align:left;width:min(560px,100%)}#bench-out ul{margin:6px 0 0;padding-left:18px}#bench-out li.ok{color:#9fd49a}#bench-out li.over{color:#f0a07a}#bench-out textarea{resize:none;width:100%;min-height:200px;color:var(--parchment);border:1px solid var(--line);-webkit-user-select:text;user-select:text;background:#111614;border-radius:8px;padding:8px;font:12px/1.35 ui-monospace,SF Mono,Menlo,monospace}#bench-out .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hafod-touch .ht-pause{display:none}.bark{color:#2a2219;max-width:min(260px,60vw);font:400 .95rem/1.3 var(--ui);text-align:center;will-change:transform, opacity;pointer-events:none;background:#efe6cf;border:1px solid #b89a63;border-radius:10px;padding:7px 11px 8px;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000059}.bark:after{content:"";background:#efe6cf;border-bottom:1px solid #b89a63;border-right:1px solid #b89a63;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.hafod-touch{--ht-ink:#f2e8cc;--ht-muted:#a99b7b;--ht-bronze:#8c6c38;--ht-bronze-hi:#d0aa60;--ht-gold:#ecc873;--ht-panel:radial-gradient(circle at 50% 35%, #2c241ac7 0%, #14100cd1 70%, #0c0a08db 100%);--ht-st:env(safe-area-inset-top,0px);--ht-sb:env(safe-area-inset-bottom,0px);--ht-sl:env(safe-area-inset-left,0px);--ht-sr:env(safe-area-inset-right,0px);z-index:30;pointer-events:none;color:var(--ht-ink);font-family:var(--ui,Letter, "EB Garamond", Georgia, serif);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.hafod-touch[hidden]{display:none}.hafod-touch .ht-zone{pointer-events:auto;touch-action:none;position:absolute;top:0;bottom:0}.hafod-touch .ht-left{width:45%;left:0}.hafod-touch .ht-right{width:55%;right:0}.hafod-touch .ht-stick{border:2px solid var(--ht-bronze);pointer-events:none;opacity:.85;background:#100d0a61;border-radius:50%;width:132px;height:132px;margin:-66px 0 0 -66px;transition:opacity .2s;position:absolute;box-shadow:inset 0 0 0 1px #d0aa6059}.hafod-touch .ht-stick.idle{opacity:.5}.hafod-touch .ht-stick.sprint{border-color:var(--ht-gold)}.hafod-touch .ht-knob{border:2px solid var(--ht-bronze-hi);background:var(--ht-panel);border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000073}.hafod-touch .ht-hint{text-align:center;letter-spacing:.06em;color:var(--ht-muted);text-shadow:0 1px 2px #000;opacity:0;margin-top:6px;font-size:13px;transition:opacity .2s;position:absolute;top:100%;left:0;right:0}.hafod-touch .ht-stick.idle .ht-hint{opacity:1}.hafod-touch .ht-arc{--atk:88px;--sk:60px;--r:112px;--dodge:60px;--pot:46px;--sl-size:52px;--edge:26px;--gap:22px;right:calc(var(--ht-sr) + var(--edge));bottom:calc(var(--ht-sb) + var(--edge));width:var(--atk);height:var(--atk);pointer-events:none;position:absolute}.hafod-touch .ht-btn{border:2px solid var(--ht-bronze);background:var(--ht-panel);color:var(--ht-ink);pointer-events:auto;touch-action:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:transform 80ms;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 0 1px #d0aa6066,0 2px 8px #00000073}.hafod-touch .ht-btn[hidden]{display:none}.hafod-touch .ht-btn svg{width:50%;height:50%;display:block}.hafod-touch .ht-btn .ht-fallback{display:contents}.hafod-touch .ht-btn.on{border-color:var(--ht-gold);color:var(--ht-gold);transform:scale(.94)}.hafod-touch .ht-num{font:400 24px/1 var(--ui,Letter, "EB Garamond", Georgia, serif)}.hafod-touch .ht-label{letter-spacing:.05em;color:var(--ht-muted);text-shadow:0 1px 2px #000;white-space:nowrap;margin-top:3px;font-size:12px;position:absolute;top:100%}.hafod-touch .ht-face-host{pointer-events:none;border-radius:50%;position:absolute;inset:0}.hafod-touch.ht-bound .ht-slot>.ht-fallback{display:none}.hafod-touch.ht-bound .ht-slot{box-shadow:none;background:0 0;border-color:#0000}.hafod-touch .ht-if-fight{display:none}.hafod-touch.ht-combat .ht-if-fight{display:contents}.hafod-touch.ht-combat .ht-if-calm{display:none}.hafod-touch .ht-attack{width:var(--atk);height:var(--atk);margin:calc(var(--atk) / -2) 0 0 calc(var(--atk) / -2);border-color:var(--ht-bronze-hi)}.hafod-touch .ht-skill1,.hafod-touch .ht-skill2,.hafod-touch .ht-skill3,.hafod-touch .ht-skill4{width:var(--sk);height:var(--sk);margin:calc(var(--sk) / -2) 0 0 calc(var(--sk) / -2);left:calc(50% + cos(var(--a)) * var(--r));top:calc(50% - sin(var(--a)) * var(--r))}.hafod-touch .ht-skill1{--a:190deg}.hafod-touch .ht-skill2{--a:152deg}.hafod-touch .ht-skill3{--a:114deg}.hafod-touch .ht-skill4{--a:76deg}.hafod-touch .ht-dodge{width:var(--dodge);height:var(--dodge);margin:calc(var(--dodge) / -2) 0 0 calc(var(--dodge) / -2);left:calc(50% + cos(190deg) * var(--r) - var(--sk) / 2 - var(--gap) - var(--dodge) / 2);top:calc(50% + var(--atk) / 2 - var(--dodge) / 2)}.hafod-touch .ht-slide{width:var(--sl-size);height:var(--sl-size);margin:calc(var(--sl-size) / -2) 0 0 calc(var(--sl-size) / -2);left:calc(50% + cos(190deg) * var(--r) - var(--sk) / 2 - var(--gap) - var(--dodge) / 2);top:calc(50% + var(--atk) / 2 - var(--dodge) - 16px - var(--sl-size) / 2)}.hafod-touch .ht-potion{width:var(--pot);height:var(--pot);margin:calc(var(--pot) / -2) 0 0 calc(var(--pot) / -2);left:calc(50% + cos(122deg) * (var(--r) + var(--sk) / 2 + 12px + var(--pot) / 2));top:calc(50% - sin(122deg) * (var(--r) + var(--sk) / 2 + 12px + var(--pot) / 2))}.hafod-touch .ht-interact{top:auto;left:50%;bottom:calc(22% + var(--ht-sb));border-radius:24px;flex-direction:row;gap:8px;min-width:44px;min-height:48px;padding:0 18px 0 12px;font-size:17px;transform:translate(-50%)}.hafod-touch .ht-interact svg{flex:none;width:26px;height:26px}.hafod-touch .ht-interact.on{transform:translate(-50%)scale(.96)}.hafod-touch .ht-prompt-text{white-space:nowrap}@media (max-width:600px),(max-height:600px){.hafod-touch .ht-arc{--atk:64px;--sk:52px;--r:96px;--dodge:52px;--pot:44px;--sl-size:44px;--edge:22px;--gap:18px}.hafod-touch .ht-num{font-size:21px}}.hafod-hud,.hh-face{--hh-head:Heritage, "EB Garamond", Georgia, serif;--hh-text:Letter, "EB Garamond", Georgia, serif;--hh-ink:#f2e8cc;--hh-muted:#a99b7b;--hh-gold:#ecc873;--hh-bronze:#8c6c38;--hh-bronze-hi:#d0aa60;--hh-panel:linear-gradient(172deg, #261f17f2 0%, #14100cf5 55%, #0c0a08f7 100%);--hh-outline:0 0 2px #000, 1px 1px 1px #000, -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000}.hafod-hud{--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--pf:76px;--plate:250px;--bar-h:18px;--tile:58px;--menu:68px;pointer-events:none;color:var(--hh-ink);font:400 14px/1.35 var(--hh-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.hafod-hud[hidden]{display:none}.hafod-hud *,.hafod-hud :before,.hafod-hud :after,.hh-face,.hh-face *{box-sizing:border-box}.hafod-hud .hh-frame{top:calc(var(--st) + 12px);align-items:center;transition:opacity .2s ease-out;display:flex;position:absolute}.hafod-hud .hh-player{left:calc(var(--sl) + var(--menu))}.hafod-hud .hh-target{right:calc(var(--sr) + 16px)}.hafod-hud .hh-target.off{opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility 0s .2s}.hafod-hud .hh-portrait{z-index:2;width:var(--pf);height:var(--pf);border:3px solid var(--hh-bronze);box-shadow:0 0 0 1px #000, inset 0 0 0 1px var(--hh-bronze-hi), 0 3px 10px #000000b3;background:#15110d;border-radius:50%;flex:none;position:relative}.hafod-hud .hh-portrait img{border-radius:50%;width:100%;height:100%;display:block}.hafod-hud .hh-portrait:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 12px #000000bf}.hafod-hud .hh-plate{width:var(--plate);background:var(--hh-panel);border:2px solid var(--hh-bronze);border-radius:0 8px 8px 0;margin-left:-14px;padding:5px 10px 7px 22px;position:relative;box-shadow:0 0 0 1px #000,inset 0 1px #ffe2a01a,0 3px 10px #0009}.hafod-hud .hh-target .hh-plate{border-radius:8px 0 0 8px;margin-left:0;margin-right:-14px;padding:5px 22px 7px 10px}.hafod-hud .hh-name{font:400 19px/1.1 var(--hh-head);color:var(--hh-gold);white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 2px #000;margin:0 0 2px 1px;overflow:hidden}.hafod-hud .hh-name.hh-hostile{color:#f39a7c}.hafod-hud .hh-target.dead .hh-name{color:var(--hh-muted)}.hafod-hud .hh-target.dead .hh-portrait img{opacity:.45}.hafod-hud .hh-bar{height:var(--bar-h);background:#0f0c09;border:1px solid #000;border-radius:2px;margin-top:3px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #8c6c3859}.hafod-hud .hh-fill,.hafod-hud .hh-shine{display:block;position:absolute;inset:0}.hafod-hud .hh-fill{transform-origin:0;will-change:transform}.hafod-hud .hh-shine{background:linear-gradient(#ffffff3d,#ffffff08 48%,#0000002e)}.hafod-hud .hh-hp .hh-fill{background:linear-gradient(90deg,#2f7a27,#4ea63e)}.hafod-hud .hh-hp.hh-foe .hh-fill{background:linear-gradient(90deg,#8e2419,#c23b2b)}.hafod-hud .hh-energy .hh-fill{background:linear-gradient(90deg,#b8912a,#e2c046)}.hafod-hud .hh-player.low .hh-hp .hh-fill{animation:.9s ease-in-out infinite alternate hh-low}@keyframes hh-low{0%{opacity:1}to{opacity:.55}}.hafod-hud .hh-bar-text{color:#fff;text-shadow:var(--hh-outline);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding-top:1px;font-size:13.5px;line-height:1;display:flex;position:absolute;inset:0}.hafod-hud .hh-pips{gap:7px;margin-top:6px;padding-left:1px;display:flex}.hafod-hud .hh-pip{border:2px solid var(--hh-bronze);background:radial-gradient(circle at 40% 35%,#2a2118,#0b0806);border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 0 0 1px #000,inset 0 1px 2px #000}.hafod-hud .hh-pip i{opacity:0;background:radial-gradient(circle at 38% 32%,#fff3c4 0,#f5b93e 38%,#b85f14 78%,#6a2f08 100%);border-radius:50%;transition:opacity .14s ease-out,transform .18s cubic-bezier(.3,1.6,.5,1);position:absolute;inset:1px;transform:scale(.4);box-shadow:0 0 7px 1px #ffaa32bf}.hafod-hud .hh-pip.on i{opacity:1;transform:scale(1)}.hafod-hud .hh-bar-dock{left:50%;bottom:calc(var(--sb) + 12px);position:absolute;transform:translate(-50%)}.hafod-hud .hh-actionbar{background:var(--hh-panel);border:2px solid var(--hh-bronze);border-radius:9px;gap:7px;padding:9px 22px 5px;display:flex;position:relative;box-shadow:0 0 0 1px #000,inset 0 1px #ffe2a01f,inset 0 0 0 3px #00000059,0 4px 14px #000000a6}.hafod-hud .hh-actionbar:before,.hafod-hud .hh-actionbar:after{content:"";border:2px solid var(--hh-bronze);background:linear-gradient(135deg,#3a2b17,#120d08);width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;transform:rotate(45deg);box-shadow:0 0 0 1px #000}.hafod-hud .hh-actionbar:before{left:-11px}.hafod-hud .hh-actionbar:after{right:-11px}.hafod-hud .hh-slot{pointer-events:auto;position:relative}.hafod-hud .hh-slot-attack{margin-left:12px}.hh-face{--tile:58px;color:var(--hh-ink);font:400 14px/1 var(--hh-text);flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.hh-face .hh-tile{width:var(--tile);height:var(--tile);background:#15110d;border:1px solid #b48c4c;border-radius:6px;transition:transform 80ms ease-out;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #58401ee6,inset 0 1px #ffecbe47}.hh-face .hh-tile:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffecbe42,inset 0 -3px 4px #00000073,inset 0 0 12px #0000008c}.hh-face .hh-icon{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.hh-face.active .hh-tile{transform:scale(.93)}.hh-face .hh-dim{opacity:0;background:#0a0e229e;transition:opacity .12s;position:absolute;inset:0}.hh-face.dim .hh-dim{opacity:1}.hh-face .hh-flash{opacity:0;background:radial-gradient(circle,#ff503259,#c81e14b3);position:absolute;inset:0}.hh-face .hh-cd{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.hh-face .hh-cd-half{opacity:0;position:absolute;top:0;bottom:0;overflow:hidden}.hh-face .hh-cd-r{left:50%;right:0}.hh-face .hh-cd-l{left:0;right:50%}.hh-face .hh-cd-disc{transform-origin:50%;will-change:transform;width:300%;height:150%;position:absolute;top:-25%}.hh-face .hh-cd-r .hh-cd-disc{background:linear-gradient(90deg,#0000 50%,#040302c7 50%);left:-150%}.hh-face .hh-cd-l .hh-cd-disc{background:linear-gradient(90deg,#040302c7 50%,#0000 50%);left:-50%}.hh-face.gcd .hh-cd-r .hh-cd-disc{background:linear-gradient(90deg,#0000 50%,#0403028c 50%)}.hh-face.gcd .hh-cd-l .hh-cd-disc{background:linear-gradient(90deg,#0403028c 50%,#0000 50%)}.hh-face .hh-cd-num{text-align:center;width:1.7em;color:var(--hh-gold);text-shadow:var(--hh-outline), 0 0 6px #000;margin-left:-.85em;padding-top:2px;font-size:27px;font-weight:400;line-height:1;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.hh-face .hh-proc{width:calc(var(--tile) + 8px);height:calc(var(--tile) + 8px);pointer-events:none;border:1px solid #ffd97a;border-radius:9px;display:none;position:absolute;top:-4px;left:-4px;box-shadow:0 0 10px 2px #ffc840cc,inset 0 0 8px #ffc84073}.hh-face.glow .hh-proc{animation:1.1s ease-in-out infinite alternate hh-breathe;display:block}@keyframes hh-breathe{0%{opacity:.45}to{opacity:1}}.hh-face .hh-key{letter-spacing:.04em;text-align:center;color:#d6c79f;text-shadow:1px 1px 1px #000;min-width:20px;font-size:13.5px}.hh-face .hh-count{color:#fff;text-shadow:var(--hh-outline);font-size:15px;line-height:1;position:absolute;bottom:3px;right:3px}.hh-face.hh-round{gap:0;position:absolute;inset:0}.hh-face.hh-round .hh-tile{border-width:2px;border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1px #000,0 0 0 3px #463216d9,0 3px 8px #0000008c}.hh-face.hh-round .hh-proc{border-radius:50%;width:calc(100% + 10px);height:calc(100% + 10px);top:-5px;left:-5px}.hh-face.hh-round .hh-cd-num{font-size:25px}.hh-face.hh-round .hh-count{border:1px solid var(--hh-bronze);background:#15100b;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding-top:1px;font-size:12.5px;display:flex;bottom:-5px;right:-5px;box-shadow:0 0 0 1px #000}.hh-face.hh-round .hh-tile:has(.hh-count){overflow:visible}.hh-face.hh-round .hh-tile:has(.hh-count) .hh-cd{border-radius:50%;overflow:hidden}.ht-attack .hh-face.hh-round .hh-tile{border-color:#d0aa60}.hafod-hud .hh-cast{left:50%;bottom:calc(var(--sb) + 112px);border:2px solid var(--hh-bronze);opacity:0;background:#0f0c09;border-radius:4px;width:300px;height:22px;margin-left:-150px;transition:opacity .2s ease-out;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #000,0 3px 8px #0009}.hafod-hud .hh-cast.on{opacity:1}.hafod-hud .hh-cast .hh-fill{background:linear-gradient(90deg,#8f2a1c,#d0503a)}.hafod-hud .hh-cast-name,.hafod-hud .hh-cast-time{color:#fff;text-shadow:var(--hh-outline);align-items:center;padding-top:1px;font-size:14px;line-height:1;display:flex;position:absolute;top:0;bottom:0}.hafod-hud .hh-cast-name{left:9px}.hafod-hud .hh-cast-time{font-variant-numeric:tabular-nums;justify-content:flex-end;min-width:64px;right:9px}.hafod-hud .hh-notice{left:50%;top:calc(var(--st) + 30%);text-align:center;color:#f4e4b8;text-shadow:0 2px #0000008c,0 0 14px #000000d9,0 0 4px #000000e6;will-change:opacity;width:min(780px,100% - 32px);font-size:25px;line-height:1.3;position:absolute;transform:translate(-50%)}.hafod-hud .hh-error{left:50%;top:calc(var(--st) + 17%);text-align:center;color:#ff7a62;width:min(480px,100% - 32px);text-shadow:var(--hh-outline);will-change:opacity;font-size:18px;position:absolute;transform:translate(-50%)}.hafod-hud .hh-prompt{left:50%;bottom:calc(22% + var(--sb));background:var(--hh-panel);border:1px solid var(--hh-bronze);color:var(--hh-ink);font:400 16px/1.2 var(--hh-text);pointer-events:none;border-radius:8px;align-items:center;gap:8px;padding:7px 14px 7px 8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #000,0 3px 10px #0000008c}.hafod-hud .hh-prompt[hidden]{display:none}.hafod-hud .hh-prompt kbd{min-width:26px;height:26px;font:inherit;color:var(--hh-gold);border:1px solid var(--hh-bronze-hi);background:#0f0c09;border-radius:5px;justify-content:center;align-items:center;padding-top:1px;display:inline-flex}.hafod-hud .hh-fct-layer{width:0;height:0;position:absolute;top:0;left:0}.hafod-hud .hh-fct{white-space:nowrap;color:#fff6e2;text-shadow:var(--hh-outline), 0 0 8px #000000b3;will-change:transform, opacity;font-size:32px;line-height:1;position:absolute;top:0;left:0}.hafod-hud .hh-fct-crit{color:#ffd257;font-size:46px}.hafod-hud .hh-fct-hurt{color:#ff5a46;font-size:28px}.hafod-hud .hh-fct-hurtCrit{color:#ff3b2a;font-size:38px}.hafod-hud .hh-fct-heal{color:#7be36a;font-size:28px}.hafod-hud .hh-fct-dodged{color:#fff;letter-spacing:.04em;font-size:26px}.hafod-hud .hh-fct-miss{color:#c9c1ad;font-size:24px}.hafod-hud .hh-tip-anchor{z-index:5;position:absolute}.hafod-hud .hh-tip-anchor[hidden]{display:none}.hafod-hud .hh-tip-anchor.centre{transform:translate(-50%);left:50%!important}.hafod-hud .hh-tip{background:var(--hh-panel);border:1px solid #7e6436;border-radius:6px;width:340px;padding:10px 14px 11px;font-size:15.5px;line-height:1.34;position:relative;box-shadow:0 0 0 1px #000,inset 0 0 0 1px #ffe2a012,0 6px 18px #000000b3}.hafod-hud .hh-tip:before{content:"";pointer-events:none;border:1px solid #8c6c3847;border-radius:4px;position:absolute;inset:3px}.hafod-hud .hh-tt-name{color:#fff;margin-bottom:2px;font-size:20px;line-height:1.2}.hafod-hud .hh-row{justify-content:space-between;gap:12px;display:flex}.hafod-hud .hh-row span:last-child{text-align:right}.hafod-hud .hh-tt-builder,.hafod-hud .hh-tt-finisher{color:#f2b65a}.hafod-hud .hh-tt-desc{color:var(--hh-gold);margin-top:4px}.hafod-hud .hh-tt-note{color:var(--hh-gold);font-size:14.5px}.hafod-hud .hh-fin{border-top:1px solid #8c6c384d;border-bottom:1px solid #8c6c384d;margin:4px 0 5px;padding:3px 0;font-size:14.5px}.hafod-hud .hh-fin-row{color:var(--hh-muted);border-radius:3px;justify-content:space-between;padding:0 6px;display:flex}.hafod-hud .hh-fin-row.now{color:#fff;background:#ecc87324}.hafod-hud .hh-tt-mod{color:#74d95e;margin-top:3px;font-size:14.5px}.hafod-hud .hh-tt-mod span{color:var(--hh-muted);padding-left:14px;display:block}.hafod-hud .hh-tt-req{color:#ff6f5a;margin-top:3px}.hafod-hud .hh-tt-key{color:var(--hh-muted);margin-top:3px;font-size:14.5px}.hafod-hud.hh-touch{--pf:62px;--plate:196px;--bar-h:17px;--menu:66px}.hafod-hud.hh-touch .hh-frame{top:calc(var(--st) + 10px)}.hafod-hud.hh-touch .hh-target{right:calc(var(--sr) + 12px)}.hafod-hud.hh-touch .hh-name{font-size:16.5px}.hafod-hud.hh-touch .hh-bar-text{font-size:12.5px}.hafod-hud.hh-touch .hh-pip{width:15px;height:15px}.hafod-hud.hh-touch .hh-pips{gap:6px;margin-top:5px}.hafod-hud.hh-touch .hh-cast{bottom:calc(var(--sb) + 30px);width:250px;margin-left:-125px}.hafod-hud.hh-touch.hh-tall .hh-cast{bottom:calc(var(--sb) + 30%)}.hafod-hud.hh-touch .hh-tip{width:320px;font-size:14.5px;line-height:1.3}.hafod-hud.hh-touch .hh-notice{font-size:22px}.hafod-hud.hh-phone{--pf:46px;--plate:118px;--bar-h:14px;--menu:64px}.hafod-hud.hh-phone .hh-frame{top:calc(var(--st) + 12px)}.hafod-hud.hh-phone .hh-plate{margin-left:-12px;padding:3px 6px 5px 17px}.hafod-hud.hh-phone .hh-target .hh-plate{margin-right:-12px;padding:3px 17px 5px 6px}.hafod-hud.hh-phone .hh-target{right:calc(var(--sr) + 10px)}.hafod-hud.hh-phone .hh-name{letter-spacing:-.01em;font-size:12.5px}.hafod-hud.hh-phone .hh-bar{margin-top:2px}.hafod-hud.hh-phone .hh-bar-text{font-size:11px}.hafod-hud.hh-phone .hh-pip{border-width:1.5px;width:12px;height:12px}.hafod-hud.hh-phone .hh-pips{gap:4px;margin-top:4px}.hafod-hud.hh-phone .hh-portrait{border-width:2px}.hafod-hud.hh-phone .hh-tip{width:min(330px,100vw - 24px);padding:7px 11px 8px;font-size:13px;line-height:1.27}.hafod-hud.hh-phone .hh-tt-name{font-size:17px}.hafod-hud.hh-phone .hh-fin,.hafod-hud.hh-phone .hh-tt-mod,.hafod-hud.hh-phone .hh-tt-note{font-size:12.5px}.hafod-hud.hh-phone .hh-cast{width:200px;height:19px;margin-left:-100px}.hafod-hud.hh-phone .hh-cast-name,.hafod-hud.hh-phone .hh-cast-time{font-size:12.5px}.hafod-hud.hh-phone .hh-notice{top:calc(var(--st) + 24%);font-size:18px}.hafod-hud.hh-phone .hh-error{top:calc(var(--st) + 15%);font-size:15px}.hafod-hud.hh-phone .hh-fct{font-size:26px}.hafod-hud.hh-phone .hh-fct-crit{font-size:36px}.hafod-hud.hh-phone .hh-fct-hurt{font-size:23px}.hafod-hud.hh-phone .hh-fct-hurtCrit{font-size:30px}.hafod-hud.hh-phone .hh-fct-heal{font-size:23px}.hafod-hud.hh-phone .hh-fct-dodged{font-size:21px}.hafod-hud.hh-phone .hh-fct-miss{font-size:20px}@media (prefers-reduced-motion:reduce){.hh-face.glow .hh-proc,.hafod-hud .hh-player.low .hh-hp .hh-fill{animation:none}}