/*
 * Battle HUD: inked manga panels with watercolour washes. Objective banner top-left, map top-right, health and Musou bottom-left,
 * the skill diamond and K.O. / hit counters bottom-right. Pure restyle: every id and class the game code updates is unchanged.
 * Rough ink edges come from the SVG filters declared at the top of index.html (#ink-rough, #ink-rough-s); they are applied to
 * backgrounds and bars, never to text. Loaded after styles.css and menu.css.
 */
#hud{--ink:#0d0b10;--paper:#f3e9cf;--paper2:#e2d3ab;--red:#d6402a;--indigo:#2d4a7a;--teal:#4f9d96;--gold:#e8b83d;
 --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .42  0 0 0 0 .32  0 0 0 0 .18  0 0 0 .32 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
 --wash:radial-gradient(ellipse 60% 70% at 10% 15%,#4f9d96bb 0,#4f9d9655 45%,#0000 70%),radial-gradient(ellipse 55% 60% at 92% 90%,#2d4a7acc 0,#2d4a7a55 50%,#0000 72%),radial-gradient(ellipse 30% 40% at 62% 6%,#d6402a44 0,#0000 70%),radial-gradient(ellipse 40% 30% at 40% 100%,#e8b83d55 0,#0000 70%);\n --tone:radial-gradient(#0d0b1055 1.3px,#0000 1.9px) 0 0/6px 6px}

/* ---- objective banner (top-left): a paper card with a rough ink outline; the card is the ::before so the text stays crisp ---- */
#hud .mission-panel{isolation:isolate;left:var(--safe-l);top:16px;width:clamp(380px,33vw,500px);max-width:none;padding:14px 20px 14px 22px;border:0;background:none;clip-path:none;box-shadow:none;color:var(--ink)}
#hud .mission-panel::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--grain),var(--wash),var(--paper);border:4px solid var(--ink);filter:url(#ink-rough);box-shadow:7px 7px 0 #0d0b10cc;width:auto;height:auto}
#hud .objective-heading{justify-content:flex-start;gap:12px;align-items:center}
#hud .objective-heading span{font:400 12px/1 var(--font-display);letter-spacing:.06em;padding:5px 10px 4px;background:var(--red);color:#fff7e4;border:2px solid var(--ink);border-radius:2px;transform:rotate(-2deg);white-space:nowrap;box-shadow:2px 2px 0 var(--ink)}
#hud .objective-heading b{font:700 italic 15px var(--font-body);letter-spacing:.06em;color:var(--indigo);margin-left:auto;white-space:nowrap}
#hud #objective{font:400 clamp(19px,1.8vw,26px)/1.12 var(--font-display);letter-spacing:.01em;margin:9px 0 5px;color:var(--ink);text-shadow:none;max-width:none}
#hud #objective-help{font:600 clamp(13px,1.05vw,16px)/1.32 var(--font-body);color:#2b2a33;letter-spacing:.01em;max-width:none}
#hud #mission-steps{gap:5px;margin-top:10px}
#hud #mission-steps i{height:9px;flex:1 1 0;background:#0d0b1022;border:2px solid var(--ink);border-radius:5px 2px 6px 2px;transform:none}
#hud #mission-steps i.done{background:var(--red);box-shadow:none}
#hud .camps{gap:10px;margin-top:10px}
#hud .camp{font:700 14px var(--font-body);letter-spacing:.04em;padding:0;background:none;border:0;color:var(--ink);clip-path:none;gap:7px}
#hud .camp b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);border:0;color:var(--paper);font:400 13px var(--font-display)}
#hud .camp.captured b{background:var(--teal);color:var(--ink);box-shadow:0 0 0 2px var(--ink)}
#hud .camp em{color:var(--red);font-weight:900}
#hud #battle-tide,#hud #tide-meter{display:none!important}
#hud #phase-detail{font:600 12px var(--font-body);color:#4a4a55}

/* optional tasks: paper tags */
#hud #optional-tasks{left:var(--safe-l);width:min(330px,30vw)}
#hud #optional-tasks .optional-heading{font:400 11px var(--font-display);letter-spacing:.08em;color:#fff7e4;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}
#hud #optional-tasks button,#hud #optional-tasks .camp{font:700 14px/1.2 var(--font-body);letter-spacing:.02em;background:var(--grain),var(--paper);border:3px solid var(--ink);border-radius:3px 7px 3px 6px;padding:7px 10px;color:var(--ink);clip-path:none;box-shadow:4px 4px 0 #0d0b10cc;transform:rotate(-.5deg)}
#hud #optional-tasks button:nth-of-type(even){transform:rotate(.5deg)}
#hud #optional-tasks button[aria-pressed="true"]{background:var(--grain),#cfe6df;box-shadow:4px 4px 0 var(--teal)}
#hud #optional-tasks #raid-objective{background:var(--grain),#f3d2b8;border-color:var(--ink)}
#hud #optional-tasks #encounter-objective{background:var(--grain),#e3d4ee}

/* ---- map (top-right) ---- */
#hud #pause{position:absolute;right:var(--safe-r);top:16px;width:40px;height:40px;border-radius:50%;background:var(--paper);border:3px solid var(--ink);color:var(--ink);font:900 16px var(--font-body);clip-path:none;box-shadow:3px 3px 0 var(--ink)}
#hud .top-right{position:static;display:contents}
#hud #minimap{right:var(--safe-r);top:68px;width:clamp(150px,13vw,200px);height:auto;aspect-ratio:200/260;opacity:1;background:var(--grain),#e9dfc3;border:4px solid var(--ink);border-radius:3px 8px 3px 7px;clip-path:none;outline:6px solid var(--paper);outline-offset:0;box-shadow:0 0 0 10px var(--ink),9px 10px 0 10px #0d0b1099;filter:none}
#hud #map-toggle{right:var(--safe-r);top:calc(68px + clamp(150px,13vw,200px) * 1.3 + 26px);font:400 12px var(--font-display);letter-spacing:.05em;padding:6px 12px;background:var(--paper);border:3px solid var(--ink);border-radius:3px 7px 3px 6px;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}

/* ---- K.O. and hit counters (bottom-right) ---- */
#hud .ko-box{position:absolute;right:var(--safe-r);bottom:12px;display:flex;flex-direction:row-reverse;align-items:baseline;gap:10px;pointer-events:none}
#hud .ko-box span{font-size:0;line-height:0}
#hud .ko-box span::after{content:'K.O.';font:400 clamp(22px,2.4vw,34px) var(--font-display);color:var(--red);filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(3px 4px 0 #0d0b10aa);transform:rotate(-4deg);display:inline-block}
#hud .ko-box strong{font:900 italic clamp(50px,5.8vw,92px)/.88 var(--font-body);letter-spacing:-.02em;color:#fff7e4;filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(5px 6px 0 #0d0b10aa);text-shadow:none;-webkit-text-stroke:0}
#hud #combo{right:var(--safe-r);bottom:calc(clamp(50px,5.8vw,92px) + 22px);transform:rotate(-3deg);text-align:right;color:var(--ink)}
#hud #combo strong{font:900 italic clamp(40px,4.4vw,68px)/.9 var(--font-body);color:var(--gold);filter:drop-shadow(3px 0 0 var(--ink)) drop-shadow(-3px 0 0 var(--ink)) drop-shadow(0 3px 0 var(--ink)) drop-shadow(0 -3px 0 var(--ink)) drop-shadow(5px 5px 0 #0d0b10aa);text-shadow:none}
#hud #combo>span{font:400 clamp(20px,2vw,28px) var(--font-display);color:#fff7e4;margin-left:8px;filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink))}
#hud #combo small{display:inline-block;font:400 12px var(--font-display);letter-spacing:.05em;color:var(--ink);background:var(--paper);border:2px solid var(--ink);padding:3px 9px;margin-top:8px;transform:rotate(1.5deg);box-shadow:2px 2px 0 var(--ink)}
#hud #combo>div{height:9px;margin-top:8px;background:#0d0b1033;border:2px solid var(--ink);border-radius:5px 2px 6px 2px;overflow:hidden}
#hud #combo>div i{background:var(--red)}

/* ---- health, Musou (bottom-left) ---- */
#hud .vitals{left:var(--safe-l);bottom:20px;transform:none;width:clamp(340px,30vw,470px);isolation:isolate}
#hud .vitals::before{content:'';position:absolute;inset:-14px -14px -12px -18px;z-index:-1;background:var(--grain),var(--wash),var(--paper);border:4px solid var(--ink);filter:url(#ink-rough);box-shadow:7px 7px 0 #0d0b10cc;border-radius:2px}
#hud #boon-row{justify-content:flex-start;bottom:calc(100% + 26px)}
#hud .hud-portrait{transform:none;border-radius:50%;width:clamp(72px,6.2vw,96px);margin:0 14px 0 0;border:4px solid var(--ink);background:radial-gradient(circle at 50% 46%,var(--red) 0 38%,#0000 39%),radial-gradient(circle at 30% 25%,#fff7e4,#e2d3ab);filter:url(#ink-rough-s);box-shadow:3px 4px 0 #0d0b10aa}
#hud .hud-portrait span{transform:none;font:400 clamp(22px,2.4vw,34px) var(--font-display);color:#fff7e4;text-shadow:2px 2px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);background:none}
#hud .hud-limit{transform:none;border-radius:50%;border:3px solid var(--ink);background:var(--gold);width:clamp(36px,3vw,46px);margin:0 0 0 10px;align-self:end;box-shadow:2px 3px 0 #0d0b10aa}
#hud .hud-limit span{transform:none;font:400 18px var(--font-display);color:var(--ink)}
#hud .warrior-name{align-items:center;gap:12px;margin-bottom:7px;white-space:nowrap}
#hud .warrior-name b{font:400 clamp(17px,1.6vw,24px) var(--font-display);letter-spacing:.02em;color:var(--ink);text-shadow:none}
#hud .warrior-name #rank{display:none}
#hud .warrior-name #health-label{margin-left:auto;white-space:nowrap;font:900 italic clamp(16px,1.5vw,22px) var(--font-body);letter-spacing:.02em;color:var(--red)}
#hud .health-track{height:clamp(17px,1.6vw,24px);padding:3px;background:#0d0b10;border:0;border-radius:3px 9px 3px 8px;transform:none;filter:url(#ink-rough-s);box-shadow:none}
#hud #health-fill{background:linear-gradient(180deg,#8fd0c4,#4f9d96 60%,#2d6f6a);box-shadow:none;border-radius:2px 7px 2px 6px}
#hud .musou-track{height:clamp(10px,1vw,14px);margin-top:7px;padding:2px;background:#0d0b10;border:0;border-radius:2px 7px 2px 6px;transform:none;filter:url(#ink-rough-s)}
#hud #musou-fill{background:linear-gradient(90deg,#2d4a7a,#5a7fc0 70%,#dbe8ff);border-radius:2px 5px 2px 4px}
#hud .meter-label{font:700 13px var(--font-body);letter-spacing:.14em;margin-top:6px;color:var(--indigo);text-shadow:none}
#hud .meter-label span{color:var(--indigo)}
#hud .meter-label b{font:900 italic 15px var(--font-body);color:var(--ink)}
#hud #momentum-label{display:none}
#hud #build-summary{font:600 12px var(--font-body);color:#3a3946;opacity:1;text-shadow:none}
#hud .vitals-core small{text-shadow:none}

/* ---- skill diamonds (bottom-right, beside the K.O. counter) ---- */
#hud #combat-controls{top:auto;bottom:6px;right:calc(var(--safe-r) + clamp(150px,13vw,230px) - 8px);width:216px;height:216px;padding:0;background:none;border:0;max-height:none;overflow:visible;pointer-events:none}
#hud #combat-controls .control-hints{display:none}
#hud #combat-controls #special-actions{position:absolute;inset:0;display:block;max-width:none}
#hud #combat-controls #special-actions button{position:absolute;width:88px;height:88px;min-width:0;max-width:none;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;pointer-events:auto;z-index:1;font:700 10px var(--font-body);color:var(--ink)}
#hud #combat-controls #special-actions button::before{content:'';position:absolute;inset:10px;transform:rotate(45deg);background:var(--grain),radial-gradient(circle at 30% 25%,#fff7e4,var(--paper2));border:4px solid var(--ink);filter:url(#ink-rough-s);box-shadow:5px 5px 0 #0d0b10cc;z-index:-1;transition:background .2s}
#hud #combat-controls #special-actions button.ready::before{background:var(--grain),radial-gradient(circle at 30% 25%,#fff7e4,#f3c64f)}
#hud #combat-controls #special-actions button.pressed::before,#hud #combat-controls #special-actions button:active::before{background:var(--grain),var(--red)}
#hud #combat-controls #special-actions button kbd{font:400 15px var(--font-display);color:var(--red);letter-spacing:.02em;line-height:1}
#hud #combat-controls #special-actions button span{flex:none;display:block;max-width:54px;white-space:normal;overflow:hidden;font:700 9.5px/1 var(--font-body);letter-spacing:.01em;color:var(--ink);text-align:center;max-height:20px;margin-top:2px}
#hud #combat-controls #special-actions button em{font:700 9.5px var(--font-body);color:#37525a;margin-top:1px}
#hud #combat-controls #special-actions #special-1{left:0;top:64px}
#hud #combat-controls #special-actions #special-2{left:64px;top:0}
#hud #combat-controls #special-actions #special-3{left:128px;top:64px}
#hud #combat-controls #special-actions #jump{left:64px;top:128px}
#hud #combat-controls #special-actions #air-chase{left:50%;top:-34px;transform:translateX(-50%);width:auto;min-width:130px;height:auto;padding:6px 12px;background:var(--grain),var(--paper);border:3px solid var(--ink);border-radius:3px 7px 3px 6px;font:400 12px var(--font-display);letter-spacing:.04em;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
#hud #combat-controls #special-actions #air-chase::before{display:none}
#hud #combat-controls #inner-shift{position:absolute;left:-122px;bottom:4px;width:128px;margin:0;padding:6px 9px;background:var(--grain),var(--paper);border:3px solid var(--ink);border-radius:3px 7px 3px 6px;box-shadow:3px 3px 0 var(--ink);clip-path:none;pointer-events:auto;font:400 11px var(--font-display);letter-spacing:.03em;color:var(--ink)}
#hud #combat-controls #inner-shift[hidden]{display:none}
#hud #combat-controls #inner-shift .shift-sword{background:#0d0b1033;border:0}
#hud #combat-controls #inner-shift kbd{color:var(--red)}

/* ---- boss bar and notices ---- */
#hud #boss{top:18px;width:min(40vw,520px)}
#hud #boss b{font:400 clamp(18px,1.8vw,26px) var(--font-display);letter-spacing:.03em;color:#fff7e4;filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink)) drop-shadow(3px 4px 0 #0d0b10aa);text-shadow:none}
#hud #boss-act{font:400 12px var(--font-display);letter-spacing:.06em;color:var(--paper);background:var(--red);border:2px solid var(--ink);padding:3px 9px;transform:rotate(-2deg);display:inline-block}
#hud .boss-track{border:3px solid var(--ink);background:#0d0b10;transform:none;padding:3px;border-radius:3px 9px 3px 8px;filter:url(#ink-rough-s)}
#hud #waypoint{font:700 15px var(--font-body);letter-spacing:.08em;background:var(--grain),var(--paper);border:3px solid var(--ink);border-radius:3px 8px 3px 7px;color:var(--ink);padding:7px 16px;clip-path:none;box-shadow:4px 4px 0 var(--ink)}
#hud #notification strong{font-family:var(--font-display)}
#hud .desktop-hint{display:none!important}

@media(max-width:900px){#hud #combat-controls{display:none}#hud .mission-panel{width:70vw}}

/* ---- pass 2: screentone corners, tidy task list container ---- */
#hud .mission-panel::after,#hud .vitals::after{content:'';position:absolute;z-index:-1;top:6px;bottom:6px;right:6px;width:34%;background:var(--tone);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000);pointer-events:none}
#hud .vitals::after{top:-8px;bottom:-6px;right:-8px;width:30%}
#hud #optional-tasks{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}

/* ---- pass 3: spacing, and the red ink-brush 3D navigation arrow ---- */
#hud #combat-controls{right:calc(var(--safe-r) + clamp(300px,24vw,410px))}
#hud #combat-controls #special-actions #air-chase{top:-64px}
#hud #combat-controls #inner-shift{left:-156px;bottom:-2px}
#hud #optional-tasks{margin-top:16px}
#hud #waypoint{gap:10px;padding:8px 20px 8px 12px}
#hud #waypoint-arrow{display:block;flex:0 0 56px;width:56px;height:63px;font-size:0;line-height:0;color:transparent;margin:-18px 0 -16px -2px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23ff7a58'/><stop offset='.55' stop-color='%23d6402a'/><stop offset='1' stop-color='%23952314'/></linearGradient></defs><path d='M32 6 L56 36 L41 33 L44 64 L22 64 L24 33 L8 36 Z' transform='translate(5 6)' fill='%236b140b' stroke='%230d0b10' stroke-width='4' stroke-linejoin='round'/><path d='M32 6 L56 36 L41 33 L44 64 L22 64 L24 33 L8 36 Z' fill='url(%23g)' stroke='%230d0b10' stroke-width='4' stroke-linejoin='round'/><path d='M31 14 L16 33' stroke='%23ffb199' stroke-width='3' stroke-linecap='round' opacity='.8' fill='none'/><path d='M30 38 L29 58 M35 40 L35 60' stroke='%23ff9a7e' stroke-width='1.6' stroke-linecap='round' opacity='.55' fill='none' stroke-dasharray='6 3 9 2'/></svg>") center/contain no-repeat;filter:url(#ink-rough-s) drop-shadow(0 5px 0 #0d0b10aa);will-change:transform}

#spirit-weave-status{position:absolute;left:22px;bottom:196px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;max-width:280px;padding:8px 12px;border-left:3px solid #a1dcff;background:linear-gradient(90deg,#101127e8,#17132b90);color:#d2efff;font:600 15px var(--font-body);pointer-events:none}
#spirit-weave-status[hidden]{display:none}#spirit-weave-status strong{letter-spacing:.1em;color:#c2acff}#spirit-weave-status small{flex-basis:100%;font-size:12px;font-weight:400;color:#b1becd}
#hud #combat-controls #special-actions #air-chase[hidden]{display:none!important}
@media(max-height:700px){#spirit-weave-status{bottom:160px;padding:5px 10px;font-size:13px}}
/* Ability cards: one illustrated move, one key prompt, no stacked key text. */
#hud #combat-controls{width:278px;height:142px;bottom:18px}
#hud #combat-controls #special-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:104px 28px;gap:8px;position:relative;inset:auto;width:100%;height:100%}
#hud #combat-controls #special-actions button:not(#air-chase){position:relative;inset:auto;transform:none;width:auto;height:auto;min-width:0;padding:7px 5px 6px;isolation:isolate;border:2px solid var(--ink);border-radius:3px 8px 3px 3px;background:var(--grain),var(--paper);box-shadow:3px 4px 0 #0d0b10b3;gap:0;overflow:hidden;transition:filter .12s,translate .12s}
#hud #combat-controls #special-actions button:not(#air-chase)::before{display:none}
#hud #combat-controls #special-actions button[id^=special-]::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:calc(var(--ability-charge,1)*100%);background:var(--ability-accent,var(--red));pointer-events:none}
#hud #combat-controls #special-actions #special-1{grid-column:1;grid-row:1}
#hud #combat-controls #special-actions #special-2{grid-column:2;grid-row:1}
#hud #combat-controls #special-actions #special-3{grid-column:3;grid-row:1}
#hud #combat-controls #special-actions button .ability-art{display:grid;place-items:center;flex:none;width:43px;height:43px;margin:0 0 2px;color:var(--ink);background:radial-gradient(circle,var(--ability-accent) 0,transparent 70%);border-radius:50%;opacity:.95}
#hud #combat-controls #special-actions .ability-art svg{display:block;width:35px;height:35px;filter:none;pointer-events:none}
#hud #combat-controls #special-actions button kbd{position:absolute;right:3px;top:3px;margin:0;padding:0;line-height:1;font:700 11px var(--font-body);color:var(--ink);background:none}
#hud #combat-controls #special-actions button kbd[data-pixel-key]{font-size:0;line-height:0}
#hud #combat-controls #special-actions button kbd .pixel-key-icon{display:block;margin:0;zoom:.625}
#hud #combat-controls #special-actions button>span{max-width:100%;max-height:none;min-height:24px;margin:0;overflow:visible;white-space:normal;overflow-wrap:normal;font:700 12px/1 var(--font-body);letter-spacing:0;text-wrap:balance;display:flex;align-items:center;justify-content:center}
#hud #combat-controls #special-actions button em{margin:2px 0 0;font:700 10px/1 var(--font-body);font-style:normal;letter-spacing:.04em;color:#625c51}
#hud #combat-controls #special-actions button.ready em{color:#355c49}
#hud #combat-controls #special-actions button[aria-disabled=true] .ability-art{opacity:.35;filter:grayscale(1)}
#hud #combat-controls #special-actions button.pressed,#hud #combat-controls #special-actions button:active{translate:0 2px;filter:brightness(1.12);box-shadow:1px 2px 0 #0d0b10b3}
#hud #combat-controls #special-actions #jump{grid-row:2;grid-column:1/4;flex-direction:row;gap:9px;justify-self:center;min-width:112px;padding:3px 12px;overflow:visible;border-radius:3px;box-shadow:2px 3px 0 #0d0b1080}
#hud #combat-controls #special-actions #jump kbd{position:static;font:700 12px/1 var(--font-body);color:var(--ink);letter-spacing:.08em}
#hud #combat-controls #special-actions #jump>span{min-height:0;font-size:12px}
#hud #combat-controls #special-actions #air-chase{position:absolute;left:50%;top:-48px;width:auto;white-space:nowrap;font-size:10px;min-width:138px;padding:6px 9px}
#hud #combat-controls #inner-shift{bottom:0;left:-146px;width:132px}
/* Use the combo counter's exact numeric face, gold ink and outlined shadow. */
#hud #combo strong,#damage-popups .damage-popup:not(.note){font-family:var(--font-counter);font-weight:900;font-style:italic;color:#e8b83d;filter:drop-shadow(3px 0 0 #0d0b10) drop-shadow(-3px 0 0 #0d0b10) drop-shadow(0 3px 0 #0d0b10) drop-shadow(0 -3px 0 #0d0b10) drop-shadow(5px 5px 0 #0d0b10aa);text-shadow:none}
#damage-popups .damage-popup:not(.note){font-size:26px;line-height:.95;letter-spacing:-1px;rotate:-3deg}
#damage-popups .damage-popup.heavy:not(.note){font-size:31px}
#damage-popups .damage-popup.ultimate:not(.note),#damage-popups .damage-popup.officer:not(.note){font-size:34px}
#damage-popups .damage-popup.big:not(.note){font-size:39px}
@media(max-width:1150px) and (min-width:901px){#hud #combat-controls{right:calc(var(--safe-r) + 170px);width:260px}#hud #combat-controls #inner-shift{left:-134px;width:124px}}
@media(max-height:600px) and (min-width:901px){#hud #combat-controls{bottom:10px;scale:.88;transform-origin:bottom right}}
#hud #combat-controls #inner-shift kbd[data-pixel-key]{font-size:0;line-height:0}
#hud #combat-controls #inner-shift kbd .pixel-key-icon{margin:0;zoom:.625}
#damage-popups .damage-popup{left:0;top:0;right:auto;bottom:auto;width:max-content;height:auto;margin:0}