/* Long-Wind ui/style.js: warm paper, quiet jade, cinnabar seals and ink washes.
   Keep the Musou HUD's information and navigation intact. */
#hud { --gold: #c9ad72; --teal: #84a99a; --seal: #983e30; color: #e8dfca; }
#hud .h-intro { background: linear-gradient(90deg, rgba(21,25,23,.82), rgba(21,25,23,.5) 55%, transparent); }
#hud .h-intro .zh { font-size: 6.2rem; text-shadow: 0 .2rem .8rem #151b17; color: #e9e1ce; }
#hud .h-intro .en { color: #c4b58e; letter-spacing: .42em; }
#hud .h-intro .sub { color: #d6cdb7; }
#hud .h-intro .keys { border-color: #bbaa7955; color: #d2c9b6; }
#hud .bar { border-radius: 1px; box-shadow: 0 0 0 1px #c4b58a55; }
#hud .hp i { background: linear-gradient(#b2c7ae, #688c78 55%, #436556); }
#hud .mu i { background: linear-gradient(#ddc795, #ac8d51); }
#hud .badge { border-color: #b5a074; box-shadow: 0 0 0 1px #ddd0a733, 0 .3rem 1.8rem #10181488; }
#hud .badge canvas { image-rendering: auto; }
canvas { image-rendering: auto !important; }
#hud kbd { background: #20292388; color: #d8d0bb; border-color: #c9b98d55; border-radius: 1px; }
@media (max-width: 760px) { #hud .h-intro .zh { font-size: 5rem; } }

#qi-status {position:fixed;bottom:2.2rem;right:3rem;padding:.65rem 1.3rem;color:#a19b89;background:#18211dcc;border:1px solid #a89d7144;font:1.5rem var(--kai);pointer-events:none;}
#qi-status[data-ready="1"] {color:#f4dfaf;border-color:#e6c47d99;}